/* Support-only adaptation of the approved Soft Precision visual. */
.support-ui{font-size:14px;line-height:1.55;color:#080D40;--support-blue:#5F70A3;--support-line:#E4ECF4;--support-mint:#E4F8F5;--support-teal:#007E7F}
.support-ui .panel{border-color:var(--support-line);border-radius:12px;background:#fff;box-shadow:0 3px 12px #18346103}.support-ui .panel-title{border-color:var(--support-line);padding:20px 22px}.support-ui .panel-title h2{font-size:18px;font-weight:600;letter-spacing:-.35px;color:#080D40}.support-ui .panel>.timeline{padding:22px}.support-ui h3{font-size:18px;line-height:1.4;color:#080D40}.support-ui .support-muted{color:var(--support-blue);font-size:14px;line-height:1.65}.support-stack{display:grid;gap:20px}.support-gap{margin-top:20px}.support-note{font-size:12px;color:#5F70A3;line-height:1.6}.support-eyebrow{font-size:12px;font-weight:600;letter-spacing:.75px;text-transform:uppercase;color:#5F70A3;margin-bottom:12px}.support-flex{display:flex;align-items:center;justify-content:space-between;gap:16px}.support-titleline{display:flex;align-items:center;gap:12px}.support-titleline .ph{color:#007E7F}.support-ui .support-table th{padding:14px 16px;font-size:12px;color:#5F70A3;letter-spacing:.45px;background:#FBFCFF;border-color:var(--support-line)}.support-ui .support-table td{padding:16px;font-size:14px;color:#172652;border-color:var(--support-line)}.support-ui .support-table td b{font-size:14px;color:#080D40}.support-ui .support-table .sub{font-size:12px;color:#5F70A3;margin-top:4px}.support-ui .support-table .support-inline-link{padding:0;text-align:left;font-size:14px;color:#007E7F;font-weight:600}.support-ui .support-table tr:hover td{background:#FCFEFF}.support-ui .table-footer{border-color:var(--support-line);font-size:12px;color:#5F70A3;padding:16px 20px}.support-ui .table-footer button{font-size:12px}.support-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap}.support-toolbar .spacer{min-width:8px}.support-toolbar .support-label{font-size:12px;color:#5F70A3}.support-mini{font-size:12px}.support-group-head{padding:16px 22px;background:#FBFCFF;border-bottom:1px solid #E4ECF4;font-size:14px;font-weight:600;display:flex;justify-content:space-between;color:#152052}.support-task{display:grid;grid-template-columns:34px minmax(0,1fr) 140px 128px 100px;gap:16px;align-items:center;padding:20px 22px;border-bottom:1px solid #E4ECF4}.support-task:last-child{border-bottom:0}.support-task h3{font-size:16px;font-weight:600;line-height:1.45}.support-task p{font-size:12px;color:#5F70A3;margin-top:5px}.support-task .support-date{font-size:12px;color:#5F70A3}.support-task-owner .person{font-size:12px;color:#5F70A3}.support-check{width:32px;height:32px;border:1.5px solid #D9E6EF;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#007E7F;background:#fff}.support-check .ph{font-size:18px}.support-check.done{background:#E4F8F5;border-color:#A7DED8}.support-statbar{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #E4ECF4;background:#fff;border-radius:12px;margin-bottom:24px}.support-statbar>div{padding:22px;border-right:1px solid #E4ECF4}.support-statbar>div:last-child{border-right:0}.support-statbar label{font-size:14px;color:#5F70A3;display:block}.support-statbar strong{display:block;font-size:28px;margin:7px 0 3px;font-weight:600;letter-spacing:-.5px;color:#080D40}.support-statbar small{font-size:12px;color:#5F70A3}.support-red{color:#BC3D54!important}.support-teal{color:#007E7F!important}.support-file{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #E4ECF4;border-radius:12px;background:#fff;margin-bottom:14px}.support-file>.ph{padding:12px;background:#F4FBFC;border-radius:10px;box-sizing:content-box;color:#007E7F}.support-file>div{flex:1;min-width:0}.support-file b{font-size:16px;color:#080D40}.support-file p{font-size:12px;color:#5F70A3;margin-top:5px}.support-progress{height:7px;background:#EFF3F9;border-radius:6px;overflow:hidden;margin:16px 0 10px}.support-progress span{display:block;height:100%;background:#009F98;border-radius:6px}.support-dropzone{border:1.5px dashed #B9D3E2;border-radius:12px;text-align:center;padding:28px;background:#FCFEFF}.support-dropzone>.ph{font-size:30px;color:#007E7F}.support-dropzone h3{font-size:18px;margin:12px 0 7px}.support-dropzone p{font-size:14px;color:#5F70A3;line-height:1.6;margin-bottom:16px}.support-split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,1fr);gap:22px;align-items:start}.support-split>*{min-width:0}.support-stat-small{padding:18px;border:1px solid #E4ECF4;border-radius:11px;background:#fff}.support-stat-small label{font-size:12px;color:#5F70A3}.support-stat-small strong{font-size:24px;display:block;margin-top:7px;font-weight:600;color:#080D40}.support-report-bars{display:grid;gap:19px}.support-report-bar{display:grid;grid-template-columns:140px minmax(0,1fr) 36px;gap:14px;align-items:center;font-size:14px;color:#172652}.support-report-bar b{font-size:14px;font-weight:600;text-align:right}.support-track{height:10px;border-radius:5px;background:#EFF3F9;overflow:hidden}.support-track span{display:block;height:100%;background:#00A69C;border-radius:5px}.support-report-bar:nth-child(3n) .support-track span{background:#00A69C}.support-rules{font-size:14px;line-height:1.65;padding-left:18px;color:#5F70A3}.support-rules li{margin:9px 0}.support-settings{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px}.support-settings>div{min-width:0}.support-settings-nav{border-right:1px solid #E4ECF4;padding-right:16px}.support-settings-nav button{width:100%;min-height:46px;display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;font-size:14px;color:#5F70A3;text-align:left;margin-bottom:7px;position:relative}.support-settings-nav button.active{background:#E4F8F5;color:#007E7F;font-weight:600}.support-settings-nav button.active:before{content:'';position:absolute;top:7px;bottom:7px;left:0;width:3px;border-radius:3px;background:#00BBAA}.support-settings-nav .ph{font-size:21px}.support-stage-row{display:grid;grid-template-columns:40px minmax(0,1fr) 113px 30px;align-items:center;gap:10px;padding:15px 16px;border-bottom:1px solid #E4ECF4;background:#fff}.support-stage-row:last-child{border-bottom:0}.support-stage-row.active{background:#F3FDFC;border-left:3px solid #00BBAA;padding-left:13px}.support-stage-row b{font-size:14px;font-weight:600}.support-stage-row p{font-size:12px;color:#5F70A3;margin-top:4px}.support-stage-row .support-stage-order{display:flex;align-items:center;gap:2px}.support-stage-row .support-stage-order button{height:30px;padding:0;color:#5F70A3}.support-stage-row .support-stage-order .ph{font-size:17px}.support-stage-row .support-stage-dot{width:9px;height:9px;border-radius:50%;background:#00A69C;display:inline-block;margin-right:8px}.support-stage-row .support-stage-dot.closed{background:#FFB400}.support-stage-row .support-stage-dot.lost{background:#E66D79}.support-scope{padding:16px 18px;border:1px solid #E4ECF4;background:#FCFEFF;border-radius:10px;font-size:14px;line-height:1.7;color:#5F70A3}.support-scope b{color:#080D40}.support-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.support-role{border:1px solid #E4ECF4;padding:20px;background:#fff;border-radius:12px}.support-role h3{font-size:18px;margin-bottom:9px}.support-role p{font-size:14px;color:#5F70A3;line-height:1.6}.support-audit-code{font-size:14px;line-height:1.6;font-family:inherit;color:#5F70A3;display:grid;grid-template-columns:130px 1fr;gap:12px 18px}.support-audit-code b{color:#080D40;font-weight:500}.support-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.support-state{padding:22px;border:1px solid #E4ECF4;border-radius:12px;background:#fff;min-height:218px;position:relative}.support-state>h3{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px;font-size:18px;line-height:1.4;color:#080D40}.support-state>h3>.ph{color:#007E7F;font-size:22px;line-height:1.3}.support-state p{font-size:14px;color:#5F70A3;line-height:1.6;margin-bottom:16px}.support-state .actions{gap:9px;flex-wrap:wrap}.support-state .field{margin-bottom:16px}.support-state.soft{background:#fff}.support-state.alert{border-top:3px solid #FFB400}.support-state.error{border-top:3px solid #EB7783}.support-state .support-kicker{font-size:12px;color:#5F70A3;letter-spacing:.7px;text-transform:uppercase;margin-bottom:13px}.support-inline-dialog{border:1px solid #DFE8F3;border-radius:12px;background:#fff;box-shadow:0 5px 22px #14265708;padding:22px}.support-inline-dialog h3{font-size:18px;margin-bottom:12px}.support-inline-dialog p{font-size:14px;color:#5F70A3;line-height:1.6;margin-bottom:18px}.support-reconcile{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.support-reconcile>div{border:1px solid #E4ECF4;border-radius:12px;padding:19px;background:#fff}.support-reconcile label{font-size:12px;color:#5F70A3}.support-reconcile b{font-size:28px;display:block;margin-top:8px;font-weight:600;color:#080D40}.support-key{padding:3px 7px;border-radius:5px;border:1px solid #E4ECF4;background:#FBFCFF;font-size:12px;color:#152052}.support-authline{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin:5px 0 22px;color:#5F70A3;gap:12px}.support-authline label{display:flex;align-items:center;gap:8px}.support-authline input{accent-color:#007E7F}.support-authline button{color:#007E7F;font-size:14px;padding:0}.support-auth-demo{border-top:1px solid #E4ECF4;padding-top:18px;margin-top:24px!important;line-height:1.6;font-size:12px!important}.support-auth-story-mark{display:flex;gap:14px;align-items:center;margin-top:36px;padding:18px;border:1px solid #D4ECEB;border-radius:12px;color:#007E7F;font-size:14px;background:#E4F8F5}.support-auth-story-mark .ph{font-size:26px}.support-ui .support-inline-notice{margin:0 0 18px}.support-ui .support-form-section{padding:24px;border-bottom:1px solid #E4ECF4}.support-ui .support-form-section:last-child{border-bottom:0}.support-ui .support-form-section h3{font-size:18px;margin-bottom:20px}.support-ui .field label{font-size:14px;color:#172652}.support-ui .field input,.support-ui .field select,.support-ui .field textarea,.support-ui .inputbox{font-size:14px;color:#172652;border-color:#DFE8F3;border-radius:10px;min-height:44px;background:#fff}.support-ui .field input::placeholder,.support-ui .field textarea::placeholder{color:#7D8AB3}.support-ui .field small{font-size:12px;color:#5F70A3}.support-ui .field.error input{border-color:#DD8190;background:#FFFCFD}.support-ui .field.error small{color:#BC3D54}.support-ui .field input:disabled{color:#5F70A3;background:#F7F9FD}.support-session{padding:20px 0;display:flex;align-items:center;gap:16px;border-bottom:1px solid #E4ECF4}.support-session>.ph{padding:12px;background:#F4FBFC;color:#007E7F;border-radius:10px}.support-session>div{flex:1}.support-session h3{font-size:16px}.support-session p{font-size:12px;color:#5F70A3;margin-top:5px}.support-session:last-child{border-bottom:0}.support-printnote{margin-top:18px;font-size:12px;color:#5F70A3;line-height:1.6}.support-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.support-pair>div{padding:13px 14px;background:#FBFCFF;border:1px solid #E4ECF4;border-radius:9px;font-size:14px;color:#172652}.support-pair small{display:block;color:#5F70A3;font-size:12px;margin-bottom:5px}.support-access-grid .support-state{min-height:275px}.support-ui .support-inline-actions{margin-top:19px}.support-ui .support-locknote{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:#5F70A3;padding:14px 0;line-height:1.6}.support-ui .support-locknote .ph{font-size:18px;color:#007E7F;line-height:1.5}.support-ui .support-toast-example{display:flex;gap:12px;align-items:center;background:#007E7F;color:#fff;padding:15px 16px;border-radius:10px;font-size:14px;margin-top:15px}.support-toast-example .ph{color:#D5FAF3;font-size:21px}.support-toast-example small{display:block;color:#D9F4F0;font-size:12px;margin-top:3px}.support-compact-notice .notice{margin:0;font-size:14px}.support-inline-link{font-size:14px;color:#007E7F;padding:0;font-weight:600}.support-ui .support-pillset{display:flex;gap:8px;flex-wrap:wrap}.support-ui .support-help{text-align:left;border-top:1px solid #E4ECF4;margin-top:20px;padding-top:17px;font-size:12px;color:#5F70A3;line-height:1.65}.support-ui .support-help .support-inline-link{font-size:12px}.support-ui .support-currency{font-size:24px;color:#080D40;font-weight:600}.support-ui .support-card-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.support-stage-edit .field{margin-bottom:18px}.support-hint{color:#5F70A3;font-size:12px;line-height:1.6}.support-ui .fact label{font-size:12px;color:#5F70A3;letter-spacing:.35px}.support-ui .fact b{font-size:14px;color:#172652}.support-ui .keyvalue{font-size:14px;color:#5F70A3;border-color:#E4ECF4;padding:15px 0;gap:16px}.support-ui .keyvalue b{font-size:14px;color:#080D40}.support-ui .timeline-item h3{font-size:16px}.support-ui .timeline-item p{font-size:14px;color:#5F70A3}.support-ui .timeline-note{font-size:14px!important;color:#5F70A3;border-color:#E4ECF4;background:#FCFEFF}.support-ui .timeline-icon{background:#E4F8F5;color:#007E7F}.support-ui .divider{background:#E4ECF4}.support-ui .loading{background:#EAF0F7}.support-ui .notice{font-size:14px}.support-ui .notice b{font-size:14px}.support-ui .pill{font-size:12px}.support-ui .step{font-size:12px}.support-ui .step-num{font-size:12px}
.support-auth{background:#F8FBFD;color:#080D40}.support-auth .auth-story{background:#fff;border-right:1px solid #E4ECF4}.support-auth .auth-story h1{font-size:42px;color:#080D40;letter-spacing:-1.2px}.support-auth .auth-story p{font-size:16px;color:#5F70A3}.support-auth .auth-story .bottom{font-size:12px;color:#5F70A3;letter-spacing:.5px}.support-auth .mini-lane{background:#FBFDFF;border-color:#E4ECF4;border-radius:12px;font-size:12px;color:#5F70A3}.support-auth .mini-lane b{background:#fff;border-color:#E4ECF4;border-radius:10px;color:#080D40;font-size:14px}.support-auth .auth-right{background:#fff}.support-auth .auth-form{width:410px}.support-auth .auth-form h1{font-size:32px;color:#080D40}.support-auth .auth-form>p{font-size:14px;color:#5F70A3}.support-auth .field label{font-size:14px;color:#172652}.support-auth .field input{font-size:14px;height:48px;border:1px solid #DFE8F3;border-radius:10px;color:#172652}.support-auth .auth-form .small{font-size:14px;color:#5F70A3}.support-auth .auth-form .small .support-inline-link{font-size:14px}.support-auth .auth-form .support-auth-demo{font-size:12px!important}
@media(max-width:1280px){.support-settings{grid-template-columns:176px minmax(0,1fr);gap:20px}.support-settings-nav{padding-right:12px}.support-settings-nav button{font-size:14px;padding:11px 9px;gap:9px}.support-settings .support-split{grid-template-columns:minmax(0,1fr)}.support-settings .support-split>.support-stage-edit{margin-top:0}.support-task{grid-template-columns:32px minmax(0,1fr) 122px 112px 100px;gap:12px}.support-roles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.support-settings{grid-template-columns:160px minmax(0,1fr)}.support-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-task{grid-template-columns:32px minmax(0,1fr) 112px 100px}.support-task>.support-task-owner{display:none}.support-split{grid-template-columns:1fr}.support-ui .grid2{gap:18px}.support-report-bar{grid-template-columns:128px minmax(0,1fr) 32px;gap:10px}.support-auth .auth-form{width:360px}}
@media(max-width:768px){.support-settings{display:block}.support-settings-nav{display:flex;overflow:auto;border:0;margin-bottom:20px;padding:0;gap:8px}.support-settings-nav button{white-space:nowrap;width:auto;min-height:44px;padding:10px 13px}.support-settings-nav button .ph{display:none}.support-settings-nav .support-eyebrow{display:none}.support-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-ui .support-table{overflow-x:auto}.support-ui .support-table table{min-width:720px}.support-ui .grid2{grid-template-columns:1fr}.support-ui .fields{gap:18px}}
@media(max-width:600px){.support-statbar{grid-template-columns:1fr 1fr}.support-statbar>div{padding:17px}.support-statbar>div:nth-child(2){border-right:0}.support-statbar>div:nth-child(-n+2){border-bottom:1px solid #E4ECF4}.support-statbar label{font-size:12px}.support-statbar strong{font-size:26px}.support-task{grid-template-columns:44px minmax(0,1fr) 92px;padding:18px 16px;gap:12px}.support-task>.support-date{grid-column:2;font-size:12px}.support-task>.btn{grid-column:3;grid-row:1/3}.support-task h3{font-size:16px}.support-check{width:44px;height:44px;border-radius:50%}.support-state-grid,.support-roles{grid-template-columns:1fr}.support-reconcile{grid-template-columns:1fr 1fr}.support-state{padding:20px;min-height:0}.support-state>h3{font-size:18px}.support-report-bar{grid-template-columns:124px minmax(0,1fr) 30px;gap:10px;font-size:14px}.support-stage-row{grid-template-columns:32px minmax(0,1fr) 96px 24px;padding:14px 12px;gap:8px}.support-stage-row b{font-size:14px}.support-stage-row .support-stage-order{display:block}.support-stage-row .support-stage-order button{height:24px}.support-stage-row .support-stage-dot{display:none}.support-ui .support-form-section{padding:20px}.support-pair{grid-template-columns:1fr}.support-session{flex-wrap:wrap}.support-stage-row .pill{font-size:12px;padding:4px 6px;white-space:normal}.support-toolbar>.searchbox{flex:1 0 100%;min-width:0}.support-state p{font-size:14px}.support-ui .support-card-actions{flex-wrap:wrap}.support-file{flex-wrap:wrap;padding:16px}.support-file>div{min-width:180px}.support-file>.ph{padding:10px}.support-file b{font-size:14px}.support-ui .keyvalue{align-items:flex-start}.support-auth .auth-story{padding:28px;border-right:0;border-bottom:1px solid #E4ECF4}.support-auth .auth-right{padding:38px 24px}.support-auth .auth-form{width:100%;max-width:410px}.support-auth .auth-form h1{font-size:28px}.support-auth-story-mark{display:none}.support-authline{font-size:12px;gap:8px}.support-authline button{font-size:12px}.support-audit-code{grid-template-columns:110px 1fr;font-size:14px}}
@media(max-width:360px){.support-task{grid-template-columns:44px minmax(0,1fr);gap:10px}.support-task>.btn{grid-column:2;grid-row:auto;justify-self:start}.support-task>.support-date{grid-column:2}.support-check{width:44px}.support-stage-row{grid-template-columns:28px minmax(0,1fr) 90px 20px;gap:5px;padding:13px 10px}.support-stage-row .support-stage-order .ph{font-size:16px}.support-report-bar{grid-template-columns:118px minmax(0,1fr) 28px;gap:7px}.support-flex{flex-wrap:wrap}.support-authline{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.support-ui *,.support-auth *{animation:none!important;transition:none!important}}
/* Semantic production adapters. The approved art uses the same Support tokens. */
.support-ui .page-header{margin-bottom:28px}.support-ui .page-header h1{font-size:32px;line-height:1.25;letter-spacing:-1px;color:#080D40}.support-ui .page-header .subtitle{font-size:14px;color:#5F70A3;line-height:1.6;margin-top:7px}.support-ui .support-settings-nav a{display:flex;align-items:center;gap:12px;min-height:46px;padding:12px;border-radius:10px;font-size:14px;color:#5F70A3;margin-bottom:7px;position:relative;text-decoration:none}.support-ui .support-settings-nav a.active{background:#E4F8F5;color:#007E7F;font-weight:600}.support-ui .support-settings-nav a.active:before{content:'';position:absolute;top:7px;bottom:7px;left:0;width:3px;border-radius:3px;background:#00BBAA}.support-ui .support-settings-nav a .ph{font-size:21px}.support-ui .person{display:flex;align-items:center;gap:9px}.support-ui .avatar{width:32px;height:32px;flex-shrink:0;background:#E4F8F5;color:#007E7F;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border-radius:50%}.support-ui .btn.text{padding:0;min-height:0;height:auto;background:none;border:0;text-align:left;box-shadow:none;white-space:normal}.support-ui .support-task h3 .btn.text{color:#080D40;font-size:16px;font-weight:600}.support-ui .support-task p a{color:#5F70A3}.support-ui .support-toolbar .inputbox{width:auto;max-width:240px;min-height:45px}.support-ui .support-toolbar label:not(.searchbox){display:flex;align-items:center;gap:8px;color:#5F70A3;font-size:12px}.support-ui .support-select{padding:11px 35px 11px 13px}.support-ui .support-empty{padding:42px 24px;text-align:center}.support-ui .support-empty>.ph{font-size:34px;color:#007E7F}.support-ui .support-empty h3{margin:12px 0 7px}.support-ui .support-empty p{margin-bottom:18px}.support-ui .table-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.support-ui .pagination{display:flex;gap:8px}.support-ui .pagination .btn{min-height:36px;padding:7px 10px}.support-ui .support-table table{width:100%;border-collapse:collapse}.support-ui .support-table th{text-transform:uppercase;text-align:left}.support-ui .support-table th,.support-ui .support-table td{border-bottom:1px solid #E4ECF4}.support-ui .support-table td{overflow-wrap:anywhere}.support-ui .support-table .table-wrap{border:0;border-radius:0}.support-ui .support-table select{max-width:100%;width:100%;min-width:170px}.support-ui .form-error:empty{display:none}.support-ui .form-error:not(:empty){padding:14px 18px;margin:0 0 16px;color:#BC3D54;background:#FFF9FA;border:1px solid #DD8190;border-radius:10px}.support-ui .support-recent-lead{display:flex;gap:9px;align-items:center;margin-bottom:20px}.support-ui .support-recent-lead h3{font-size:12px}.support-ui .support-recent-lead .muted{font-size:10px}.support-ui .support-recent-lead a{font-size:12px;color:#080D40}.support-ui .stat b{overflow-wrap:anywhere}.support-ui .support-lead-search{display:block;font-size:12px;color:#5F70A3;margin-bottom:10px}.support-ui .support-lead-search input{margin-top:6px;width:100%;border:1px solid #DFE8F3;padding:10px 12px;border-radius:10px;background:#fff}.support-ui .support-stage-order .btn{background:none;border:0;min-width:17px;min-height:30px;box-shadow:none;padding:0}.support-ui .support-stage-row>.btn{padding:0;min-width:30px;border:0;background:none;box-shadow:none}.support-ui .support-stage-row>.btn .ph{font-size:20px}.support-ui .notice>div>span{display:block}.support-ui .fields>.full{grid-column:1/-1}.support-ui .fields .field{min-width:0}.support-ui .fields .field input,.support-ui .fields .field select,.support-ui .fields .field textarea{width:100%}.support-ui .field input[readonly],.support-ui .field textarea[readonly]{background:#F7F9FD;color:#5F70A3}.support-ui .panel-body>.form-error{margin-top:0}.support-ui .support-help .ph{font-size:18px}.support-ui .support-currency{overflow-wrap:anywhere}.support-ui input[type=file]{display:block;width:100%;margin:12px auto;color:#5F70A3}.support-ui .support-dropzone label{font-weight:600;color:#007E7F}.support-ui .btn:disabled{opacity:.5;cursor:not-allowed}.support-ui [data-support-save] .check-field{display:flex;align-items:center;gap:10px;color:#172652;font-size:14px}.support-ui :focus-visible,.support-auth :focus-visible{outline:3px solid #65C8B9;outline-offset:3px}.support-ui .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.support-ui .detail-facts{display:grid;gap:22px}.support-ui .fact label{display:block;text-transform:uppercase;margin-bottom:8px}.support-ui .fact b{display:block;overflow-wrap:anywhere}.support-ui .divider{height:1px;background:#E4ECF4;margin:24px 0}.support-ui .support-session h3{overflow-wrap:anywhere}.support-ui .support-stage-edit .field{margin-bottom:18px}.support-ui .support-stage-edit .field textarea{height:98px}.support-ui .support-form-section h3{margin:0 0 20px}.support-ui .support-audit-code b{overflow-wrap:anywhere}
/* Native dialog, with the approved right-edge drawer geometry and native focus. */
#modal.support-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:530px;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-left:1px solid #E4ECF4;border-radius:0;padding:0;background:#fff;color:#080D40;box-shadow:-12px 0 40px #18324b14;overflow:hidden}#modal.support-drawer.wide{width:600px}#modal.support-drawer::backdrop{background:rgba(25,53,67,.36)}#modal.support-drawer .modal-head{padding:25px 26px;border-bottom:1px solid #E4ECF4;display:flex;justify-content:space-between;gap:16px;min-height:104px}#modal.support-drawer .modal-head h2{font-size:21px;font-weight:600;letter-spacing:-.4px;color:#080D40}#modal.support-drawer .modal-head p{font-size:12px;color:#5F70A3;margin-top:6px}#modal.support-drawer .modal-body{padding:24px 26px 100px;height:calc(100dvh - 104px);max-height:none;overflow:auto}#modal.support-drawer .form-actions{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:flex-end;gap:12px;background:#fff;border-top:1px solid #E4ECF4;padding:18px 26px;margin:0;z-index:1}#modal.support-drawer .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#modal.support-drawer .field{margin:0}#modal.support-drawer .field label{font-size:14px;color:#172652}#modal.support-drawer .field input,#modal.support-drawer .field select,#modal.support-drawer .field textarea{min-height:44px;border-radius:10px;border:1px solid #DFE8F3;font-size:14px;padding:11px 13px}#modal.support-drawer .field textarea{min-height:98px}#modal.support-drawer .field small{display:block;margin-top:6px;font-size:12px;color:#5F70A3}#modal.support-drawer .form-error{margin-bottom:16px}#modal.support-drawer .support-ui>.field{margin-bottom:18px}
.support-auth .auth-form form>.field{margin:22px 0}.support-auth .auth-form form>.btn{width:100%;margin-top:8px}.support-auth .auth-form .form-error:empty{display:none}.support-auth .auth-form .form-error:not(:empty){color:#BC3D54;background:#FFF9FA;padding:14px;border-radius:10px;margin-top:14px}.support-auth .logo{display:flex;align-items:center;gap:10px}
@media(max-width:768px){.support-ui .support-settings-nav a{white-space:nowrap;width:auto;min-height:44px;padding:10px 13px}.support-ui .support-settings-nav a .ph{display:none}.support-ui .grid2{grid-template-columns:1fr}.support-ui .support-table{overflow:auto}.support-ui .support-table table{min-width:650px}.support-ui .support-toolbar .inputbox{max-width:100%}.support-ui .support-toolbar label:not(.searchbox){flex-wrap:wrap}.support-ui .page-header{align-items:flex-start}.support-ui .page-header h1{font-size:25px}.support-ui .support-settings-nav{flex-wrap:nowrap}}
@media(max-width:600px){#modal.support-drawer,#modal.support-drawer.wide{width:100vw;max-width:100vw}#modal.support-drawer .modal-head{padding:20px}#modal.support-drawer .modal-body{padding:20px 20px 110px}#modal.support-drawer .form-actions{padding:16px 20px calc(16px + env(safe-area-inset-bottom))}#modal.support-drawer .fields{grid-template-columns:1fr}#modal.support-drawer .fields>.full{grid-column:auto}.support-ui .support-task .btn{min-height:44px}.support-ui .support-task h3 .btn.text{min-height:44px}.support-ui .support-stage-order .btn{min-height:30px}.support-ui .support-statbar strong{overflow-wrap:anywhere}.support-ui .table-footer{flex-wrap:wrap}.support-ui .page-header .actions{flex-wrap:wrap}.support-ui .support-toolbar>*{max-width:100%}}

/* Drawer-specific density and scrim; keep the document and footer independent. */
#modal.support-drawer::backdrop{background:rgba(12,49,56,.25)}
/* Authored shared drawer title: 25px desktop, 24px mobile, with -.7px tracking. */
#modal.support-drawer .modal-head h2{font-size:25px;letter-spacing:-.7px}
@media(max-width:600px){#modal.support-drawer .modal-head h2{font-size:24px}}
#modal.support-drawer .modal-body{height:auto;flex:1;min-height:0;padding:26px 27px 105px}
#modal.support-drawer .field input,#modal.support-drawer .field select{min-height:46px}
#modal.support-drawer .select-control>select{padding-right:42px}
.support-audit-facts{margin:20px 0 0;display:grid;gap:23px}
.support-audit-facts>div{min-width:0}
.support-audit-facts dt{font-size:12px;color:#5F70A3;text-transform:uppercase;letter-spacing:.25px;margin-bottom:5px}
.support-audit-facts dd{margin:0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.support-audit-related{margin-top:26px}
.support-audit-related h3{font-size:18px}
.support-member-tabs{display:flex;gap:28px;border-bottom:1px solid #E4ECF4;margin:0 0 25px}
.support-member-tabs button{padding:0 0 16px;min-height:44px;font-size:14px;color:#5F70A3;border:0;border-bottom:2px solid transparent;background:transparent}
.support-member-tabs button[aria-current]{color:#007E7F;border-bottom-color:#00A69C;font-weight:600}
.support-member-tabs button:focus-visible{outline:3px solid #65C8B9;outline-offset:3px}
#modal.support-drawer .fields>[hidden]{display:none}
.support-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.support-pair>div{padding:14px;border:1px solid #E4ECF4;border-radius:9px;background:#FBFCFF}
.support-pair small{display:block;color:#5F70A3;font-size:12px;margin-bottom:6px}
.support-pair b{display:block;font-size:14px}
@media(max-width:600px){#modal.support-drawer .modal-body{padding:21px 21px 105px}}

/* Compact state cards need one readable form column at every viewport. */
.support-state .fields{grid-template-columns:minmax(0,1fr);gap:20px}
.support-state .fields .field{margin-bottom:16px}
.support-state .actions{margin-top:19px}
.support-state .field .support-hint{display:block}

.support-state>.support-hint{display:block}
.support-state .support-version-caption{margin-top:12px}

/* The disabled palette already communicates state; preserve its approved contrast. */
.support-state .btn.disabled:disabled{opacity:1}

/* Search recovery help has separate heading, guidance and reachable action lines. */
.support-result-help>b,.support-result-help>span,.support-result-help>.support-help-control{display:block;text-align:left}
.support-result-help>.support-help-control{line-height:inherit}
@media(max-width:600px){.support-result-help>.support-help-control{min-height:44px}}

/* Follow-up drawers retain the authored compact context and a real time preview. */
#modal.support-task-drawer .modal-head{height:104px;min-height:104px}
#modal.support-task-drawer .modal-head>.btn.icon{width:34px;height:38px;min-height:38px;padding:0;border:1px solid #DFE8F3;border-radius:10px;flex:none}
#modal.support-task-drawer .fields{gap:16px}
.support-task-context{display:flex;gap:6px;align-items:flex-start;margin-bottom:20px}
.support-task-context small{display:block;font-size:12px;color:#5F70A3;margin-top:5px}
.support-task-confirmation{margin-top:19px;background:#F2FBF8;border-color:#DCEEEA;color:#487B79}
.support-task-confirmation b{color:#067F78}
.support-task-confirmation span{display:block;font-size:12px;margin-top:5px}
.support-task-status{margin-top:20px;padding-top:20px;border-top:1px solid #E4ECF4}
.support-task-status h3{font-size:18px;margin:0}
.support-task-status p{margin:17px 0 0;line-height:1.6}
.support-task-status details{margin-top:12px;color:#5F70A3;font-size:12px}
.support-task-status details>.field{margin-top:12px!important}
@media(max-width:600px){#modal.support-task-drawer .fields{gap:16px}#modal.support-task-drawer .modal-head{height:100px;min-height:100px}#modal.support-task-drawer .modal-body{padding-top:23px}.support-task-confirmation{padding:15px}}

/* The prelinked composition has one label per grid cell and no nested full-field wrapper. */
#modal.support-task-prelinked .modal-body{padding-top:24px}
#modal.support-task-prelinked .fields{gap:15px}
@media(max-width:600px){#modal.support-task-prelinked .fields{gap:17px}#modal.support-task-prelinked .modal-body{padding-top:25px}}

#modal.support-task-prelinked .field label span[aria-hidden]{color:#008b8d}
#modal.support-task-prelinked .form-actions{padding:20px 27px 25px;gap:11px;background:#FCFDFE}
#modal.support-task-prelinked .form-actions .btn{min-height:39px;padding:8px 13px;line-height:20px}
@media(max-width:600px){#modal.support-task-prelinked .form-actions{height:85px;padding:18px 21px 25px;align-items:flex-start}#modal.support-task-prelinked .form-actions .btn{min-height:39px;padding:8px 13px}}

#modal.support-task-prelinked .field label{font-size:13px;line-height:21px;color:#38528f}
#modal.support-task-prelinked .field input,#modal.support-task-prelinked .field select,#modal.support-task-prelinked .field textarea{color:#38528f}
#modal.support-task-prelinked .field textarea{resize:none}
#modal.support-task-prelinked .support-task-confirmation{padding:15px 18px}
#modal.support-task-prelinked .support-task-confirmation b{font-size:14px;line-height:21px}
#modal.support-task-prelinked .support-task-confirmation span{line-height:18px;margin-top:3px}

/* Persisted completion result and compact completed/open navigation (VIS-079). */
.support-completion-result{margin-bottom:20px}
.support-completion-result .notice{margin:0}
.support-completed-filters{margin:-5px 0 18px;color:#5F70A3;font-size:12px}
.support-completed-filters>summary{cursor:pointer;min-height:32px;display:flex;align-items:center}
.support-completed-filters[open] .support-toolbar{margin-top:12px}
.support-completed-list .support-task{min-height:86px;padding-top:18px;padding-bottom:18px}
.support-completed-list .support-task h3 .btn.text{font-size:14px}
.support-completed-list .support-task-owner{font-size:12px}
.support-ui .support-stat-overdue{font-size:12px;color:#B83546;font-weight:500;white-space:nowrap}
@media(max-width:600px){.support-completed-filters>summary{min-height:44px}}

.support-completion-notes{font-size:11px;color:#5F70A3;margin-top:5px}.support-completion-notes summary{cursor:pointer}.support-completion-notes p{white-space:pre-wrap}

/* Contract activity uses explicit icons, with one connector and no legacy dot. */
.support-ui .support-contract-activity .timeline-item{padding-left:0;margin-left:0;border-left:0}
.support-ui .support-contract-activity .timeline-item::before{content:'';position:absolute;left:13px;top:26px;bottom:0;width:0;height:auto;border-left:1px solid #E0ECE7;background:transparent;border-radius:0;box-shadow:none}
.support-ui .support-contract-activity .timeline-item:last-child::before{display:none}

/* Import-only tables: full desktop columns, readable long evidence, keyboard scroll on narrow screens. */
.support-import-table{max-width:100%;min-width:0;overflow-x:auto}
.support-import-table:focus-visible{outline:3px solid #83DCD1;outline-offset:-3px}
.support-import-table .table-wrap{overflow:visible}
.support-import-table table{width:100%;table-layout:fixed;white-space:normal}
.support-import-table th,.support-import-table td,.support-import-table .sub{white-space:normal;overflow-wrap:anywhere}
.support-import-table .inputbox{width:100%;min-width:0;max-width:100%}
.support-import-mapping table{min-width:640px}
.support-import-mapping th:nth-child(1){width:22%}
.support-import-mapping th:nth-child(2){width:26%}
.support-import-mapping th:nth-child(3){width:39%}
.support-import-mapping th:nth-child(4){width:13%}
.support-import-results table{min-width:560px}
.support-import-results th:nth-child(1){width:14%}
.support-import-results th:nth-child(2){width:26%}
.support-import-results th:nth-child(3){width:17%}
.support-import-results th:nth-child(4){width:43%}