/* Final shared layout, based on the CI frames and native web interactions. */
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
:focus-visible{outline:3px solid #5066ff;outline-offset:3px}
h1[tabindex="-1"]:focus,main[tabindex="-1"]:focus{outline:none}
button:disabled{cursor:not-allowed}
button.primary:hover:not(:disabled),.button.primary:hover{background:#2c16c8}
button.danger{color:#a72d3c;border-color:#eac9ce}
button.danger:hover{background:#fff2f3}
input,select,textarea{max-width:100%;min-width:0}
textarea{resize:vertical}
input[type=checkbox]{accent-color:var(--brand);flex:none}
.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid>*{min-width:0}
.top{flex-wrap:wrap;align-items:flex-start}
.top>div:first-child{min-width:0;flex:1 1 260px}
.top h1,.top p,.facts strong,h2,.sidebar-company{overflow-wrap:anywhere}
.top p{margin:6px 0 0}
.page-actions{margin-top:0}
.card,.toolbar label,.facts>div{min-width:0}
.tag{display:inline-block;white-space:normal}
.tag.status-ended,.tag.status-cancelled,.tag.status-inactive{color:#666c7d;background:#f0f1f5}
.tag.status-returned{color:#17664d;background:#e8f6ee}
.tag.status-return_pending{color:#924500;background:#fff1de}
.table-card{border-radius:10px}
table{font-variant-numeric:tabular-nums}
td.text-cell{white-space:normal;min-width:170px;max-width:340px;overflow-wrap:anywhere}
td.number-cell{text-align:right}
.cell-meta{display:block;font-size:12px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}
.list-count{color:var(--muted);font-size:13px;margin:24px 0 12px}
.empty{line-height:1.8}
.empty strong{display:block;color:var(--ink);font-size:16px}
.empty p{margin:8px auto 0;max-width:420px;font-size:13px}
.error:empty{display:none}
.error-state h1{font-size:23px}
.required-mark{color:var(--brand)}
.field-help{display:block;font-size:12px;color:var(--muted);margin-top:6px;line-height:1.6}
.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);padding:12px 20px;background:var(--brand);color:white;border-radius:8px;z-index:50}
.skip-link:focus{transform:translateY(0)}
.nav-toggle{display:none}
aside nav a{min-height:44px}
.workspace-header strong{min-width:0;overflow-wrap:anywhere}
.workspace-header .button{flex:none}
#notice{max-width:calc(100vw - 32px);width:max-content;overflow-wrap:anywhere;box-shadow:0 4px 24px #20243a26;line-height:1.6}
.auth-page{width:min(528px,calc(100vw - 32px));margin:64px auto}
.auth-heading{padding:0 24px;margin-bottom:24px}
.auth-heading .brand{color:var(--ink);font-size:32px}
.auth-heading p{font-size:18px;margin:20px 0 0}
.auth-page .auth{width:100%;margin:0}
.auth-page .auth input{min-height:48px}
.auth-page .auth .auth-links{gap:16px}
.auth-page .auth button,.auth-page .auth .button{min-height:44px}
.app-dialog{padding:0;width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:hidden;border:1px solid var(--border);border-radius:14px}
.app-dialog>form{display:flex;flex-direction:column;max-height:calc(100dvh - 50px);min-height:0}
.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid var(--border);flex:none}
.dialog-header h2{margin:0;font-size:20px;overflow-wrap:anywhere;outline:none}
.dialog-dismiss{font-size:26px;padding:0;width:40px;min-height:40px;flex:none;border-color:transparent;line-height:1}
.dialog-body{padding:24px;overflow:auto;min-height:0;overscroll-behavior:contain}
.dialog-body>p:first-child{margin-top:0}
.dialog-body>.error{margin:20px 0 0}
.dialog-footer.actions{padding:16px 24px;border-top:1px solid var(--border);justify-content:flex-end;margin:0;background:#fff;flex:none}
.dialog-wide{width:min(920px,calc(100vw - 32px))}
.form-intro{font-size:13px;color:var(--muted)}
.form-section{border:0;padding:0;margin:24px 0;min-width:0}
.form-section:first-child{margin-top:0}
.form-section legend{padding:0 0 16px;font-size:17px;font-weight:700;color:var(--ink)}
.form-section p{font-size:13px}
.inline-guidance{padding:16px 20px;border:1px solid var(--border);border-radius:10px;background:var(--canvas);line-height:1.8;overflow-wrap:anywhere}
.inline-guidance p{font-size:13px;color:var(--muted);margin:6px 0 0}
.contract-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px;align-items:end}
.contract-filters label{margin:0;min-width:0}
.contract-filters .search-field{grid-column:span 2}
.period-field{border:0;padding:0;margin:0;grid-column:span 2;min-width:0}
.period-field legend{padding:0;margin-bottom:8px;color:var(--muted);font-size:13px}
.period-field .grid{gap:12px}
.period-field label{font-size:12px}
.sort-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
.filter-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid var(--border)}
.filter-footer p{font-size:12px;margin:0}
.filter-footer .actions{margin:0;flex-wrap:nowrap}
.contract-pick{border:1px solid var(--border);border-radius:10px;overflow:hidden}
.pick-heading,.pick-row{display:grid;grid-template-columns:32px minmax(0,1fr) 180px;gap:12px;align-items:center;padding:12px 16px}
.pick-heading{background:var(--tint);font-size:12px;color:var(--brand);font-weight:700}
.contract-pick .pick{max-height:310px;gap:0}
.pick-row{border-bottom:1px solid var(--border)}
.pick-row:last-child{border-bottom:0}
.pick-row>div{min-width:0;overflow-wrap:anywhere;font-size:13px}
.pick-row:has(:checked){background:#f7f5ff}
.pick-row .price-field{display:flex;padding:0;margin:0;border:0;gap:8px;font-size:13px}
.price-field input{text-align:right;min-width:0}
.selection-summary{padding:14px 16px;margin-top:12px;border-radius:8px;background:var(--tint);color:var(--brand);font-size:14px;text-align:right;font-weight:600}
.back-link{display:inline-block;margin-bottom:16px;font-size:13px;text-decoration:none;color:var(--muted)}
.eyebrow{font-size:13px;color:var(--muted);margin:0 0 6px!important}
.detail-grid{gap:24px;align-items:start}
.detail-grid>.card{margin:0}
.detail-facts{margin:0 0 20px;display:grid;gap:14px}
.detail-facts>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px}
.detail-facts dt{font-size:13px;color:var(--muted)}
.detail-facts dd{margin:0;overflow-wrap:anywhere;font-size:14px}
.detail-facts .amount{font-size:21px;font-weight:700;color:var(--brand)}
@media(max-width:1100px){.contract-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.contract-filters .search-field{grid-column:span 2}.sort-fields{grid-column:span 2}.detail-grid{grid-template-columns:1fr}.workspace-header .subtle{max-width:220px}}
@media(max-width:850px){.shell{display:flex;flex-direction:column}aside{display:none;height:auto;max-height:60dvh;overflow:auto;order:1;border-top:1px solid var(--border)}aside.is-open{display:flex}aside nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}aside .identity{display:flex}aside .official-brand{display:none}.workspace{display:contents}.workspace-header{order:0;position:sticky;top:0;z-index:5;border-bottom:1px solid var(--border);min-height:68px;padding:12px 16px;gap:8px}.nav-toggle{display:inline-flex;align-items:center;padding:8px 12px}main{order:2}.workspace-header strong{font-size:13px}.workspace-header .button{padding:8px 12px;font-size:12px}.workspace-header .subtle{max-width:150px;overflow-wrap:anywhere}.grid:not(.period-field .grid){grid-template-columns:1fr}.auth-page{margin:32px auto}.banner{font-size:12px}.top h1{font-size:25px}.top>div:first-child{flex-basis:100%}.top>.actions{margin:0}.card{padding:20px}.table-card{padding:0}}
@media(max-width:520px){.workspace-header strong{display:none}.workspace-header .button.subtle{margin-left:auto;max-width:48vw}.workspace-header .nav-toggle{margin-right:auto}main{padding:22px 16px}.card{padding:16px}.table-card{padding:0}.contract-filters{grid-template-columns:1fr;gap:16px}.contract-filters>*{grid-column:1!important}.contract-filters .period-field .grid{grid-template-columns:1fr 1fr}.filter-footer{flex-wrap:wrap}.filter-footer .actions{margin-left:auto}.dialog-header{padding:16px}.dialog-body{padding:16px}.dialog-footer.actions{padding:12px 16px}.app-dialog{max-height:calc(100dvh - 24px);width:calc(100vw - 20px)}.app-dialog>form{max-height:calc(100dvh - 26px)}.pick-heading{display:none}.pick-row{grid-template-columns:24px minmax(0,1fr);padding:12px;gap:8px}.pick-row .price-field{grid-column:2}.selection-summary{text-align:left;font-size:13px}.detail-facts>div{grid-template-columns:85px minmax(0,1fr);gap:12px}.auth-heading{padding:0 16px}.auth-heading .brand{font-size:28px}.auth-heading p{font-size:16px}.auth-page .auth{padding:20px}.stat-grid{gap:10px}.stat-grid .card{padding:14px}.stat-grid h2{font-size:13px}.stat-value{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}