/* Department customer workspace: compact directory and one readable editor. */
.layout-workspace{--lw-purple:#74618f;--lw-line:#e4e2e8;--lw-muted:#7c7a85;--lw-bg:#f6f5f8;color:#282631}
.layout-page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 23px}.layout-kicker{font-size:10px;letter-spacing:2px;color:#8a779f;font-weight:700}.layout-page-heading h1{font-size:29px;letter-spacing:.03em;font-weight:600;margin:10px 0 9px}.layout-page-heading p{font-size:12px;color:var(--lw-muted);margin:0}.layout-proposal-badge{border:1px solid #d9d0e4;border-radius:30px;padding:8px 14px;font-size:10px;color:var(--lw-purple);white-space:nowrap}
.layout-demo-note{display:flex;gap:12px;align-items:center;font-size:11px;color:#77727f;margin-bottom:20px;line-height:1.8}.layout-demo-note>span{font-size:9px;letter-spacing:1px;border:1px solid #dcd6e4;padding:1px 6px;border-radius:3px;color:#7f6b95}
.layout-workspace-grid{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:start;gap:22px}.layout-directory{background:#fff;border:1px solid var(--lw-line);border-radius:10px;overflow:hidden;padding:20px 14px;position:sticky;top:16px}.layout-directory-title{display:flex;justify-content:space-between;align-items:center;padding:0 3px;margin:0 0 19px}.layout-directory-title h2{font-size:14px;font-weight:600;margin:0}.layout-directory-title>span{font-size:11px;color:var(--lw-muted);font-variant-numeric:tabular-nums}
.layout-workspace input,.layout-workspace select,.layout-workspace textarea{font:inherit;color:#33303c;border:1px solid #ddd9e4;border-radius:5px;background:#fff;padding:10px 11px;min-width:0;box-sizing:border-box;width:100%;outline-offset:2px;line-height:1.5}.layout-workspace input:focus,.layout-workspace select:focus,.layout-workspace textarea:focus{outline:2px solid #a08bb7;border-color:transparent}.layout-workspace input::placeholder,.layout-workspace textarea::placeholder{color:#aaa5b1;font-size:12px}.layout-workspace input[readonly]{background:#f5f4f7;color:#8e8898}.layout-workspace button{font:inherit;cursor:pointer}.layout-workspace button:disabled{cursor:default;opacity:.45}
.layout-search-field{display:block;margin:0 0 13px}.layout-search-field>span{display:block;font-size:10px;color:#7b7587;margin:0 0 7px}.layout-search-field input,.layout-search-field select{font-size:12px;padding:9px 10px;background:#fcfbfd}.layout-filter-details{border-top:1px solid var(--lw-line);border-bottom:1px solid var(--lw-line);margin-top:15px}.layout-filter-details>summary{display:flex;justify-content:space-between;cursor:pointer;padding:12px 2px;font-size:11px;list-style:none}.layout-filter-details>summary::-webkit-details-marker{display:none}.layout-filter-details>summary>span:last-child{color:#9686a6;font-size:10px}.layout-filter-details>summary>span:first-child:before{content:'＋';margin-right:6px;color:#8a779e}.layout-filter-details[open]>summary>span:first-child:before{content:'−'}.layout-filter-body{padding:6px 1px 14px}.layout-clear-filters{width:100%;background:#f1edf6;border:0;border-radius:4px;padding:9px;color:#74618f;font-size:11px!important}.layout-draft-count{font-size:9px;color:#9a939f;margin:15px 2px 9px}
.layout-customer-list{display:flex;flex-direction:column;gap:5px}.layout-customer{position:relative;display:grid;grid-template-columns:30px 1fr 10px;gap:0 9px;align-items:center;text-align:left;padding:12px 9px;background:transparent;border:1px solid transparent;border-radius:6px;width:100%;color:#302b3b}.layout-customer:hover{background:#f7f5fa}.layout-customer.is-selected{border-color:#d6cbe3;background:#f1ecf7}.layout-list-avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;font-size:12px;background:#ede9f3;color:#8c76a7;grid-row:1/3}.layout-customer.is-selected .layout-list-avatar{background:#ddd2ed;color:#76618e}.layout-list-copy b{display:block;font-size:12px;font-weight:600}.layout-list-copy small{display:block;font-size:9px;color:#9a91a5;margin-top:4px}.layout-list-arrow{color:#aa9cba;grid-column:3;grid-row:1/3}.layout-list-status{grid-column:2;font-size:9px;color:#8b8096;margin-top:6px}.layout-list-status i{font-size:8px;margin-left:7px;font-style:normal;color:#a97e3a}
.layout-editor{background:#fff;border:1px solid var(--lw-line);border-radius:10px;min-width:0;overflow:hidden}.layout-customer-heading{padding:26px 28px 23px;display:flex;align-items:center;gap:15px}.layout-main-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:#ece6f3;color:#88709f;font-size:23px}.layout-customer-title{flex:1;min-width:0}.layout-customer-code{display:block;font-size:9px;letter-spacing:.6px;color:#9b91a7;overflow-wrap:anywhere}.layout-customer-title h2{font-size:25px;letter-spacing:.06em;font-weight:600;margin:7px 0 5px}.layout-customer-title p{color:#aaa1b1;font-size:10px;letter-spacing:1.5px;margin:0}.layout-outline{border:1px solid #d6cddd;color:#7b668f;background:#fff;border-radius:5px;padding:9px 12px;font-size:11px!important;white-space:nowrap}.layout-outline:hover{background:#f6f3fa}.layout-start-call{align-self:center}
.layout-customer-summary{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:15px;margin:0 28px 25px;padding:16px 20px;background:#f8f7fa;border:1px solid #eeebf2;border-radius:6px}.layout-customer-summary>div+div{border-left:1px solid #e6e1eb;padding-left:20px}.layout-customer-summary span{display:block;color:#9a90a5;font-size:9px;margin:0 0 6px}.layout-customer-summary b{font-size:12px;font-weight:500;overflow-wrap:anywhere}
.layout-tabs{display:flex;overflow-x:auto;padding:0 24px;gap:2px;border-bottom:1px solid var(--lw-line);scrollbar-width:thin}.layout-tab{flex-shrink:0;white-space:nowrap;padding:14px 12px;border:0;background:transparent;border-bottom:2px solid transparent;color:#9b92a3;font-size:11px!important;margin-bottom:-1px}.layout-tab[aria-selected=true]{color:#75608c;border-bottom-color:#8c73a5;font-weight:600}.layout-tab:hover{background:#faf8fc}
.layout-editor-body{padding:24px 28px 10px;min-height:360px}.layout-body-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}.layout-body-heading h2{font-size:17px;font-weight:600;margin:0}.layout-body-heading>span{font-size:10px;color:#a29aa9}.layout-form-group{margin:0 0 27px}.layout-form-group>h3,.layout-section-heading h3{font-size:11px;letter-spacing:.04em;font-weight:600;color:#81748e;border-left:2px solid #b3a1c7;padding-left:9px;margin:0 0 16px}.layout-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.layout-field{display:block;font-size:12px;min-width:0}.layout-field>span{display:block;font-size:10px;color:#8a8193;margin:0 0 7px}.layout-field input,.layout-field textarea,.layout-field select{font-size:12px;min-height:39px}.layout-full{grid-column:1/-1}.layout-field textarea{resize:vertical;min-height:76px}.layout-field:focus-within>span{color:#7e6396}
.layout-save-footer{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 28px;background:#fcfbfd;border-top:1px solid var(--lw-line);z-index:1}.layout-save-footer>div:first-child{display:grid;grid-template-columns:7px 1fr;align-items:center;gap:5px 8px}.layout-save-dot{height:5px;width:5px;border-radius:50%;background:#a594b9}.layout-save-footer b{font-size:10px;font-weight:500;color:#83768f}.layout-save-footer small{grid-column:2;font-size:9px;color:#b2aabb}.layout-save-buttons{display:flex;align-items:center;gap:17px;flex-shrink:0}.layout-text-button{border:0;background:transparent;font-size:10px!important;color:#9a8ba7;padding:5px 0}.layout-save{background:#7f6898;border:1px solid #7f6898;color:#fff;padding:11px 22px;border-radius:5px;font-size:11px!important}.layout-save:hover:not(:disabled){background:#6c5587}.layout-save:disabled{background:#e5ddeb;border-color:#e5ddeb;opacity:1!important;color:#a99ab7}
.layout-empty{padding:28px 12px;color:#a196ad;font-size:11px;line-height:1.8;text-align:center}.layout-empty p{font-size:10px}.layout-empty-note{font-size:11px;color:#9b91a5;line-height:1.9;margin:0 0 22px}.layout-search-note{font-size:9px;color:#a399ac;line-height:1.8}.layout-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.layout-section-heading h3{margin-bottom:0}.layout-subcard,.layout-family-card{border:1px solid #e8e2ee;border-radius:7px;padding:20px;margin-bottom:16px;background:#fdfcfe}.layout-subcard h4{font-size:11px;font-weight:600;color:#9c8aaa;margin:0 0 17px}.layout-family-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px}.layout-family-heading p{font-size:11px;color:#95899f;line-height:1.8}.layout-family-card>.layout-form-group:last-child{margin-bottom:0}.layout-family-empty{padding:55px 20px 70px;border:1px dashed #dfd5e8;border-radius:8px;background:#fcfafe}.layout-family-empty h3{font-size:14px;font-weight:500}.layout-empty-symbol{font-size:35px;color:#c4b4d6}.layout-family-card .layout-section-heading{margin-bottom:25px}.layout-flags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.layout-flag{display:flex;align-items:center;gap:9px;border:1px solid #e6dfed;border-radius:5px;padding:12px 10px;cursor:pointer;font-size:11px;color:#8a7d96}.layout-flag input{width:13px;min-height:0;margin:0;accent-color:#8d75a6;flex-shrink:0}.layout-flag.chosen{background:#f0eaf6;border-color:#b9a4ce;color:#6e5286}.layout-call-metrics{display:grid;grid-template-columns:1.4fr 1fr 1fr;border:1px solid #e5dfea;border-radius:6px;margin:20px 0 12px}.layout-call-metrics>div{padding:17px}.layout-call-metrics>div+div{border-left:1px solid #e5dfea}.layout-call-metrics span{display:block;font-size:10px;color:#a295ad;margin-bottom:9px}.layout-call-metrics b{font-size:13px;font-weight:500}.layout-history{padding:16px 0;border-bottom:1px solid #eee8f3}.layout-history>span{font-size:10px;color:#aa9cb5}.layout-history h4{font-size:13px;font-weight:500;margin:8px 0}.layout-history p{font-size:11px;color:#8e819a;line-height:1.8;white-space:pre-line}
body:has(.layout-workspace:not([hidden])) main{padding-top:32px;padding-left:34px;padding-right:34px}body:has(.layout-workspace:not([hidden])) footer{margin-top:30px}
@media(min-width:1500px){.layout-workspace-grid{grid-template-columns:260px minmax(0,1fr)}.layout-tab{padding-left:18px;padding-right:18px}.layout-editor-body{padding-left:34px;padding-right:34px}}
@media(max-width:1100px){.layout-workspace-grid{grid-template-columns:205px minmax(0,1fr);gap:15px}.layout-customer-heading{padding:22px 20px;gap:12px}.layout-customer-summary{margin-left:20px;margin-right:20px}.layout-tabs{padding:0 12px}.layout-tab{padding-left:9px;padding-right:9px}.layout-editor-body{padding:22px 20px 8px}.layout-save-footer{padding:16px 20px}.layout-flags{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-main-avatar{width:44px;height:44px}.layout-customer-title h2{font-size:22px}}
@media(max-width:850px){body:has(.layout-workspace:not([hidden])) main{padding:24px 18px}.layout-workspace-grid{grid-template-columns:1fr}.layout-directory{position:static;padding:16px}.layout-customer-list{display:flex;flex-direction:row;overflow-x:auto;gap:7px}.layout-customer{flex:0 0 190px}.layout-directory-title{margin-bottom:12px}.layout-search-field{margin-bottom:10px}.layout-filter-details{margin-top:10px}.layout-filter-body{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.layout-filter-body .layout-search-note,.layout-clear-filters{grid-column:1/-1}.layout-draft-count{margin:10px 2px}.layout-editor-body{min-height:300px}.layout-page-heading h1{font-size:25px}.layout-page-heading{gap:12px}}
@media(max-width:550px){.layout-page-heading{align-items:flex-start}.layout-page-heading h1{font-size:22px;line-height:1.5}.layout-proposal-badge{padding:6px 8px;font-size:9px}.layout-customer-heading{flex-wrap:wrap;padding:20px 16px}.layout-start-call{margin-left:59px}.layout-customer-summary{margin:0 16px 18px;gap:8px;padding:12px}.layout-customer-summary>div+div{padding-left:9px}.layout-customer-summary b{font-size:10px}.layout-fields{grid-template-columns:1fr;gap:15px}.layout-full{grid-column:auto}.layout-editor-body{padding:20px 16px 8px}.layout-body-heading>span{font-size:9px}.layout-save-footer{padding:14px 16px;flex-wrap:wrap}.layout-save-buttons{width:100%;justify-content:flex-end}.layout-save-footer small{font-size:9px}.layout-family-heading{align-items:flex-start;flex-direction:column}.layout-flags{grid-template-columns:1fr 1fr}.layout-call-metrics{grid-template-columns:1fr}.layout-call-metrics>div+div{border-left:0;border-top:1px solid #e5dfea}.layout-call-metrics>div{padding:12px}.layout-subcard,.layout-family-card{padding:15px}}

.layout-tabs{overflow-y:hidden}
.layout-filter-details>summary>span{transform:none!important;position:static}.call-queue .queue-search{display:block!important;margin:12px 0}.call-queue .queue-search input{display:block!important;width:100%;box-sizing:border-box;min-height:40px}
.call-center,.call-record,.call-queue{min-width:0}.call-search-panel{min-width:0}.call-search-panel select{max-width:100%}
.call-search-panel .layout-filter-details{margin-top:10px}.call-search-panel .layout-filter-body{max-height:400px;overflow:auto}.call-search-panel .layout-search-field>span{font-size:10px}.call-search-panel .layout-search-field input,.call-search-panel .layout-search-field select{font-size:11px}.call-search-status{font-size:10px;color:#8b779c;margin:12px 0}.call-search-retained{font-size:10px;color:#9c805b;line-height:1.8}.call-search-retained:empty{display:none}
@media(max-width:1250px){.attacker-workspace .call-search-panel .layout-filter-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 15px}.attacker-workspace .call-search-panel .layout-search-note,.attacker-workspace .call-search-panel .layout-clear-filters{grid-column:1/-1}}
@media(max-width:760px){.attacker-workspace .call-search-panel .layout-filter-body{grid-template-columns:1fr 1fr}}
.call-shared-customer>summary>span{transform:none!important;position:static}
.layout-derived{display:block;border:1px solid #e7e1ed;border-radius:5px;background:#f7f5fa;padding:11px;font-size:12px;line-height:1.7;color:#776785;min-height:40px;box-sizing:border-box}
.layout-premium-summary{border:1px solid #e4ddeb;border-radius:7px;background:#f8f5fb;padding:18px;line-height:1.9}.layout-premium-summary b{font-size:13px;font-weight:500}.layout-premium-summary p{font-size:11px;color:#8c7d99;margin:8px 0 0}
.call-shared-customer{border:1px solid #d8cee5;border-radius:8px;background:#fff;margin:18px 0;min-width:0;overflow:hidden}.call-shared-customer>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 18px;background:#f1ebf7;cursor:pointer;list-style:none}.call-shared-customer>summary b{font-size:12px;color:#756086;font-weight:600}.call-shared-customer>summary span{font-size:9px;color:#9985ac}.call-shared-shell{max-height:680px;overflow:auto;overscroll-behavior:contain}.call-shared-shell .layout-editor{border:0;border-radius:0;overflow:visible}.call-shared-shell .layout-customer-heading{padding:20px 18px 15px}.call-shared-shell .layout-customer-title h2{font-size:20px}.call-shared-shell .layout-main-avatar{width:38px;height:38px;font-size:18px}.call-shared-shell .layout-customer-summary{margin:0 18px 15px;padding:12px}.call-shared-shell .layout-tabs{padding:0 10px}.call-shared-shell .layout-tab{padding:12px 10px}.call-shared-shell .layout-editor-body{padding:20px 18px 5px;min-height:0}.call-shared-shell .layout-save-footer{padding:14px 18px;flex-wrap:wrap}.call-shared-shell .layout-save-buttons{margin-left:auto}.call-shared-shell .layout-flags{grid-template-columns:repeat(2,minmax(0,1fr))}.call-shared-shell .layout-workspace{padding-bottom:0}
@media(max-width:550px){.call-shared-shell{max-height:650px}.call-shared-customer>summary{align-items:flex-start;flex-direction:column}.call-shared-shell .layout-fields{grid-template-columns:1fr}}
@media(max-width:550px){.layout-save-footer{position:static}.layout-workspace{padding-bottom:65px}}
.layout-customer-heading{flex-wrap:wrap}.layout-main-avatar{flex-shrink:0}.layout-customer-title{flex:1 1 110px}.layout-latest-status{flex:1.5 1 180px;min-width:0;padding:13px 15px;border-left:3px solid #947bae;background:#f6f2fa;border-radius:0 7px 7px 0;display:flex;flex-direction:column;gap:5px;overflow-wrap:anywhere}.layout-latest-status>span{font-size:10px;color:#867394}.layout-latest-status strong{font-size:17px;font-weight:600;color:#59406f}.layout-latest-status small{font-size:9px;line-height:1.6;color:#908399}.layout-quick-family{margin-left:auto}.layout-family-contract{padding:10px;background:#f1ebf7;color:#614679;font-size:12px;border-radius:5px}.layout-family-dialog{width:min(460px,calc(100vw - 32px));box-sizing:border-box;border:1px solid #d6cddd;border-radius:12px;padding:28px;color:#302936;box-shadow:0 20px 80px #30203f30}.layout-family-dialog::backdrop{background:#2b213b75}.layout-family-dialog h2{font-size:21px;margin:0 0 12px}.layout-family-dialog p{font-size:13px;line-height:1.8}.layout-family-dialog .layout-field{margin:16px 0}.layout-family-dialog input,.layout-family-dialog select{box-sizing:border-box;width:100%;padding:12px;border:1px solid #d6cddd;border-radius:5px;background:#fff;color:inherit;font:inherit}.layout-family-dialog .layout-save-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.layout-family-dialog small{display:block;color:#8c7a98;line-height:1.7;font-size:11px}.layout-dialog-error{color:#9e344d}.layout-dialog-error:empty{display:none}.contract-party-box{padding:14px;margin-bottom:18px;border:1px solid #d6c6e5;border-radius:7px;background:#f7f3fb}.contract-party-box small{display:block;font-size:10px;line-height:1.7;color:#8a769a;margin-top:8px}.contract-party-box select{width:100%;min-width:0;box-sizing:border-box}.daily-result-shortcuts .contract-win-button{background:#76548f;color:white;border-color:#76548f;font-weight:600;grid-column:1 / -1;font-size:14px;padding:14px}.daily-result-shortcuts .contract-win-button:hover{background:#65447e}.daily-result-shortcuts .contract-win-button:disabled{opacity:.45;cursor:not-allowed}.zoom-dial-panel{text-align:left}.zoom-number-label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#6c6183}.zoom-number-label select{width:100%;padding:12px;border:1px solid #d8cfe1;border-radius:6px;background:#fff;min-width:0;color:#39313f;box-sizing:border-box}.zoom-dial-button{width:100%;padding:15px;margin-top:12px;border:0;border-radius:7px;background:#2669cb;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.zoom-dial-button:hover{background:#1e58ae}.zoom-dial-button:disabled{background:#ece9ef;color:#938b9a;cursor:not-allowed}.dial-area .zoom-dial-note{font-size:11px;line-height:1.8;margin:12px 0;color:#82728e}.zoom-demo-controls{margin-top:14px;border-top:1px solid #e5dfea;padding-top:13px}.zoom-demo-controls>summary{font-size:11px;color:#8d8197;cursor:pointer;margin-bottom:12px}.zoom-demo-controls .dial-button{width:100%}@media(max-width:550px){.layout-latest-status{flex-basis:100%}.layout-family-dialog{padding:22px}.layout-customer-title{flex:1}.layout-quick-family{margin-left:0}}
@media(max-width:850px){.call-layout,.attacker-workspace .call-layout{grid-template-columns:minmax(0,1fr)}.call-queue,.attacker-workspace .call-queue{grid-row:auto;grid-column:auto;border-right:0;padding-right:0}.call-center,.call-record,.attacker-workspace .call-center,.attacker-workspace .call-record{grid-column:auto;max-width:none;width:100%}}
.contract-relation-pair{font-size:12px;line-height:1.8;color:#6e597f;overflow-wrap:anywhere;margin:10px 0}.contract-party-box .pattern-label select{padding:11px;border:1px solid #d6cddd;border-radius:4px;background:#fff;color:#39313f;font:inherit}