@import url('brand/fonts.css');
/* Corporate Image Guide v1: shared identity, preserving functional layouts. */
:root{--dafni-blue:#2257cc;--dafni-navy:#172c4a;--dafni-tint:#eaf0ff;--dafni-bg:#f7f9fc;--dafni-border:#cbd6e8;font-family:Inter,system-ui,sans-serif;color:var(--dafni-navy);background:var(--dafni-bg)}
body{font-family:Inter,system-ui,sans-serif}
h1,h2,h3,h4,h5,h6,.admin-section-title,#ia2 h1,#ia2 h2,#ia2 h3,#ia2 h4{font-family:Manrope,Inter,sans-serif;font-weight:700;letter-spacing:-.025em}
button,input,textarea,select{font-family:inherit}
.brand{font-family:Inter,system-ui,sans-serif;font-weight:700;gap:12px}
.brand .mark,#ia2 .brand .logo,#ia2 .header-identity .logo{width:40px;height:40px;display:inline-block;vertical-align:middle;object-fit:contain;padding:0;margin-right:0;background:transparent;border:0;border-radius:0;flex-shrink:0}
#ia2 .brand{display:flex;align-items:center;gap:12px}
#ia2 .header-identity .logo{margin-right:8px}
.support-surface h2,.support-surface h3{font-family:Manrope,Inter,sans-serif;font-weight:700}
.support-surface{font-family:Inter,system-ui,sans-serif}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #2257cc;outline-offset:3px}
input[type=radio],input[type=checkbox]{accent-color:#2257cc}
#ia2 :focus-visible{outline-color:var(--accent)}
#ia2 h1,#ia2 h2,#ia2 h3,#ia2 h4{font-weight:700!important}
#home-panel h1{font-family:Lora,Georgia,serif;font-weight:600}
body>.card{max-width:640px;margin:40px auto;padding:32px;background:white;border:1px solid var(--dafni-border);border-radius:12px}
body>.card h1{font-size:28px;letter-spacing:-.025em}
body>.card button{background:var(--dafni-blue);color:white;border:0;border-radius:7px;padding:12px 18px;font-weight:600}
@media(max-width:600px){.brand .mark,#ia2 .brand .logo,#ia2 .header-identity .logo{width:34px;height:34px}body>.card{margin:16px;padding:24px}}
@media(prefers-color-scheme:dark){#ia2{color-scheme:dark}body:has(>#ia2){background:#121e32}}
/* Readable operational UI; compact metadata retains a smaller secondary scale. */
#ia2{font-size:16px;line-height:1.5}
#ia2 table{font-size:14px}
#ia2 .tablewrap th,#ia2 th button{font-size:12px;text-transform:none;letter-spacing:0}
#ia2 .cellmain{font-size:15px;font-weight:600}
#ia2 button,#ia2 .rowactions button,#ia2 .apphead nav button,#ia2 .field{font-size:14px}
#ia2 .notice,#ia2 .compact,#ia2 .import-guidance{font-size:14px}
#ia2 .rowactions{gap:8px;flex-wrap:wrap}
#ia2 .import-icon,#ia2 .header-icon,#ia2 .invoice-state-icon{min-width:36px;min-height:36px}
#ia2 details.empty-work-group>summary{cursor:pointer;font-weight:600;padding:12px 0;color:var(--muted)}
#ia2 details.empty-work-group>p{margin:0 0 12px;color:var(--muted)}
#package-lifecycle .lifecycle-actions{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:10px}
#package-lifecycle .lifecycle-actions a{display:inline-flex;align-items:center;min-height:40px}
#company-billing .renewal-summary{border-top:1px solid var(--dafni-border);padding-top:12px;margin-top:20px}
.platform-actions button{min-width:36px;min-height:36px}
@media(max-width:700px){#ia2 input:not([type=checkbox]):not([type=radio]),#ia2 select,#ia2 textarea{font-size:16px}#ia2 .import-icon,#ia2 .invoice-state-icon,#ia2 .header-icon,.platform-actions button{min-width:44px;min-height:44px}#ia2 .conversations .conversation-invoice{min-width:0;display:flex;flex-wrap:wrap;gap:12px;padding:14px 0}#ia2 .conversations .conversation-invoice>.invoice-communication{flex-wrap:wrap}#ia2 .conversation-reference{white-space:normal}#ia2 .chatbody{overflow:visible}}
@media(prefers-color-scheme:dark){#ia2 .validation-error,#ia2 .invoice-permission.revoked{color:#ffb4ab}#ia2 .communication-state.complete,#ia2 .invoice-permission.granted,#ia2 .permission-symbol.granted{color:#83dca5}#ia2 .invoice-permission.unknown,#ia2 .invoice-permission.review,#ia2 .permission-symbol.denied,#ia2 .permission-symbol.revoked{color:#f1c27b}#ia2 .primary-contact{background:var(--soft);border-color:var(--accent)}}

/* Accessible reminder targets and communication states on both surfaces. */
#ia2 .reminder-indicator{min-width:36px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
#ia2 .invoice-communication{flex-wrap:wrap}
#ia2 [data-paging][hidden]{display:none}
#ia2 .communication-state.pending{color:#54615d}#ia2 .communication-state.failed{color:#a12626}
@media(max-width:700px){#ia2 .reminder-indicator{min-width:44px}}
@media(prefers-color-scheme:dark){#ia2 .communication-state.pending{color:#b9c6d8}#ia2 .communication-state.failed{color:#ffb4ab}}