/* Customer main screen, based on Nastenka 10. Login retains the original theme. */
.portal-shell{display:flex;height:100dvh;background:#eff8f6;color:#101521;font:14px Arial,sans-serif;overflow:hidden}.portal-icon{width:24px;height:24px;flex:none}.portal-shell button{font:inherit;cursor:pointer}.portal-shell button:focus-visible,.portal-shell a:focus-visible{outline:3px solid #68bc47;outline-offset:3px}.portal-sidebar{width:210px;flex:none;background:linear-gradient(100deg,#003a2d,#002b22);color:white;overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;padding:28px 18px;gap:25px}.portal-logo img{width:152px;max-width:100%;height:auto}.portal-sidebar nav{display:grid;gap:5px}.portal-sidebar button{display:flex;align-items:center;gap:17px;background:none;border:0;color:inherit;text-align:left;padding:12px 10px;border-radius:6px;width:100%;white-space:nowrap}.portal-sidebar nav .portal-icon{color:#f3dc66}.portal-sidebar nav button.active{background:#0c5b47;box-shadow:inset 3px 0 #4ed243}.portal-sidebar button:hover{background:#ffffff12}.portal-sidebar footer{margin-top:auto;padding-top:30px;font-size:12px}.portal-user{display:flex;gap:10px;align-items:center;margin-bottom:16px}.portal-user small{display:block;margin-top:5px;font-size:11px}.portal-avatar{display:grid;place-items:center;background:#ecf6ef;color:#075740;border-radius:50%;width:38px;height:38px;flex:none;font-weight:bold}.portal-main{flex:1;min-width:0;overflow:auto;padding:28px 20px;scrollbar-gutter:stable}.portal-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.portal-header h1{font-size:25px;letter-spacing:-.7px;margin:0 0 6px;font-weight:700}.portal-header p{margin:0;color:#587092;font-size:13px}.portal-date{font-size:12px;white-space:nowrap}.portal-date strong{display:block;font-size:16px;margin-top:4px}.portal-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.portal-metrics.three{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-metrics article{background:#ffffffed;display:flex;align-items:flex-start;gap:15px;padding:18px 14px;border-radius:7px;min-width:0}.metric-icon{background:#e5f6ee;border-radius:7px;color:#006044;padding:10px;display:flex}.portal-metrics p{font-size:12px;line-height:1.35;color:#425b82;margin:0 0 6px}.portal-metrics strong{font-size:23px;letter-spacing:-.6px;display:block;overflow-wrap:anywhere}.portal-metrics small{display:block;color:#00713d;font-size:11px;margin-top:6px}.portal-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.portal-card{background:#fff;border-radius:7px;padding:16px;min-width:0;display:flex;flex-direction:column}.portal-card header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.portal-card h2{font-size:17px;letter-spacing:-.5px;margin:0}.portal-card small{font-size:11px;color:#587092}.portal-empty{min-height:170px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;color:#536985;padding:15px}.portal-empty .portal-icon{color:#087151;width:30px;height:30px}.portal-empty strong{font-size:13px;font-weight:400}.portal-empty p{font-size:12px;line-height:1.6;margin:0;max-width:230px}.card-link{color:#006247;background:#f0f8f5;border:0;padding:10px;margin-top:auto}.portal-tabs{display:flex;gap:8px;color:#536985;font-size:11px}.portal-tabs span{padding:6px 10px;background:#f7f9fc;border-radius:5px}.portal-tabs .selected{background:#e5f6ee;color:#005b3f}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;flex:1}.quick-grid button{background:#eff8f6;border:0;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-height:90px;padding:12px;color:#141c29}.quick-grid .portal-icon{color:#006044}.info-row{display:flex;align-items:center;gap:12px;text-align:left;background:none;border:0;border-bottom:1px solid #f0f3f7;padding:10px 0;color:#131f34}.info-row .portal-icon{color:#0b7552;width:21px}.info-row span:nth-child(2){flex:1}.info-row small{display:block;margin-top:3px}.portal-busy{position:sticky;top:0;z-index:10;background:#e3f4eb;border:1px solid #9dceb6;padding:15px;display:flex;align-items:center;gap:15px;box-shadow:0 3px 20px #003b2212;border-radius:6px;margin-bottom:12px}.portal-notice{background:#fff4e3;padding:16px;margin-bottom:12px;border-radius:7px}.portal-notice button{margin-left:10px}.module-panel{min-height:260px;gap:20px}.portal-primary{background:#00563e;color:white;border:0;padding:12px 20px;border-radius:5px;align-self:flex-start}.data-date{font-size:11px;color:#587092;margin:16px 0 0}.portal-main .documents-list,.portal-main .document-stats article,.portal-main .panel{border-radius:7px}.compact .portal-sidebar{width:76px;padding-left:12px;padding-right:12px}.compact .portal-sidebar button span,.compact .portal-user div,.compact .portal-logo{display:none}.compact .portal-sidebar button{justify-content:center}.compact .portal-user{justify-content:center}.portal-shell *{box-sizing:border-box}@media(max-width:1200px){.portal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-metrics strong{font-size:20px}.portal-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-sidebar{width:185px}}@media(max-width:760px){.portal-sidebar{width:66px;padding:20px 8px}.portal-sidebar button span,.portal-user div,.portal-logo{display:none}.portal-sidebar button{justify-content:center;padding:12px 4px}.portal-sidebar footer{font-size:10px}.portal-main{padding:20px 12px}.portal-header h1{font-size:21px}.portal-header p{font-size:12px}.portal-date{display:none}.portal-panels,.portal-metrics,.portal-metrics.three{grid-template-columns:1fr}.portal-user{justify-content:center}.portal-metrics article{align-items:center}.portal-empty{min-height:140px}}
.quick-actions-first{margin-bottom:16px}.quick-actions-first .portal-card{padding:16px}.quick-actions-first .quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-actions-first .quick-grid button{min-height:70px;flex-direction:row;text-align:left;justify-content:flex-start;padding:16px 20px}.quick-actions-first .quick-grid button:hover{background:#e1f2e9}.portal-header-actions{display:flex;align-items:center;gap:22px;flex-shrink:0}.notification-menu{position:relative}.notification-bell{display:grid;place-items:center;width:44px;height:44px;background:white;border:1px solid #e1eee8;border-radius:12px;color:#101521}.notification-bell:hover,.notification-bell[aria-expanded=true]{background:#e5f6ee;border-color:#9dceb6}.notification-panel{position:absolute;right:0;top:54px;z-index:30;width:min(310px,calc(100vw - 100px));padding:18px;background:white;border:1px solid #dfebe5;border-radius:10px;box-shadow:0 10px 35px #003a2d22}.notification-panel header{display:flex;align-items:center;justify-content:space-between;gap:16px}.notification-panel h2{font-size:17px;margin:0}.notification-panel header button{border:0;background:transparent;font-size:24px;color:#536985;padding:0 5px}.notification-panel p{font-size:13px;line-height:1.6;margin:14px 0 0;color:#536985}@media(max-width:1100px){.quick-actions-first .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.portal-header{align-items:flex-start;gap:10px}.portal-header-actions{gap:0}.quick-actions-first .quick-grid button{flex-direction:column;text-align:center;padding:12px;justify-content:center;font-size:12px}.notification-panel{right:0}}
.recent-documents{margin-bottom:12px}.recent-document{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf2f0;text-decoration:none;color:#274f70;font-size:12px}.recent-document:hover{color:#006044;background:#f0f8f5}.recent-document>.portal-icon{color:#087151;width:21px}.recent-document>span{flex:1;min-width:0;overflow-wrap:anywhere}.recent-document small{display:block;margin-top:4px}.recent-document time{white-space:nowrap;color:#587092;font-size:11px}.document-tile .card-link{width:100%}

/* Navigation focuses the heading for accessibility without a visible frame. */
.portal-header h1:focus,.portal-header h1:focus-visible{outline:none;box-shadow:none}
.task-tabs{flex-wrap:wrap}.task-tabs button{border:0;border-radius:5px;padding:6px 8px;background:#f7f9fc;color:#536985;font-size:11px}.task-tabs button.selected{background:#e5f6ee;color:#005b3f}.task-tabs b{margin-left:4px}.task-preview{margin:10px 0}.task-preview-row{display:flex;align-items:center;gap:10px;width:100%;background:white;border:0;border-bottom:1px solid #edf2f0;text-align:left;padding:12px 0;color:#1c3044}.task-preview-row:hover{background:#eff8f6}.task-preview-row>.portal-icon{width:18px;color:#087151}.task-preview-row>span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:12px}.task-preview-row small{display:block;margin-top:4px}.task-preview-row time{font-size:11px;white-space:nowrap}.task-overdue{color:#bc3232!important}.tasks-scope{color:#587092;font-size:13px;margin-bottom:20px}.task-description summary{cursor:pointer;color:#006044;margin-top:8px}.task-description p{white-space:pre-wrap;max-width:650px;overflow-wrap:anywhere;line-height:1.6}.task-tile>.card-link{width:100%}
.portal-refresh{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid #d5e7de;border-radius:12px;background:white;color:#006044;white-space:nowrap}.portal-refresh:hover:not(:disabled){background:#e5f6ee;border-color:#9dceb6}.portal-refresh:disabled{opacity:.5;cursor:wait}.portal-refresh .portal-icon{width:21px;height:21px}@media(max-width:760px){.portal-header-actions{gap:8px}.portal-refresh{width:40px;padding:0}.portal-refresh span{display:none}}

/* Compact refresh control; accessible name and tooltip stay on the button. */
.portal-refresh{width:44px;padding:0}.portal-refresh span{display:none}
.customers-intro{color:#587092;margin:0 0 20px}.customer-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.customer-all{background:#005b42;color:white;padding:10px 20px;border-radius:6px}.customer-all b{margin-left:8px}.customer-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.customer-stats article{display:flex;align-items:center;gap:14px;background:white;padding:18px;border-radius:7px}.customer-stats small{color:#587092}.customer-stats strong{display:block;margin-top:8px;font-size:23px}.customer-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:14px;align-items:start}.customer-name{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#17364a;text-align:left;padding:4px 0}.customer-name small{display:block;color:#587092;margin-top:4px}.customer-avatar{display:grid;place-items:center;width:34px;height:34px;background:#dceee8;color:#006044;border-radius:50%;flex:none;font-size:12px;font-weight:bold}.customer-selected{background:#e7f4ee}.customer-detail header{justify-content:flex-start}.customer-detail header .customer-avatar{width:46px;height:46px;font-size:17px}.customer-detail h2{line-height:1.4;overflow-wrap:anywhere}.customer-detail-heading{border-bottom:2px solid #006044;padding:10px 0;color:#006044;font-weight:bold}.customer-detail dl{margin:8px 0}.customer-detail dl>div{padding:10px 0;border-bottom:1px solid #eff4f1}.customer-detail dt{font-size:11px;color:#587092;margin-bottom:4px}.customer-detail dd{margin:0;font-size:13px;overflow-wrap:anywhere}.customer-layout table td{font-size:12px}@media(max-width:1100px){.customer-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-layout{grid-template-columns:1fr}.customer-detail{grid-row:1}.customer-detail dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}}@media(max-width:600px){.customer-stats article{padding:12px;gap:8px}.customer-toolbar .document-filters{width:100%;flex-wrap:wrap}.customer-toolbar input,.customer-toolbar select{width:100%}}
.customer-basic-filters{display:flex;gap:6px;flex-wrap:wrap}.customer-basic-filters button{min-height:34px;padding:9px 18px;border:0;border-radius:6px;background:#ffffffd9;color:#52647c;font-size:12px;font-weight:600;white-space:nowrap}.customer-basic-filters button:hover{background:#e5f2ec;color:#005b42}.customer-basic-filters button.selected{background:#245640;color:white}.customer-basic-filters button:focus-visible{outline:3px solid #68bc47;outline-offset:2px}

.customer-basic-filters button:disabled{opacity:.45;cursor:default;background:#ffffffd9;color:#52647c}
.customer-side-column{display:grid;gap:14px;min-width:0}.customer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.customer-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 8px;background:#edf7f3;color:#005b42;border:1px solid #e0eee7;border-radius:6px;font-size:12px}.customer-actions button:hover{background:#dcefe5}.customer-actions .portal-icon{width:18px;height:18px}.customer-action-message{display:flex;align-items:start;gap:8px;padding:12px;margin-top:12px;background:#f0f6f4;color:#52647c;font-size:12px;line-height:1.5;border-radius:6px}.customer-action-message span{flex:1}.customer-action-message button{background:none;border:0;color:#52647c;font-size:20px}.customer-activities header>.portal-icon{color:#087151;width:20px;height:20px}.customer-activities-empty{display:flex;align-items:center;gap:12px;padding:12px 0}.customer-activities-empty p{font-size:12px;line-height:1.6;color:#587092;margin:0}@media(max-width:1100px){.customer-side-column{grid-row:1}.customer-side-column .customer-detail{grid-row:auto}}
.calendar-event{display:flex;gap:10px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #edf2f0}.calendar-event time{font-size:12px;color:#587092;min-width:48px}.calendar-event>.portal-icon{width:18px;height:18px;color:#006044}.calendar-event>div{min-width:0}.calendar-event a,.calendar-event strong{color:#17364a;font-size:13px;text-decoration:none;overflow-wrap:anywhere}.calendar-event a:hover{text-decoration:underline}.calendar-event small{display:block;margin-top:4px}.calendar-events{margin-bottom:12px}.calendar-date{display:flex;gap:12px;align-items:center;margin:12px 0;color:#587092}.calendar-date input{padding:9px;border:1px solid #d5e7de;border-radius:6px;background:white;color:#17364a}.outlook-calendar>.card-link{margin-top:auto}
/* Shared green action colour and full-width order register. */
.login-card .primary-button{background:#245640;color:#fff;box-shadow:none}.login-card .primary-button:hover{background:#19432f}.portal-header-actions{margin-left:auto}.orders-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0}.orders-summary article{display:flex;align-items:center;gap:12px;background:white;padding:18px 14px;border-radius:7px;min-width:0}.orders-summary small{display:block;color:#587092;font-size:12px;margin-bottom:8px}.orders-summary strong{display:block;font-size:21px;overflow-wrap:anywhere;letter-spacing:-.4px}.orders-date-filters{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.orders-date-filters label,.orders-page-size{display:flex;align-items:center;gap:8px;font-size:12px;color:#587092}.orders-date-filters input,.orders-page-size select{padding:8px 10px;border:1px solid #d5e7de;border-radius:6px;background:white;color:#17364a}.orders-date-filters small{margin-left:auto;color:#587092}.order-money{white-space:nowrap;text-align:right}.order-state{display:inline-block;padding:5px 9px;border-radius:12px;font-size:11px;white-space:nowrap}.order-state.open{background:#fff0d5;color:#8a590d}.order-state.realized{background:#e0f1fa;color:#225d82}.order-state.delivered{background:#dcf3e5;color:#096041}.orders-pagination{display:flex;justify-content:space-between;align-items:center;padding:18px;gap:12px;font-size:12px;color:#587092}.orders-pagination nav{display:flex;align-items:center;gap:14px}.orders-pagination button{display:grid;place-items:center;border-radius:5px}.orders-pagination button:disabled{opacity:.35;cursor:default}.orders-register table td{font-size:12px}@media(max-width:1200px){.orders-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.orders-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.orders-summary article{padding:12px;gap:8px}.orders-summary strong{font-size:18px}.orders-date-filters small{width:100%;margin-left:0}.orders-register>header{flex-wrap:wrap}}
.login-card .primary-button,.login-card .primary-button:hover{background:#245640;box-shadow:none;transform:none;filter:none;transition:none}
.order-detail-view header{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.order-detail-view dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.order-detail-view dt{font-size:12px;color:#587092;margin-bottom:6px}.order-detail-view dd{margin:0;color:#17364a;overflow-wrap:anywhere}@media(max-width:600px){.order-detail-view dl{grid-template-columns:1fr}}

.orders-register .document-open{white-space:nowrap;margin:3px}.orders-register .document-open .portal-icon{width:16px;height:16px}

.order-items{margin-top:22px;border:1px solid #e3eee8}.order-items tfoot{background:#eff8f6}.order-items td:nth-child(2){min-width:220px;overflow-wrap:anywhere}

.invoice-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.invoice-panel-frame{display:block;width:100%;height:85dvh;min-height:560px;border:0;border-radius:8px;background:#eff8f6}

.offers-summary{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1100px){.offers-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
.analytics-toolbar{margin-bottom:16px}.analytics-tabs{margin:16px 0;flex-wrap:wrap}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.analytics-grid>.portal-card{min-width:0}.analytics-grid header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.analytics-grid table{width:100%;border-collapse:collapse;font-size:12px}.analytics-grid th,.analytics-grid td{padding:10px 8px;text-align:left;border-bottom:1px solid #e5efea}.analytics-grid th{color:#587092;background:#f0f7f5;font-weight:500}.analytics-grid .order-money{text-align:right}.analytics-debt{color:#b32632}.analytics-chart svg{width:100%;height:auto;min-height:180px}.analytics-chart text{fill:#587092;font:11px Arial,sans-serif}.analytics-legend{color:#245640;font-size:12px}.analytics-chart summary{cursor:pointer;color:#245640;font-size:12px;margin:8px 0}.analytics-today{margin-top:20px}.analytics-today .quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-metrics small:last-child{line-height:1.5;margin-top:8px}.analytics-metrics .metric-icon{flex-shrink:0}.analytics-metrics article{align-items:flex-start}.analytics-metrics strong{font-size:20px}@media(max-width:1100px){.analytics-grid{grid-template-columns:1fr}.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.analytics-today .quick-grid{grid-template-columns:1fr}.analytics-toolbar{align-items:stretch}.analytics-metrics{grid-template-columns:1fr}}

.analytics-back{position:sticky;top:0;z-index:20;background:#eff8f6;padding:8px 0 12px;margin-bottom:8px}.analytics-back-bottom{margin-top:16px}

/* Calendar-only demo, matching the portal controls and the supplied weekly layout. */
.demo-calendar-badge{display:inline-block;margin-left:10px;padding:4px 9px;border-radius:5px;background:#e4f2e8;color:#245640;font-size:11px}
.demo-calendar{padding:0;overflow:hidden}.demo-calendar-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px}.demo-calendar-toolbar h2{margin-right:auto}.demo-calendar-navigation{display:flex;gap:6px}.demo-calendar-toolbar .customer-basic-filters{flex-wrap:wrap}.demo-calendar-toolbar .novato-date-trigger{min-width:135px}.demo-calendar-scroll{overflow-x:auto}.demo-calendar-timegrid{min-width:820px}.demo-calendar-timegrid.single-day{min-width:0}.demo-calendar-dayheads,.demo-calendar-timeline{display:grid;grid-template-columns:58px repeat(var(--days),minmax(0,1fr))}.demo-calendar-dayheads{background:#f7faf8;border-top:1px solid #e0ebe5;border-bottom:1px solid #e0ebe5}.demo-calendar-dayheads button{background:transparent;border:0;border-left:1px solid #e0ebe5;padding:11px 4px;color:#244a37}.demo-calendar-dayheads span,.demo-calendar-dayheads strong{display:block;font-size:12px}.demo-calendar-dayheads strong{margin-top:4px}.demo-calendar-timezone{font-size:11px;color:#728778;padding:18px 8px}.demo-calendar-dayheads button.is-today{background:#e4f2e8;color:#245640}.demo-calendar-hours time{display:block;height:60px;padding:5px 7px;font-size:11px;color:#6c8175;box-sizing:border-box}.demo-calendar-daycolumn{height:720px;position:relative;border-left:1px solid #e0ebe5;background:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,#f0f5f2 29px,#f0f5f2 30px,transparent 30px,transparent 59px,#e0ebe5 59px,#e0ebe5 60px)}.demo-calendar-daycolumn.is-today{background-color:#f7fcf8}.demo-calendar-event{position:absolute;left:3px;right:3px;box-sizing:border-box;border-left:3px solid var(--event-accent);border-radius:4px;padding:6px;background:var(--event-background);color:#233e30;overflow:auto;font-size:11px}.demo-calendar-event time{font-size:10px;white-space:nowrap}.demo-calendar-event strong,.demo-calendar-event span{display:block;margin-top:3px;line-height:1.3}.demo-calendar .meeting{--event-accent:#39825b;--event-background:#e2f2e7}.demo-calendar .visit{--event-accent:#54869e;--event-background:#e7f1f6}.demo-calendar .internal{--event-accent:#b8974b;--event-background:#faf2de}.demo-calendar-month{min-width:780px}.demo-calendar-monthheads,.demo-calendar-monthdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.demo-calendar-monthheads span{text-align:center;padding:12px;background:#f5faf7;border-top:1px solid #e0ebe5;font-size:12px;color:#587363}.demo-calendar-monthday{min-height:130px;padding:6px;border-top:1px solid #e0ebe5;border-right:1px solid #e0ebe5;min-width:0}.demo-calendar-monthday.outside{background:#f6f8f6;color:#8c9c91}.demo-calendar-daynumber{background:transparent;border:0;border-radius:50%;width:28px;height:28px;color:inherit}.demo-calendar-daynumber.is-today{background:#245640;color:white}.demo-calendar-month-event{background:var(--event-background);border-left:3px solid var(--event-accent);font-size:11px;padding:5px;margin-top:4px;border-radius:4px;line-height:1.4}.demo-calendar-month-event time{font-weight:bold}.demo-calendar-legend{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:15px;border-top:1px solid #e0ebe5;color:#587363;font-size:12px}.demo-calendar-legend span{display:flex;gap:7px;align-items:center}.demo-calendar-legend i{width:10px;height:10px;border-radius:3px;background:var(--event-accent)}.demo-calendar-legend small{margin-left:auto}.demo-calendar-agenda{padding:0 16px 16px}.demo-calendar-agenda h3{font-size:14px;margin:16px 0 10px}.demo-calendar-agenda h3.is-today{color:#287342}.demo-calendar-agenda-event{display:flex;align-items:center;flex-wrap:wrap;gap:14px;background:var(--event-background);border-left:3px solid var(--event-accent);padding:14px;margin-bottom:8px;border-radius:5px;font-size:13px}.demo-calendar-agenda-event span{color:#587363}@media(max-width:760px){.demo-calendar-toolbar{padding:12px;gap:10px}.demo-calendar-toolbar h2{font-size:16px}.demo-calendar-toolbar .customer-basic-filters{width:100%}.demo-calendar-legend small{width:100%;margin-left:0}}
.meeting-editor{width:min(550px,calc(100vw - 24px));max-height:90dvh;overflow:auto;border:1px solid #d5e5dc;border-radius:12px;padding:22px;color:#17364a;box-shadow:0 16px 60px #003b2233;font:14px Arial,sans-serif}.meeting-editor::backdrop{background:#092a2455}.meeting-editor header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.meeting-editor h2{margin:0;font-size:19px}.meeting-editor .meeting-close{border:0;background:transparent;color:#587092;font-size:26px;cursor:pointer}.meeting-editor fieldset{padding:0;margin:0;border:0;min-width:0}.meeting-editor label{display:block;color:#587092;font-size:12px;margin-bottom:14px}.meeting-editor .meeting-label{display:block;color:#587092;font-size:12px;margin-bottom:6px}.meeting-editor input:not([type=checkbox]),.meeting-editor select,.meeting-editor textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #d5e5dc;border-radius:6px;padding:11px;background:white;color:#17364a;font:14px Arial,sans-serif;margin-top:6px}.meeting-editor textarea{resize:vertical;line-height:1.5}.meeting-editor small{display:block;text-align:right;margin-top:4px}.meeting-date-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px}.meeting-date-row .novato-date-trigger{min-height:40px}.meeting-editor .meeting-send{display:flex;gap:9px;align-items:center}.meeting-editor footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:18px}.meeting-editor button:disabled{opacity:.5;cursor:wait}.meeting-editor input:focus-visible,.meeting-editor textarea:focus-visible,.meeting-editor select:focus-visible,.meeting-editor button:focus-visible{outline:2px solid #68a87b;outline-offset:2px}.meeting-confirmation{margin-bottom:18px}.meeting-confirmation pre{white-space:pre-wrap;font:14px/1.6 Arial,sans-serif}.meeting-confirmation .portal-primary{align-self:flex-start;text-decoration:none;display:flex;align-items:center;gap:8px}.demo-calendar button.demo-calendar-event,.demo-calendar button.demo-calendar-month-event,.demo-calendar button.demo-calendar-agenda-event{text-align:left;border-top:0;border-right:0;border-bottom:0;cursor:pointer}.demo-calendar button.demo-calendar-month-event,.demo-calendar button.demo-calendar-agenda-event{width:100%;box-sizing:border-box}.demo-calendar button.demo-calendar-event{font-size:11px}.demo-calendar button.demo-calendar-month-event{font-size:11px}@media(max-width:600px){.meeting-editor{padding:16px}.meeting-date-row{grid-template-columns:1fr 1fr}.meeting-date-row>div:first-child{grid-column:1/-1}}
.home-calendar-events{margin-bottom:12px}.home-calendar-event{display:flex;align-items:flex-start;gap:10px;width:100%;background:transparent;border:0;border-bottom:1px solid #edf2f0;padding:12px 0;text-align:left;color:#244a37}.home-calendar-event:hover{background:#f0f8f5}.home-calendar-event>time{font-size:13px;white-space:nowrap}.home-calendar-event>.portal-icon{width:19px;height:19px;color:#39825b}.home-calendar-event>span:first-of-type{flex:1;min-width:0}.home-calendar-event strong{display:block;font-size:13px}.home-calendar-event small{display:block;margin-top:4px;overflow-wrap:anywhere}.home-calendar>.card-link{width:100%}
.representative-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:0 0 20px;padding:12px 16px;background:#fff;border:1px solid #dce9e1;border-radius:7px}.representative-toolbar label{display:flex;align-items:center;gap:8px;color:#245640;font-size:13px;font-weight:600}.representative-toolbar .portal-icon{width:20px;height:20px}.representative-toolbar select{min-width:240px;max-width:100%;min-height:40px;padding:8px 34px 8px 12px;background:#f4faf6;color:#245640;border:1px solid #c9dcd1;border-radius:6px;font:14px Arial,sans-serif;accent-color:#245640}.representative-toolbar select:focus-visible{outline:2px solid #68a87b;outline-offset:2px}.representative-toolbar select:disabled{opacity:.55}.representative-toolbar small,.representative-toolbar>span{font-size:12px;color:#587363}@media(max-width:600px){.representative-toolbar select{width:100%;min-width:0}}
.product-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.product-pie{width:180px;height:180px;border-radius:50%;margin:20px auto}.product-legend{list-style:none;padding:0;margin:16px 0}.product-legend li{display:flex;gap:8px;align-items:center;font-size:12px;margin:8px 0}.product-legend li>span:first-child{width:10px;height:10px;flex-shrink:0;border-radius:2px}.product-legend strong{margin-left:auto;white-space:nowrap}.product-total{background:#eaf3ed;color:#245640}.product-detail-table{width:100%;border-collapse:collapse}.product-detail-table td,.product-detail-table th{padding:12px;border-bottom:1px solid #e3ebe5;text-align:right}.product-detail-table td:first-child,.product-detail-table th:first-child{text-align:left}.product-bars{max-height:480px;overflow:auto}.product-bar-row{display:flex;gap:12px;align-items:center;margin:10px 0;font-size:12px}.product-bar-row>span{width:55px}.product-bar-row>div{flex:1;background:#f0f5f1;height:18px;border-radius:3px}.product-bar-row>div>span{display:block;background:#68a87b;height:100%;border-radius:3px}.product-bar-row strong{width:120px;text-align:right}@media(max-width:1100px){.product-charts{grid-template-columns:1fr}}
/* Fixed, readable money columns; the product name uses the remaining space. */
.documents-list .products-table{table-layout:fixed;width:100%;min-width:720px}
.documents-list .products-table th:nth-child(n+2):nth-child(-n+4),.documents-list .products-table td:nth-child(n+2):nth-child(-n+4){width:145px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.documents-list .products-table th:last-child,.documents-list .products-table td:last-child{width:120px}
.documents-list .products-table td:first-child,.documents-list .products-table th:first-child{overflow-wrap:anywhere}
.product-detail-table{table-layout:fixed;min-width:620px}
.product-detail-table th:not(:first-child),.product-detail-table td:not(:first-child){width:145px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.product-representative-chart svg{height:300px;min-height:300px;width:100%}.product-representative-chart table{width:100%;border-collapse:collapse;font-size:12px}.product-representative-chart th,.product-representative-chart td{padding:10px 12px;border-bottom:1px solid #e4ede9;text-align:left}.product-representative-chart th:last-child,.product-representative-chart td:last-child{text-align:right;font-variant-numeric:tabular-nums}.product-representative-chart tfoot{background:#eaf3ed;color:#245640}
.product-representative-chart svg{height:300px;min-height:300px}

.data-source-dialog{width:min(760px,calc(100vw - 32px));max-height:85dvh;box-sizing:border-box;overflow:auto;border:1px solid #c9dcd1;border-radius:10px;padding:24px;color:#17364a;background:#fff;font:14px Arial,sans-serif;box-shadow:0 18px 60px #003a2d30}.data-source-dialog::backdrop{background:#002b2266}.data-source-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}.data-source-dialog h2{margin:0;font-size:20px}.data-source-dialog h3{font-size:14px;margin-top:20px;color:#245640}.data-source-dialog textarea{display:block;box-sizing:border-box;width:100%;height:190px;margin-top:8px;padding:12px;border:1px solid #c9dcd1;border-radius:6px;background:#f3f8f5;color:#173c2d;font:13px/1.6 Consolas,monospace;resize:vertical;white-space:pre;overflow:auto}.data-source-dialog dl{display:grid;grid-template-columns:140px 1fr;gap:8px}.data-source-dialog dd{margin:0;overflow-wrap:anywhere}.data-source-dialog dt{color:#587092}
.source-region{display:contents}.data-source-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 Consolas,monospace}
.billing-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-chart{margin-top:24px}@media(max-width:800px){.billing-summary{grid-template-columns:1fr}}
.column-sort{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit;white-space:normal}.column-sort span{font-size:10px;color:#527769}.column-sort:hover{color:#245640;text-decoration:underline}

/* Shared overview and detail headers; keep column widths and alignment unchanged. */
:root table thead th {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: #245640;
    background: #eaf3ed;
    text-transform: none;
    border-bottom: 1px solid #c9dcd1;
}
.column-sort:focus-visible {
    outline: 2px solid #68a87b;
    outline-offset: 3px;
    border-radius: 2px;
}

/* Compact actions with a comfortable touch target, including tablets. */
.documents-list .overview-icon-action {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    box-sizing: border-box;
    padding: 0;
    justify-content: center;
    vertical-align: middle;
}
.documents-list .overview-icon-action svg { width: 20px; height: 20px; }
.documents-list td:has(> .overview-icon-action) { white-space: nowrap; }
.documents-list .overview-icon-action + .overview-icon-action { margin-left: 8px; }
.documents-list .products-table th:last-child,
.documents-list .products-table td:last-child { width: 64px; }

/* Numeric values use compact columns; labels and identifiers read left to right. */
:root .document-table-scroll table th,
:root .document-table-scroll table td { text-align: left; }
:root .document-table-scroll table .numeric-column,
:root .document-table-scroll table .order-money {
    text-align: right;
    width: 1%;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
:root .document-table-scroll table th.numeric-column {
    min-width: 90px;
    max-width: 150px;
    white-space: normal;
}
:root .numeric-column .column-sort { justify-content: flex-end; width: 100%; }
:root .document-table-scroll .products-table th:nth-child(n+2):nth-child(-n+4),
:root .document-table-scroll .products-table td:nth-child(n+2):nth-child(-n+4),
:root .document-table-scroll .product-detail-table th:not(:first-child),
:root .document-table-scroll .product-detail-table td:not(:first-child) {
    width: 130px;
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
:root .document-table-scroll .document-empty { text-align: center; }

/* Totals share the readable typography of column headers. */
:root table .product-total > th,
:root table .product-total > td,
:root table tfoot th,
:root table tfoot td {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: #245640;
    background: #eaf3ed;
    text-transform: none;
}

.portal-sidebar .portal-user-trigger { white-space: normal; gap: 10px; min-height: 48px; }
.portal-sidebar .portal-user-trigger .portal-avatar { display: grid; }
.portal-user-trigger strong { overflow-wrap: anywhere; }
.portal-account-menu {
    position: fixed;
    inset: auto;
    margin: 0;
    padding: 6px;
    width: 190px;
    max-width: calc(100vw - 16px);
    border: 1px solid #c9dcd1;
    border-radius: 8px;
    background: #fff;
    color: #245640;
    box-shadow: 0 8px 28px #003a2d30;
}
.portal-sidebar .portal-account-menu button { min-height: 44px; gap: 12px; justify-content: flex-start; color: #245640; font-size: 14px; }
.portal-sidebar .portal-account-menu button span { display: inline; }
.portal-sidebar .portal-account-menu button:hover { background: #eaf3ed; }
.portal-account-menu .portal-icon { width: 20px; height: 20px; }
.application-info dl { margin: 0; }
.application-info dl > div { padding: 14px 0; border-bottom: 1px solid #e3ebe5; }
.application-info dt { font-size: 14px; font-weight: 600; color: #245640; }
.application-info dd { margin: 7px 0 0; overflow-wrap: anywhere; }
.period-shift { width: 32px; min-width: 32px; height: 36px; min-height: 36px; padding: 0; justify-content: center; flex-shrink: 0; }
.period-shift:disabled { opacity: .45; cursor: default; }

.customer-revenue-periods { font-size: 12px; line-height: 1.6; color: #587363; }
.customer-layout .documents-list table { min-width: 1050px; }
.customer-context { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:12px 16px; margin-bottom:18px; background:#eaf3ed; color:#245640; border-radius:7px; }
.representative-picker { min-width:240px; max-width:100%; }
.portal-shell .representative-trigger { width:100%; min-height:40px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:8px 12px; background:#f4faf6; color:#245640; border:1px solid #c9dcd1; border-radius:6px; font:14px Arial,sans-serif; text-align:left; }
.representative-trigger:disabled { opacity:.55; cursor:default; }
.representative-options { position:fixed; inset:auto; margin:0; padding:5px; max-height:320px; overflow-y:auto; max-width:calc(100vw - 16px); border:1px solid #b7d4c2; border-radius:8px; background:white; color:#245640; box-shadow:0 8px 25px #003a2d26; }
.portal-shell .representative-options button { display:flex; justify-content:space-between; gap:14px; width:100%; min-height:44px; padding:10px 12px; border:0; border-radius:5px; background:white; color:#245640; text-align:left; white-space:normal; }
.portal-shell .representative-options button.chosen { background:#dceee2; font-weight:600; }
.portal-shell .representative-options button:hover,
.portal-shell .representative-options button:focus-visible { background:#2d5342; color:white; outline:2px solid #68a87b; outline-offset:-2px; }
@media(max-width:600px){.representative-picker{width:100%;min-width:0;}}
/* Home reference layout, 1.0.22. Scoped to preserve existing forms. */
.home-redesign .portal-main{padding:18px 20px;display:grid;grid-template-columns:minmax(390px,1fr) minmax(380px,1fr);grid-template-rows:auto auto;align-content:start;gap:16px 20px;background:radial-gradient(ellipse at 40% 12%,#f0faf7 0,#edf8f5 60%,#f0f9f7 100%)}

.home-redesign .portal-header{grid-column:2;grid-row:1;margin:0;gap:24px;min-height:40px}.home-redesign .representative-toolbar{grid-column:1;grid-row:1;background:none;border:0;margin:0;padding:0;gap:14px;align-self:center;flex-wrap:wrap}.home-redesign .representative-toolbar label{font-weight:700;color:#09222d;font-size:14px}.home-redesign .representative-toolbar label .portal-icon{display:none}.home-redesign .representative-toolbar label:after{content:':'}.home-redesign .representative-toolbar small{display:none}.home-redesign .representative-trigger{min-width:245px;height:41px}.home-redesign .portal-header-actions{gap:24px}.home-redesign .portal-refresh{order:2}.home-redesign .notification-menu{order:1}.home-redesign .portal-date{order:3}.home-redesign .notification-bell,.home-redesign .portal-refresh{width:42px;height:42px;min-height:42px;padding:8px;border:0;border-radius:8px}.home-redesign .portal-form-content,.home-redesign .portal-busy,.home-redesign .portal-notice{grid-column:1/-1}
.home-search{position:relative;display:flex;align-items:center;gap:12px;flex:1;min-width:150px;border-radius:7px;background:#fff;padding:0 14px;height:41px}.home-search>.portal-icon{width:18px;height:18px}.home-search input{border:0;background:transparent;width:100%;min-width:0;outline:none;font-size:12px;color:#17364a}.home-search input::placeholder{color:#61779a}.home-search:focus-within{outline:2px solid #78af96}.home-search-options{position:absolute;z-index:40;top:46px;left:0;right:0;background:white;box-shadow:0 8px 26px #003a2d25;border-radius:7px;padding:6px}.home-search-options button{display:block;width:100%;text-align:left;padding:12px;border:0;background:white;color:#00563e;overflow-wrap:anywhere}.home-search-options button:hover{background:#edf8f3}
.home-quick-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:16px}.home-quick-actions>button,.home-quick-actions>a{display:flex;align-items:center;gap:16px;min-height:62px;padding:11px 16px;background:#ffffffed;border:0;border-radius:7px;text-align:left;color:#152d52;text-decoration:none;font-size:13px}.home-quick-actions .metric-icon{padding:6px;background:#eef9f4}.home-quick-actions .portal-icon{width:28px;height:28px}.home-quick-actions>button:hover,.home-quick-actions>a:hover{background:#e3f3eb}
.home-redesign .portal-metrics{gap:12px;margin-bottom:14px}.home-redesign .portal-metrics article{padding:17px 16px;gap:15px;min-height:102px}.home-redesign .portal-metrics .metric-icon{padding:12px}.home-redesign .portal-metrics .portal-icon{width:29px;height:29px}.home-redesign .portal-metrics p{font-size:12px}.home-redesign .portal-metrics strong{font-size:23px;letter-spacing:-.5px;white-space:nowrap}.home-redesign .portal-metrics small{font-size:12px}
.home-periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-period{display:flex;gap:20px;padding:16px;background:#fff;border-radius:7px;min-height:169px}.home-period>.metric-icon{align-self:flex-start;padding:16px;background:linear-gradient(135deg,#effaf6,#e3f6ed)}.home-period .portal-icon{width:35px;height:35px}.home-period>div{flex:1;min-width:0}.home-period h2{font-size:20px;letter-spacing:-.6px;color:#09252c;margin:1px 0 15px}.home-period dl{margin:0}.home-period dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:10px}.home-period dt{display:flex;align-items:center;gap:16px;color:#38557e;font-size:14px}.home-period dt b{font-size:16px;color:#101a2d}.home-period dd{margin:0;font-size:20px;font-weight:700;letter-spacing:-.4px;white-space:nowrap}.home-period-legend{font-size:12px;color:#7085a1;margin:9px 0}
.home-redesign .home-main-panels{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:0}.home-main-panels>.source-region>.portal-card,.home-main-panels>.portal-card{height:100%;min-height:326px}.home-redesign .portal-card{padding:16px;border-radius:7px}.home-redesign .portal-card h2{font-size:18px}.home-redesign .portal-card header{margin-bottom:12px;min-height:20px}.home-calendar-label{display:flex;align-items:center;gap:8px;color:#6b82a2;font-size:12px;margin-right:auto}.home-calendar-label .portal-icon{width:16px;height:16px;color:#00734c}.home-create-button{color:white;background:linear-gradient(#006446,#004a36);border:0;border-radius:5px;min-height:33px;padding:6px 14px;white-space:nowrap}.home-create-button:disabled{opacity:.55;cursor:not-allowed}.home-text-link{color:#006144;border:0;background:none;padding:4px;font-size:13px}.home-redesign .info-row{padding:10px 0;min-height:55px}.home-redesign .info-row .portal-icon{width:29px;height:29px;margin:0 15px 0 6px}.home-redesign .info-row:nth-of-type(1) .portal-icon,.home-redesign .info-row:nth-of-type(3) .portal-icon{color:#087cff}.home-redesign .info-row:nth-of-type(4) .portal-icon{color:#ff7900}.home-redesign .info-row:nth-of-type(5) .portal-icon{color:#40587a}.home-redesign .info-row small{font-size:12px}.home-redesign .card-link{border-radius:6px;min-height:34px}.home-redesign .task-tile .portal-empty{min-height:180px}.home-redesign .home-calendar-events{flex:1}
.home-bottom-panels{display:grid;grid-template-columns:1.28fr 1fr;gap:13px;margin-top:12px;align-items:start}.home-bottom-panels .document-tile{min-height:197px}.home-bottom-panels .document-tile .portal-empty{min-height:100px}.home-bottom-panels .document-tile header .home-create-button{margin-left:auto}.home-overdue{position:relative;background:white;border-radius:7px;min-height:137px;padding:24px 22px}.home-overdue article{display:flex;gap:24px;align-items:center;padding-right:24px}.home-overdue .metric-icon{padding:15px}.home-overdue .portal-icon{width:32px;height:32px}.home-overdue p{margin:0 0 8px;font-size:16px;font-weight:600}.home-overdue strong{font-size:25px;letter-spacing:-.5px}.home-overdue small{display:block;color:#00804d;margin-top:10px;font-size:13px}.home-overdue-open{position:absolute;right:12px;top:44px;width:44px;height:44px;border:0;background:none;color:#3a5877;font-size:24px!important}.home-redesign .data-date{font-size:11px;text-align:right;margin-top:14px;color:#7a8da7}
@media(min-width:1400px){.home-redesign .portal-main{grid-template-columns:minmax(520px,1fr) minmax(600px,1fr)}}
@media(max-width:1250px){.home-period{gap:12px;padding:14px}.home-period>.metric-icon{padding:10px}.home-period .portal-icon{width:25px;height:25px}.home-period h2{font-size:17px}.home-period dd{font-size:17px}.home-period dt{gap:8px;font-size:12px}.home-redesign .portal-metrics strong{font-size:20px}.home-redesign .portal-metrics article{padding:14px 12px;gap:10px}.home-redesign .portal-metrics .metric-icon{padding:8px}.home-quick-actions>button,.home-quick-actions>a{gap:10px;padding:10px;font-size:12px}.home-redesign .portal-header-actions{gap:10px}.home-redesign .portal-main{grid-template-columns:1fr 1fr}.home-redesign .representative-trigger{min-width:190px}.home-redesign .representative-toolbar{gap:8px}.home-redesign .home-main-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.home-operations{grid-column:1/-1}}
@media(max-width:1000px){.home-redesign .portal-header{grid-column:1/-1;grid-row:2}.home-redesign .representative-toolbar{grid-column:1/-1;grid-row:1}.home-periods{grid-template-columns:1fr}.home-period{min-height:140px}.home-period h2{font-size:20px}.home-period dd{font-size:21px}.home-period dt{font-size:14px}.home-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.home-bottom-panels{grid-template-columns:1fr}}
@media(max-width:760px){.home-redesign .portal-main{display:block;padding:16px 12px}.home-redesign .portal-header{margin-bottom:14px}.home-redesign .representative-toolbar{margin-bottom:14px}.home-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.home-redesign .home-main-panels{grid-template-columns:1fr}.home-redesign .portal-metrics strong{font-size:23px}.home-bottom-panels .document-tile header{flex-wrap:wrap}.home-calendar-label{font-size:11px}}
@media(min-width:1001px) and (max-width:1400px){.home-period{position:relative;display:block}.home-period>.metric-icon{position:absolute;top:14px;left:14px;padding:8px}.home-period>.metric-icon .portal-icon{width:25px;height:25px}.home-period h2{padding-left:53px;min-height:32px;margin-bottom:12px;font-size:18px}.home-period dd{font-size:18px}.home-period dt{font-size:13px}}

.home-redesign .home-periods{margin-bottom:12px}

.home-period.navigable-period{display:block;padding:0;overflow:hidden;min-height:166px;position:relative}.navigable-period .home-period-toolbar{display:flex;align-items:center;gap:12px;background:linear-gradient(100deg,#005540,#003b2d);color:white;border-radius:6px;padding:0 8px 0 14px;min-height:42px;margin:0}.navigable-period .home-period-toolbar>.portal-icon{width:20px;height:20px}.navigable-period .home-period-toolbar h2{padding:0;margin:0;min-height:0;font-size:15px;letter-spacing:0;color:white;white-space:nowrap}.home-period-toolbar nav{display:flex;margin-left:auto;gap:0}.home-period-toolbar button{width:34px;min-height:42px;padding:0;background:none;border:0;color:white;font-size:19px}.home-period-toolbar button:hover:not(:disabled){background:#ffffff20}.home-period-toolbar button:disabled{opacity:.4;cursor:default}.navigable-period .home-period-body{display:flex;gap:20px;padding:12px 16px 16px}.home-period-body>.metric-icon{align-self:flex-start;padding:15px}.home-period-body dl{flex:1;min-width:0}.home-period-body dl>div:first-child{margin-top:3px}.period-status{display:block;color:#476b60;padding:0 16px 10px;font-size:12px}@media(max-width:1400px) and (min-width:1001px){.navigable-period .home-period-body{gap:10px;padding:12px}.home-period-body>.metric-icon{padding:8px}.home-period-body>.metric-icon .portal-icon{width:22px;height:22px}.home-period-body dd{font-size:16px}.home-period-body dt{font-size:12px;gap:8px}.home-period-toolbar button{width:30px}.navigable-period .home-period-toolbar{gap:8px;padding-left:10px}}@media(max-width:1150px) and (min-width:1001px){.home-period-body>.metric-icon{display:none}}@media(pointer:coarse){.home-period-toolbar button{min-width:40px;min-height:44px}}
@media(min-width:1001px) and (max-width:1200px){.home-redesign .home-periods{grid-template-columns:1fr}.navigable-period .home-period-body>.metric-icon{display:flex}.navigable-period .home-period-body dd{font-size:20px}}
.home-dual-metric>div{min-width:0;flex:1}.metric-detail-line{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px;margin-top:8px;color:#38557e;font-size:13px}.metric-detail-line b{font-size:18px;color:#101a2d;white-space:nowrap}.home-redesign .home-dual-metric strong{font-size:21px}
/* Shared header actions: same dark green on Home and all overview pages. */
.portal-shell .portal-header-actions .notification-bell,
.portal-shell .portal-header-actions .portal-refresh{background:#245640;border-color:#245640;color:#fff}
.portal-shell .portal-header-actions .notification-bell:hover,
.portal-shell .portal-header-actions .notification-bell[aria-expanded=true],
.portal-shell .portal-header-actions .portal-refresh:hover:not(:disabled){background:#19432f;border-color:#19432f;color:#fff}
.portal-shell .portal-header-actions .notification-bell .portal-icon,
.portal-shell .portal-header-actions .portal-refresh .portal-icon{color:inherit}
/* Consistent header action order across all pages. */
.portal-header-actions .notification-menu{order:1}
.portal-header-actions .portal-refresh{order:2}
.portal-header-actions .portal-date{order:3}
.draft-editor{padding:20px;max-width:100%;min-width:0}.draft-editor header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.draft-editor h3{color:#075740;margin-top:24px;border-bottom:1px solid #c5ded1;padding-bottom:10px}.draft-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0}.draft-fields label{display:flex;flex-direction:column;gap:7px}.draft-editor input,.draft-editor select,.draft-editor textarea{box-sizing:border-box;max-width:100%;min-height:44px;border:1px solid #a6c4b5;border-radius:6px;padding:9px;background:#fff;color:#183d30;font:inherit}.draft-editor select{width:100%}.draft-editor textarea{min-height:80px}.draft-editor input[type=checkbox]{width:22px;min-height:22px}.draft-editor table input{width:115px}.draft-editor table{width:100%;border-collapse:collapse}.draft-editor td,.draft-editor th{padding:10px;text-align:left;border-bottom:1px solid #dae8e0}.draft-editor th{background:#d6eadd}.draft-editor td.order-money{text-align:right}.draft-wide{grid-column:1/-1}.draft-search{display:flex;gap:10px;margin:12px 0}.draft-search input{flex:1;min-width:0}.draft-total{text-align:right;font-size:18px}.draft-new{margin-bottom:14px}.draft-editor .document-open{min-height:44px;margin:4px}.draft-editor .document-open:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.draft-fields{grid-template-columns:1fr 1fr}}@media(max-width:600px){.draft-fields{grid-template-columns:1fr}.draft-editor{padding:12px}.draft-search{flex-wrap:wrap}.draft-editor header h2{font-size:20px}}