/* The approved prototype is the visual base; these rules support production flows. */
.sidebar-logout{width:100%;border:0;background:none;text-align:left}.accent{color:var(--accent)}.extra-panel,.historical-picker,.audit-panel{margin-top:20px}.historical-picker>.btn{margin:0 20px 20px}.conflict-actions{padding:0 20px 16px}.conflict-actions .btn{white-space:normal;text-align:left}.modal .detail-values{margin-top:18px}.modal .audit-change{margin-top:9px}.form-section input[readonly]{color:var(--muted)}.message:focus,.form-error:focus{outline:2px solid var(--accent);outline-offset:3px}.account [data-account-message]:not(:empty){font-size:12px;line-height:1.7;padding-top:18px}.period-history li .btn{width:max-content;max-width:100%;white-space:normal}.form-help+.btn{margin-top:15px}
.layout,.welcome{min-height:100dvh}.sidebar{height:100dvh}.welcome{max-width:none;padding:0;margin:0}.welcome-card form{display:grid;gap:18px}.welcome-card .auth-description{margin-bottom:22px}.auth-links{display:flex;gap:20px;align-items:center;margin-top:20px}.auth-links button{font-size:12px}.session-user{font-size:12px;display:flex;gap:11px;align-items:center}.session-user small{color:var(--muted);display:block;font-size:10px;margin-top:5px}.session-user .avatar{width:34px;height:34px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.message{padding:14px 17px;border:1px solid #70493e;border-radius:10px;background:#30211f;color:#ffc1b1;font-size:12px;line-height:1.7;margin-bottom:20px;overflow-wrap:anywhere}.message.success{background:#243126;color:#c5dfbf;border-color:#496043}.message p+p{margin-top:8px}.message .btn{margin-top:10px}.form-error{margin:12px 20px;color:#ffc1b1;font-size:12px;line-height:1.7}.form-section .form-error{margin-inline:0}.form-help{font-size:11px;line-height:1.7;color:var(--muted);margin-top:12px}.form-help a{text-decoration:underline}.entry-card .evidence{padding:14px 20px 0;font-size:11px;line-height:1.6;color:var(--muted)}.entry-card .fields{gap:20px}.metric-controls{gap:5px;flex-wrap:wrap;justify-content:flex-start}.metric-controls button{min-height:36px}.metric-controls button[aria-pressed=true]{color:#ff9c86;text-decoration:underline;text-underline-offset:4px}.metric-field input:disabled{opacity:.8}.metric-field input::placeholder{font-size:12px}.metric-field input.field-unknown{font-size:12px!important}.ad-art{overflow:hidden;flex-shrink:0}.ad-art img{width:100%;height:100%;object-fit:cover}.ad-name strong,.ad-copy h3{overflow-wrap:anywhere}.ad-name small{line-height:1.5}.number{font-variant-numeric:tabular-nums}.number small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.stats .stat-value{overflow-wrap:anywhere}.stat p{line-height:1.7}.exception-picker{padding:20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:13px;align-items:end}.exception-picker select{margin-top:9px}.pending-list{max-height:520px;overflow:auto}.pending-item{display:block}.inline-note+.message{margin-top:12px}.period-history{list-style:none;padding:0;margin:16px 0;display:grid;gap:12px}.period-history li{border:1px solid var(--line);padding:14px;border-radius:10px;font-size:12px;line-height:1.8}.period-history .btn{margin-top:10px;display:flex}.catalog-switch{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.catalog-switch button[aria-pressed=true]{background:var(--accent-soft);border-color:#875445;color:#ffad97}.ad-management{align-items:flex-start}.ad-management .actions{flex-wrap:wrap}.ad-copy .badge{margin-top:10px}.management-facts{margin-top:9px;line-height:1.7;font-size:11px;color:var(--muted);overflow-wrap:anywhere}.form-section label+label,.form-section .form-row+label{margin-top:18px}.form-section input[type=file]{font-size:12px}.form-section input[type=checkbox]{accent-color:var(--accent)}.audit-values{margin-top:10px;display:grid;gap:7px}.audit-change{font-size:11px;line-height:1.6;overflow-wrap:anywhere;color:var(--muted)}.timeline-item time{font-size:10px;color:var(--muted);display:block;margin-top:6px}.timeline-item strong{overflow-wrap:anywhere}.session-expired .welcome-card{max-width:410px}.loading-panel{padding:32px}.loading-panel h1{font-size:24px;margin-bottom:14px}.loading-panel p{color:var(--muted);line-height:1.7}.loading-panel .btn{margin-top:20px}.account-actions{display:flex;gap:12px;flex-wrap:wrap}.backup-help{margin-top:16px!important}.field-status{font-size:10px;color:var(--yellow);margin-top:5px;min-height:15px}.form-actions{flex-wrap:wrap}.read-values{margin-top:15px}.read-values .detail-values{margin:0}.main-reload{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.main-reload .message{margin:0}.account dl{line-height:1.7}.empty p{line-height:1.7}.calendar-instruction{min-height:34px}.calendar-grid button:focus-visible{outline-offset:-3px}.calendar-grid button{min-width:0}.mobile-nav a{min-width:0;flex:1}.mobile-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}.topbar .text-btn{font-size:11px}.coverage-detail{padding:0 23px 20px;color:var(--muted);font-size:11px;line-height:1.8}.read-only-banner{margin-bottom:20px}.auth-message:empty{display:none}.return-note{margin-top:18px;font-size:11px;color:var(--yellow);line-height:1.8}.entry-grid>.entry-card:only-child{max-width:680px;width:100%}.modal .form-section{padding:0;border:0}.session-note{font-size:10px;color:var(--muted)}
@media(max-width:760px){.layout,.welcome{min-height:100dvh}.topbar{height:auto;min-height:76px}.session-user{font-size:11px;max-width:140px}.session-user>span{overflow-wrap:anywhere}.session-user .avatar{display:none}.session-user small{font-size:9px}.welcome{padding:0}.welcome-brand{padding:26px 22px}.welcome-content{padding:26px 22px 40px}.welcome-brand h1{font-size:27px}.exception-picker{grid-template-columns:1fr;padding:17px}.exception-picker .btn{justify-self:start}.metric-controls button{font-size:10px;padding:7px 2px}.metric-field{grid-template-columns:minmax(0,1fr) 143px;gap:12px}.entry-card-head{flex-wrap:wrap}.entry-card .evidence{padding-inline:17px}.session-user .icon-btn{width:34px;height:36px}.day-progress p{margin-left:0;flex-basis:100%}.page-heading{flex-wrap:wrap}.stat-value{font-size:29px}.stats .stat p{font-size:10px}.coverage-detail{padding-inline:16px}.ad-management .actions{justify-content:flex-start}.ad-management .badge{white-space:normal}.pending-list{max-height:420px}.modal-top h2{font-size:18px}.modal-backdrop{align-items:center}.auth-links{flex-wrap:wrap}.welcome-card input{font-size:16px}.performance-row{grid-template-columns:minmax(100px,1.5fr) repeat(3,minmax(0,.8fr))}.performance-row .number{overflow-wrap:anywhere}.performance-row .number small{font-size:9px}.detail-values{grid-template-columns:1fr}.detail-values strong{font-size:23px}.session-user .text-btn{min-height:44px}.toast{bottom:98px}.performance-head{grid-template-columns:minmax(100px,1.5fr) repeat(3,minmax(0,.8fr))}.entry-card-footer{flex-wrap:wrap}.session-note{display:none}}
@media(max-width:360px){main{padding-inline:12px}.metric-field{grid-template-columns:minmax(0,1fr) 130px;gap:8px}.metric-field label{font-size:11px}.session-user{max-width:125px}.mobile-nav a{padding-inline:5px;font-size:9px}.stat{padding:14px 11px}.performance-head,.performance-row{padding-inline:10px;gap:5px}.performance-head{font-size:8px}}
@media(max-width:760px){.panel-heading{flex-wrap:wrap}.panel-heading>.badge{white-space:normal;line-height:1.5}.conflict-actions .btn{font-size:11px}.exception-picker .btn{white-space:normal}.page-heading>.btn{max-width:100%;white-space:normal}.entry-card-footer .btn{max-width:100%;white-space:normal}.form-actions .btn{white-space:normal}.calendar-month .icon-btn{min-width:40px}.account dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.welcome-brand h1{margin-inline:auto}.sidebar-note{margin-top:18px}}
