/* Shared interior surfaces: the workplace material language without scenic imagery. */
.interior-app{--surface:#ffffffd9;--edge:#ffffffd9;background:radial-gradient(ellipse 85% 540px at 100% 0%,#d9e3e0 0%,#e9eeea88 48%,transparent 90%),radial-gradient(ellipse 65% 540px at 0 0,#f4eade8c,transparent 90%),#f6f5f2}
.interior-app .page{padding-top:35px}.interior-app .page-head{align-items:center;margin-bottom:28px;gap:28px}.interior-app .date{text-transform:none;letter-spacing:.1px;font-size:13px;color:#697b80;margin-bottom:15px}.page-title-row{display:flex;align-items:center;gap:14px}.page-symbol{width:43px;height:43px;display:grid;place-items:center;flex-shrink:0;border-radius:15px;background:#ffffffb5;color:#54786c;box-shadow:0 4px 16px #50625505}.page-symbol svg{width:23px;height:23px}.interior-app .page-head h1{font-family:'DM Sans',sans-serif;font-size:36px;line-height:1.18;font-weight:450;letter-spacing:-1.2px}.interior-app .page-head p{font-size:15px;line-height:1.65;font-weight:400;color:#6c7c86;margin-top:12px;max-width:710px}.interior-app h2,.interior-app h3{font-family:'DM Sans',sans-serif;font-weight:550;letter-spacing:-.3px}.interior-app h2{font-size:20px}.interior-app h3{font-size:16px}
.interior-app .panel{border:1px solid var(--edge);border-radius:22px;background:var(--surface);box-shadow:0 8px 35px #2b4c3904;backdrop-filter:blur(18px)}.interior-app .pad{padding:25px}.interior-app .panel-head{padding:23px 25px}.interior-app .grid2,.interior-app .grid3{gap:18px}.interior-app .stack{gap:18px}
.interior-app :where(button:not(.nav button):not(.avatar):not(.text-button):not(.linklike):not(.ghost)){font-weight:450;border-radius:24px;border-color:#e0e5e4;padding:10px 16px;background:#ffffffb3;color:#263e46;box-shadow:0 2px 8px #243c3203;transition:background .15s,border-color .15s,box-shadow .15s}.interior-app :where(button:not(.nav button):not(.avatar):not(.text-button):not(.linklike):not(.ghost)):hover{background:#fff;border-color:#b9cbc2;box-shadow:0 4px 16px #304b3a08}.interior-app button.primary,.interior-app .table-wrap td button:not(.text-button):not(.ghost){background:#172d36;color:white;border-color:#172d36;box-shadow:0 3px 12px #172d360c}.interior-app button.primary:hover,.interior-app .table-wrap td button:not(.text-button):not(.ghost):hover{background:#2c4a50;border-color:#2c4a50;color:#fff}.interior-app button.small{font-size:13px;padding:8px 13px}.interior-app .ghost{font-size:14px;font-weight:500;border-radius:22px;padding:9px 12px}.interior-app .text-button{border-radius:4px;font-weight:550;background:transparent;box-shadow:none;padding:0}.interior-app button:disabled{opacity:.4;box-shadow:none;cursor:not-allowed}
.interior-app .search{border:1px solid #e2e7e4;border-radius:24px;background:#ffffffc4;box-shadow:none;color:#445d67;font-size:14px;line-height:1.5;padding:10px 15px;min-height:42px}.interior-app input.search{background:#f7f8f5;min-width:330px}.interior-app .toolbar{padding:15px 18px;border:1px solid #ffffffc4;border-radius:22px;background:#ffffffa3;backdrop-filter:blur(16px);gap:15px;margin-bottom:18px}.interior-app .toolbar>.smalltext{font-size:13px;color:#728089}.interior-app .toolbar>.row{flex-wrap:wrap}
.interior-app .section-tabs{display:flex;gap:5px;flex-wrap:wrap;width:fit-content;max-width:100%;padding:5px;background:#eeefecb3;border:1px solid #ffffff90;border-radius:26px;margin-bottom:20px}.interior-app .section-tabs button{border-radius:22px;padding:9px 16px!important;border:1px solid transparent!important;box-shadow:none!important;background:transparent!important;font-size:14px;line-height:1.5;color:#6c7d85!important}.interior-app .section-tabs button.active{background:#fff!important;color:#244d3c!important;box-shadow:0 2px 8px #29473408!important;border-color:#fff!important}.interior-app .section-tabs button:hover{color:#1c3e34!important;background:#ffffff70!important}
.interior-app .table-wrap{padding:5px 18px 8px}.interior-app .panel>.table-wrap{padding:0 18px 8px}.interior-app table{border-collapse:separate;border-spacing:0;font-size:14px}.interior-app th{border-top:0;border-bottom:1px solid #e7ebe7;background:transparent;padding:17px 16px;color:#6f8087;font-size:13px;font-weight:450;letter-spacing:0;text-transform:none}.interior-app td{padding:19px 16px;border-bottom:1px solid #e9ede9;font-size:14px;line-height:1.5}.interior-app tbody tr:last-child td{border-bottom:0}.interior-app tr.clickable:hover td{background:#f2f7f180}.interior-app .cell-title{font-weight:550;line-height:1.55;margin-bottom:4px;color:#263e47}.interior-app .cell-sub{font-size:12px;color:#76868e;line-height:1.6}.interior-app .badge{font-weight:450;padding:5px 9px;border-radius:20px;font-size:12px;box-shadow:none;line-height:1.45;background:#eef1f0;color:#657979}.interior-app .badge.green{background:#e9f3e9;color:#4a7759}.interior-app .badge.orange{background:#faf0e2;color:#986c38}.interior-app .badge.blue{background:#edf2f6;color:#5c7789}.interior-app .badge.red{background:#faeeea;color:#a26f5e}.interior-app .client-icon{height:42px;width:42px;border-radius:15px;background:#eaf0e7;color:#647c61;font-size:12px;font-weight:550}.interior-app .client-cell{gap:13px}.interior-app .client-cell .text-button{font-size:14px}.interior-app .case-count{font-size:17px;font-weight:500;color:#213b40}.interior-app .state-detail{margin-top:5px;max-width:230px}.entity-cell{display:flex;align-items:center;gap:13px}.entity-mark{width:37px;height:37px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:#edf1ef;color:#628174}.entity-mark svg{width:18px;height:18px}.entity-mark.orange{background:#faf0e4;color:#a88254}.entity-mark.blue{background:#edf1f7;color:#627d94}.entity-mark.green{background:#eaf2e9;color:#629372}
.interior-app .source-grid{gap:13px;margin-bottom:20px}.interior-app button.source{position:relative;display:block;text-align:left;border:1px solid #ffffffc9;border-radius:20px;padding:20px;background:#ffffffcb;backdrop-filter:blur(16px);box-shadow:0 6px 24px #2b4c3903;min-height:155px}.interior-app button.source:hover{border-color:#a3b8a9;background:#fff}.source-symbol,.integration-symbol{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;color:#5f846e;background:#eaf2e9;margin-bottom:14px}.source:nth-child(2) .source-symbol,.source:nth-child(5) .source-symbol{background:#ecf0f4;color:#6d8293}.source:nth-child(3) .source-symbol,.source:nth-child(6) .source-symbol{background:#f7ede6;color:#ad8868}.interior-app .source strong{font-size:14px;font-weight:500;margin-bottom:7px}.interior-app .source small{font-size:12px;color:#76858c}.source small b{font-size:18px;font-weight:500;color:#28444b;margin-right:3px}.interior-app .banner{background:#f1e9dc92;border:1px solid #ffffffb0;border-radius:16px;color:#806c50;font-size:13px;line-height:1.65;padding:14px 19px;margin-bottom:20px}.interior-app .banner.green{background:#e8f0e58c;border-color:#ffffffbf;color:#5a7761}
.interior-app .integration-card{position:relative;padding:25px}.integration-symbol{width:43px;height:43px;border-radius:15px;margin-bottom:20px}.integration-card:nth-child(3n+2) .integration-symbol{background:#eef1f5;color:#6d8497}.integration-card:nth-child(3n) .integration-symbol{background:#f6ece3;color:#b08960}.interior-app .integration-card .row{align-items:center;gap:12px}.interior-app .integration-card h2{font-size:21px;font-weight:500}.interior-app .integration-card button{margin-top:4px;font-size:13px}.interior-app .checkrow{padding:18px 0;border-color:#e6ebe6;line-height:1.6;gap:18px}.interior-app .checkrow strong{font-weight:550}.interior-app .kv{line-height:1.6;font-size:14px;margin:15px 0}.interior-app .kv span:first-child{color:#71828a}.interior-app .kv strong{font-weight:500}.interior-app .timeline{border-color:#d7e2d9;padding-left:21px}.interior-app .timeline-item{font-size:14px;color:#39505a;line-height:1.7}.interior-app .timeline-item:before{background:#94b6a0;left:-28px;top:7px}.interior-app .timeline-item small{color:#809096;font-size:12px}.interior-app .evidence{border:1px solid #dfeadf;background:#edf4eb9c;border-radius:14px;padding:15px 17px;font-size:14px;color:#4b6b55;line-height:1.7}.interior-app .account-box{border:1px solid #e7ebe5;background:#f4f7f1a3;border-radius:14px;padding:15px 17px}.interior-app .account-box strong{font-weight:500;color:#3e575d}.interior-app .account-box p{font-size:13px;line-height:1.65;color:#73848b}
.interior-app .detail-top{margin:20px 0 25px}.interior-app .detail-top h1{font-size:33px;font-weight:450;letter-spacing:-.9px}.interior-app .period-context{font-size:13px;color:#778890;line-height:1.6}.interior-app .case-task{padding:25px 28px;background:linear-gradient(110deg,#ffffffed,#f9fbf6dd);border:1px solid white;border-radius:22px;box-shadow:0 8px 30px #344b3204;margin-bottom:23px;gap:25px}.interior-app .case-task h2{font-size:23px;font-weight:450;line-height:1.35}.interior-app .task-kicker{font-weight:500;font-size:12px;letter-spacing:1px;color:#6d8b72;margin-bottom:9px}.interior-app .task-description{font-size:15px;color:#687e87;line-height:1.7}.interior-app .task-note{font-size:13px;line-height:1.6;color:#7b8b90}.interior-app .task-buttons{gap:10px;margin-top:18px}.interior-app .task-owner .avatar{background:#eaf0e7;color:#6b8270;width:38px;height:38px}.interior-app .task-owner strong{font-weight:500}.interior-app .case-process{padding:17px 23px 18px;border:1px solid #ffffffb3;border-radius:20px;background:#ffffff65;margin:0 0 22px}.interior-app .process-caption{font-size:12px;color:#788b8d;margin-bottom:15px}.interior-app .process-label{font-size:12px}.interior-app .evidence-heading{border-top:0;padding-top:2px;margin:0 0 18px}.interior-app .evidence-heading h2{font-size:18px}.interior-app .evidence-heading>span{font-size:13px}.interior-app .detail-grid{gap:18px}.interior-app .document-bg{padding:22px;background:#e7ece7b3}.interior-app .document{border-radius:3px;box-shadow:0 8px 20px #2844380a}.interior-app .document th,.interior-app .document td{padding:9px 4px;font-size:12px}.interior-app .document .kv{font-size:12px}.interior-app .case-tools summary{border-radius:24px;border:1px solid #fff;background:#ffffffa6;padding:10px 16px;font-size:14px;font-weight:450}.interior-app .case-tools>div{border:1px solid white;border-radius:17px;background:#fffffff5;box-shadow:0 12px 32px #193e3520;padding:7px}.interior-app .case-tools>div button{border:0!important;border-radius:11px!important;text-align:left;background:transparent!important;box-shadow:none!important}.interior-app .case-tools>div button:hover{background:#edf3ed!important}.interior-app .agent-controls{padding:21px 24px;border:1px solid white;background:#ffffffb3;border-radius:21px;gap:22px}.interior-app .agent-controls strong{font-size:15px;font-weight:500}.interior-app .agent-controls p{font-size:13px;color:#71858b}.interior-app .empty{padding:45px 25px;font-size:15px;color:#778b92}
/* Dialogs sit outside the app root, so share the same tokens explicitly. */
dialog{border:1px solid #fffffff2;background:#fcfdfaf7;border-radius:23px;color:#203942;box-shadow:0 25px 100px #152f3638;max-height:calc(100dvh - 32px)}dialog::backdrop{background:#24443e3b;backdrop-filter:blur(7px)}.modal-head{padding:24px 27px;border-bottom:1px solid #e6ebe5}.modal-head h2{font-family:'DM Sans',sans-serif;font-size:24px;line-height:1.3;font-weight:450;letter-spacing:-.6px}.modal-body{padding:25px 27px}.modal-body p{font-size:14px;line-height:1.75;color:#71848b}.field{font-size:14px;font-weight:500;color:#36525c;margin-bottom:19px}.field input,.field select,.field textarea{border:1px solid #dae3dc;border-radius:13px;background:#ffffffe0;padding:12px 14px;font-size:14px;color:#35515b;margin-top:8px;line-height:1.55}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #94b4a0;outline-offset:2px}.field textarea{min-height:115px}.modal-foot{background:#eff3ed;border-top:1px solid #e6ece2;padding:19px 27px;gap:10px}.modal-foot button{border-radius:23px;font-size:14px;font-weight:450;padding:10px 18px}.modal-foot .primary{background:#172d36;border-color:#172d36;color:#fff}.modal-head button{border-radius:50%;width:34px;height:34px;display:grid;place-items:center;padding:0}.menu-grid{gap:12px}.menu-grid button{padding:19px;border-radius:16px;border:1px solid #e4ebe2;background:white;line-height:1.6;font-size:14px;font-weight:500}.menu-grid button:hover{background:#edf4eb;border-color:#bacebd}#toast{border-radius:24px;background:#1b353c;box-shadow:0 8px 30px #16322e26;line-height:1.6}
@media(max-width:1100px){.interior-app .page{padding-top:28px}.interior-app .page-head{gap:22px}.interior-app .page-head h1{font-size:32px}.interior-app .page-head>.row{justify-content:flex-end;flex-shrink:0;max-width:300px}.interior-app .source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.interior-app button.source{min-height:142px}.interior-app .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.interior-app .table-wrap{padding:3px 12px 7px}.interior-app td{padding:17px 12px}.interior-app th{padding:15px 12px}.interior-app .toolbar{flex-wrap:wrap}.interior-app .case-task{padding:23px}.interior-app .pad{padding:22px}}
@media(max-width:760px){.interior-app .page{padding-top:25px}.interior-app .page-head{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:22px}.interior-app .page-head>.row{justify-content:flex-start;max-width:100%;width:100%}.interior-app .page-head h1{font-size:29px;letter-spacing:-.8px}.interior-app .page-head p{font-size:14px;margin-top:11px}.interior-app .date{font-size:12px;margin-bottom:12px}.page-symbol{height:36px;width:36px;border-radius:12px}.page-symbol svg{width:20px;height:20px}.page-title-row{gap:11px}.interior-app .panel{border-radius:19px}.interior-app .toolbar{padding:13px;border-radius:19px;gap:12px}.interior-app .toolbar .search,.interior-app input.search{min-width:0;width:100%}.interior-app .toolbar>.row{width:100%}.interior-app .search{font-size:13px}.interior-app .section-tabs{border-radius:21px;gap:3px;padding:4px}.interior-app .section-tabs button{font-size:13px;padding:8px 12px!important}.interior-app .table-wrap{padding:2px 9px 5px}.interior-app .panel>.table-wrap{padding:0 9px 6px}.interior-app .table-wrap table{min-width:820px}.interior-app td{padding:17px 12px}.interior-app .source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.interior-app button.source{padding:17px;min-height:145px}.source-symbol{margin-bottom:12px}.interior-app .grid2,.interior-app .grid3{grid-template-columns:1fr;gap:15px}.interior-app .pad,.interior-app .integration-card{padding:22px}.interior-app .panel-head{padding:20px;flex-wrap:wrap}.interior-app .checkrow{align-items:flex-start;gap:13px}.interior-app .checkrow>span{flex:1;min-width:0}.interior-app .kv{font-size:13px;flex-wrap:wrap;gap:6px 12px}.interior-app .kv strong{overflow-wrap:anywhere}.interior-app .detail-top h1{font-size:28px}.interior-app .case-task{padding:22px 20px;border-radius:19px}.interior-app .case-task h2{font-size:21px}.interior-app .task-buttons button{font-size:13px}.interior-app .task-description{font-size:14px}.interior-app .task-owner{padding-top:15px}.interior-app .case-process{padding:15px 17px;border-radius:19px}.interior-app .process-caption{font-size:11px;gap:10px}.interior-app .evidence-heading{align-items:flex-start;flex-direction:column;gap:5px}.interior-app .document-bg{padding:17px}.interior-app .agent-controls{padding:20px;gap:15px}.interior-app .agent-controls p{font-size:13px}.modal-head{padding:21px}.modal-head h2{font-size:22px}.modal-body{padding:21px}.modal-foot{padding:17px 21px;flex-wrap:wrap}.modal-foot button{font-size:13px}.menu-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.interior-app button{transition:none!important}}

/* One moving selection surface for the four review/closing views. */
.interior-app .review-tabs{position:relative;isolation:isolate}
.review-tab-indicator{position:absolute;left:0;top:0;border-radius:22px;background:#fff;box-shadow:0 2px 8px #29473408;pointer-events:none;z-index:0;will-change:transform,width}
.interior-app .review-tabs button{position:relative;z-index:1}
.interior-app .review-tabs button.active,.interior-app .review-tabs button.active:hover{background:transparent!important;box-shadow:none!important;border-color:transparent!important}
@media(prefers-reduced-motion:reduce){.review-tab-indicator{will-change:auto}}

/* Persistent completion feedback for the review sequence. */
.interior-app .review-complete { margin: 18px 0; padding: 18px 22px; border: 1px solid #d6e4dc; border-radius: 18px; background: #edf4ef; color: #294c3c; }
.interior-app .review-complete > span { font-weight: 650; }
.interior-app .review-complete p { margin: 6px 0 0; font-size: 13px; line-height: 1.6; }

