/* Shared visual scale for the two collaboration lists. */
.main[data-view="guidance"] #content>.heading{margin-bottom:20px}
.main[data-view="guidance"] #content>.heading h1{font-size:26px;letter-spacing:-.5px;line-height:1.3}
.main[data-view="guidance"] #content>.heading p{font-size:13px;color:#7a8981;line-height:1.5;margin-top:7px}
.main[data-view="guidance"] #content>.heading button{font-size:13px;min-height:36px;padding:8px 14px;border-radius:8px}
.main[data-view="guidance"] #content>.collaboration-tabs{padding:3px;gap:3px;border:1px solid #e0e7e3;border-radius:9px;background:#eff3f1;margin-bottom:16px;width:fit-content;display:flex}
.main[data-view="guidance"] #content>.collaboration-tabs>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;min-width:132px;padding:8px 17px;font-size:14px;font-weight:550;border-radius:6px;line-height:1.4;border:0;background:transparent;color:#687e70;box-shadow:none}
.main[data-view="guidance"] #content>.collaboration-tabs>button.active{color:#fff;background:#2b6953;box-shadow:0 1px 3px #1c47351a}
.main[data-view="guidance"] #content .management-workspace{display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;border:1px solid #e1e7e4;border-radius:11px;box-shadow:0 2px 8px #243b2d04;background:#fff}
.main[data-view="guidance"] #content .management-state-tabs{grid-area:1/1;order:initial;min-height:62px;padding:14px 18px;gap:3px;border:0;flex-wrap:wrap;align-content:center}
.main[data-view="guidance"] #content .management-state-tabs>button{font-size:12px;font-weight:500;line-height:1.4;padding:6px 10px;min-height:30px;border-radius:6px;color:#7c8b82;background:transparent}
.main[data-view="guidance"] #content .management-state-tabs>button.active{background:#edf4ef;color:#2c6c4d;font-weight:600}
.main[data-view="guidance"] #content .management-state-tabs>button>span{font-size:11px;color:inherit;margin-left:6px;opacity:.65}
.main[data-view="guidance"] #content .management-unread{font-size:11px;color:#8b998f;margin-left:10px;white-space:nowrap}
.main[data-view="guidance"] #content .management-tools{grid-area:1/2;position:static;order:initial;width:auto;padding:14px 18px 14px 4px;gap:7px;align-self:center;border:0;background:transparent;min-width:0}
.main[data-view="guidance"] #content .management-tools form{display:flex;flex:initial;align-items:center;gap:7px;flex-wrap:nowrap;min-width:0}
.main[data-view="guidance"] #content .management-tools select{width:122px;min-width:122px;max-width:122px;height:32px;min-height:32px;padding:5px 26px 5px 9px;font-size:12px;font-weight:400;color:#526b5c;background-color:#fafcfb;border:1px solid #dfe7e2;border-radius:6px;line-height:1.4;box-shadow:none}
.main[data-view="guidance"] #content .management-tools input{width:190px;max-width:220px;min-width:80px;height:32px;min-height:32px;padding:6px 9px;font-size:12px;line-height:1.4;border:1px solid #dfe7e2;border-radius:6px;background:white;color:#3e5748;box-shadow:none}
.main[data-view="guidance"] #content .management-tools button{height:32px;min-height:32px;padding:6px 10px;font-size:12px;font-weight:500;line-height:1.4;border-radius:6px;color:#5e7867;border:1px solid #dfe7e2;background:white;white-space:nowrap}
.main[data-view="guidance"] #content .management-item-list{grid-area:2/1/auto/3;order:initial;border-top:1px solid #e8edea;min-width:0}
.main[data-view="guidance"] #content .case-list-row{padding:17px 19px;gap:12px;border-color:#edf0ee;line-height:1.5;background:white}
.main[data-view="guidance"] #content .case-list-row:hover{background:#fafcfb}
.main[data-view="guidance"] #content .management-item-icon{width:30px;height:32px;flex:none;margin-top:1px;border-radius:7px;background:#f0f5f2;color:#779784}
.main[data-view="guidance"] #content .management-item-copy{gap:5px 12px!important}
.main[data-view="guidance"] #content .management-item-copy>.case-subject{font-size:14px;font-weight:600;line-height:1.5;color:#304b3c}
.main[data-view="guidance"] #content .management-item-copy>strong{font-size:12px!important;color:#6b8072;font-weight:500!important;line-height:1.5}
.main[data-view="guidance"] #content .management-item-copy small{font-size:11px;color:#8d9c92;line-height:1.5;gap:10px}
.main[data-view="guidance"] #content .case-customer-id{font-size:11px;color:#9aa79e;margin-left:6px}
.main[data-view="guidance"] #content .management-item-copy>.case-preview{font-size:12px;line-height:1.6;color:#7e8d84;margin-top:1px}
.main[data-view="guidance"] #content .management-item-end{gap:8px;padding-top:1px}
.main[data-view="guidance"] #content .management-item-end>small{font-size:10px;color:#a0ada4}
.main[data-view="guidance"] #content .follow-state{padding:4px 8px;border-radius:5px;font-size:11px;line-height:1.5;font-weight:500;white-space:nowrap}
.main[data-view="guidance"] #content .follow-state-open,.main[data-view="guidance"] #content .follow-state-pending{color:#a17a2f;background:#fcf4e4}
.main[data-view="guidance"] #content .follow-state-active{color:#527fa5;background:#edf4fa}
.main[data-view="guidance"] #content .follow-state-done,.main[data-view="guidance"] #content .follow-state-resolved{color:#438060;background:#eaf4ed}
.main[data-view="guidance"] #content .follow-state-cancelled{color:#919c96;background:#f1f3f2}
.main[data-view="guidance"] #content .management-expand{color:#aab7ae;line-height:24px;align-self:center}
.main[data-view="guidance"] #content .case-list-row .management-expand:after{font-size:20px}
@media(max-width:1200px){.main[data-view="guidance"] #content .management-workspace{grid-template-columns:1fr}.main[data-view="guidance"] #content .management-state-tabs{grid-area:1/1;padding:12px 16px 6px;min-height:auto}.main[data-view="guidance"] #content .management-tools{grid-area:2/1;padding:6px 16px 12px;justify-content:flex-start}.main[data-view="guidance"] #content .management-item-list{grid-area:3/1}}
@media(max-width:560px){.main[data-view="guidance"] #content>.collaboration-tabs{width:100%}.main[data-view="guidance"] #content>.collaboration-tabs>button{min-width:0;flex:1}.main[data-view="guidance"] #content .management-tools{flex-wrap:wrap}.main[data-view="guidance"] #content .management-tools form{flex:1;flex-wrap:wrap}.main[data-view="guidance"] #content .management-tools select{width:112px;min-width:112px;max-width:112px}.main[data-view="guidance"] #content .management-tools input{width:130px;flex:1;max-width:none}.main[data-view="guidance"] #content .management-unread{margin-left:2px}.main[data-view="guidance"] #content .case-list-row{padding:15px 12px;gap:9px}}