:root{--green:#0b7a4b;--deep:#053b2a;--mint:#e8f6ef;--line:#d5e7de;--text:#14251e;--muted:#65766f;--white:#fff;--shadow:0 18px 45px rgba(7,58,39,.13)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at top left,#f7fffb,#e6f4ed 45%,#dcefe6);}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px;background:linear-gradient(180deg,#053b2a,#0b7a4b);color:#fff;box-shadow:var(--shadow);z-index:5}.brand{display:flex;gap:12px;align-items:center;margin-bottom:30px}.mark{width:54px;height:54px;border-radius:18px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}h1,h2,h3{margin:0}.brand p,.hero p,.panel-head p{margin:6px 0 0;color:var(--muted)}.sidebar .brand p,.sidebar small{color:#ceeadc}nav{display:grid;gap:10px}nav a{padding:13px 14px;border-radius:15px;color:#eafff5;text-decoration:none;background:rgba(255,255,255,.07)}nav a:hover{background:rgba(255,255,255,.18)}.side-card{margin-top:18px;padding:18px;border-radius:22px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18)}.side-card span{display:block;font-size:13px;color:#cff2e0}.side-card strong{font-size:42px}.side-card button,.table-tools button{border:0;border-radius:12px;padding:10px 12px;font-weight:800;cursor:pointer}.muted{opacity:.85}main{padding:28px;overflow:hidden}.hero,.panel,.kpi-grid article,.notify{background:rgba(255,255,255,.72);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px);border-radius:28px}.hero{padding:26px;display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900;color:var(--green)}.hero h2{font-size:32px}.btn{border:0;border-radius:15px;padding:12px 18px;font-weight:900;cursor:pointer}.primary{background:linear-gradient(135deg,#0b7a4b,#06452f);color:white}.success{background:#e7fff2;color:#087345;border:1px solid #bfe9d2}.ghost{background:#fff;color:#0a5e3d;border:1px solid var(--line)}.dark{background:#153d31;color:#fff}.kpi-grid,.notify-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:20px 0}.kpi-grid article{padding:22px}.kpi-grid span,.notify span{font-weight:900;color:#6b7a73}.kpi-grid strong{display:block;font-size:38px;color:#073c2b;margin:10px 0}.kpi-grid .accent,.notify.hot{background:linear-gradient(135deg,#118455,#06452f);color:#fff}.kpi-grid .accent span,.kpi-grid .accent small,.notify.hot span,.notify.hot small,.notify.hot strong{color:#fff}.notify{padding:18px;cursor:pointer;transition:.2s}.notify:hover{transform:translateY(-4px)}.notify strong{display:block;font-size:30px;margin:8px 0;color:#063f2b}.panel{padding:22px;margin-bottom:22px}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.filters{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.filter-box{background:#fbfffd;border:1px solid var(--line);border-radius:18px;padding:13px}.filter-box h4{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#60746b}.check-list{max-height:160px;overflow:auto;display:grid;gap:7px}.check-list label{font-size:13px;display:flex;gap:7px;align-items:center}.filter-search{width:100%;padding:10px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px}.subfilters{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.table-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.table-tools button{background:#eef8f2;color:#0a5b3d;border:1px solid var(--line)}.excel-wrap{overflow:auto;max-height:680px;border:1px solid var(--line);border-radius:20px;background:white}.crm-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1250px;font-size:13px}.crm-table th{position:sticky;top:0;background:#0c6f49;color:#fff;text-align:left;padding:12px;z-index:1}.crm-table td{padding:12px;border-bottom:1px solid #eef3f0;max-width:230px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.crm-table tr:hover{background:#f4fbf7}.crm-table tr.selected{background:#e3f8ee}.select-cell{width:46px;text-align:center}.status{padding:6px 9px;border-radius:99px;background:#eff4f1;font-weight:800}.status.hot{background:#fff4d9;color:#8a5a00}.status.reached{background:#def8e9;color:#087345}.status.bad{background:#ffe8e8;color:#a11}.pill{padding:8px 12px;border-radius:99px;background:#e8f6ef;color:#075b3d;font-weight:900}.head-actions,.report-actions,.top-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.report-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.report-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;min-height:240px;max-height:650px;overflow:auto}.report-title{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}.detail-record{border:1px solid #edf4ef;border-radius:18px;padding:14px;margin:12px 0}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.field{padding:10px;border-radius:13px;background:#f8fcfa;color:#64766e;font-size:12px}.field strong{display:block;color:#17392d;margin-top:4px}.summary-row{display:flex;justify-content:space-between;border-bottom:1px solid #edf3ef;padding:12px 0}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.chart-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px}.bar-row{display:grid;grid-template-columns:120px 1fr 40px;gap:10px;align-items:center;margin:11px 0}.bar-track{height:10px;background:#eef5f1;border-radius:20px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#0e8a58,#0d4b35);border-radius:20px}.drawer{position:fixed;right:-480px;top:0;width:460px;max-width:92vw;height:100vh;background:#fff;box-shadow:-20px 0 60px rgba(0,0,0,.18);z-index:20;padding:26px;transition:.3s;overflow:auto}.drawer.open{right:0}.drawer-close{float:right;border:0;background:#eaf5ef;border-radius:12px;font-size:26px;width:42px;height:42px;cursor:pointer}.modal{position:fixed;inset:0;background:rgba(3,34,23,.55);display:none;place-items:center;z-index:30}.modal.open{display:grid}.modal-box{width:720px;max-width:94vw;background:#fff;border-radius:28px;padding:26px;box-shadow:var(--shadow)}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}label{font-weight:900;font-size:13px;color:#66766f}input,select,textarea{width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:14px;font:inherit}textarea{min-height:100px}.toast{position:fixed;bottom:24px;right:24px;background:#073c2b;color:#fff;padding:14px 18px;border-radius:18px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);transition:.25s;z-index:99}.toast.show{opacity:1;transform:none}.compact .crm-table td{padding:7px 10px}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.filters,.kpi-grid,.notify-grid,.analytics-grid,.report-layout{grid-template-columns:1fr}.subfilters,.detail-grid{grid-template-columns:1fr}.hero{display:block}.top-actions{margin-top:15px}}

/* Friendly advanced filter UX */
.filters{display:block}.friendly-filter-shell{display:grid;gap:16px}.filter-command{display:grid;grid-template-columns:1.1fr 1.5fr;gap:14px;align-items:center;background:linear-gradient(135deg,#fafffc,#eaf8f1);border:1px solid var(--line);border-radius:22px;padding:14px}.smart-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:0 14px;box-shadow:0 10px 25px rgba(7,58,39,.06)}.smart-search span{font-size:20px}.smart-search input{border:0;margin:0;padding:15px 0;outline:0}.filter-presets{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.filter-presets button,.active-filter-bar button,.mini-clear{border:1px solid var(--line);background:#fff;color:#0a5e3d;border-radius:999px;padding:9px 12px;font-weight:900;cursor:pointer}.filter-presets button:hover,.active-filter-bar button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(7,58,39,.1)}.active-filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:48px;background:#fff;border:1px dashed #badfce;border-radius:18px;padding:11px 13px;color:#61746b}.active-filter-bar strong{color:#073c2b}.active-filter-bar button{background:#e9fff3}.active-filter-bar .clear-all{background:#063f2b;color:#fff}.filter-group-card{background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:24px;padding:15px;box-shadow:0 12px 30px rgba(7,58,39,.07)}.filter-group-card.priority{background:linear-gradient(135deg,#fff,#f0fff7)}.filter-group-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.filter-group-title h4{margin:0;font-size:15px;color:#073c2b}.filter-group-title small{color:#678178;font-weight:800}.filter-group-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.filter-group-grid.three{grid-template-columns:repeat(3,1fr)}.filter-box.friendly{box-shadow:none;background:#fff;border-radius:20px;padding:12px}.filter-box-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.filter-box-top h4{margin-bottom:3px}.filter-box-top small,.option-note{color:#71857c}.mini-clear{font-size:11px;padding:7px 9px;background:#f5fbf8}.check-list label{justify-content:space-between;border:1px solid #edf4ef;background:#fbfffd;border-radius:12px;padding:8px 9px;transition:.18s}.check-list label:hover{background:#eefaf4;border-color:#bfe9d2}.check-list label span{flex:1}.check-list label em{font-style:normal;font-size:11px;background:#e8f6ef;color:#0a5e3d;border-radius:999px;padding:3px 7px;font-weight:900}.check-list input:checked+span{font-weight:900;color:#073c2b}@media(max-width:1300px){.filter-group-grid{grid-template-columns:repeat(2,1fr)}.filter-command{grid-template-columns:1fr}.filter-presets{justify-content:flex-start}}@media(max-width:760px){.filter-group-grid,.filter-group-grid.three{grid-template-columns:1fr}}

/* Polished checklist alignment + preset based filter system */
.pro-filter-shell{gap:18px}.pro-filter-command{position:sticky;top:10px;z-index:4;box-shadow:0 18px 45px rgba(7,58,39,.10)}.pro-smart-search{min-height:58px}.pro-smart-search input{font-weight:800}.filter-helper-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border:1px solid #d7eadf;background:rgba(255,255,255,.78);border-radius:18px;color:#60756b}.filter-helper-row strong{color:#063f2b}.filter-helper-row span{color:#71847b}.filter-stats{background:#063f2b;color:#fff;border-radius:999px;padding:9px 14px;font-weight:900;white-space:nowrap}.saved-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px 12px}.saved-presets span{font-weight:900;color:#60756b}.saved-presets button{border:1px solid var(--line);background:#f3fff8;color:#075b3d;border-radius:999px;padding:8px 11px;font-weight:900;cursor:pointer}.saved-presets .danger-lite{background:#fff1f1;color:#8f1111}.pro-group{padding:0;overflow:hidden}.pro-group summary{list-style:none;cursor:pointer;padding:16px 18px;margin:0;background:linear-gradient(135deg,#ffffff,#f2fff8);border-bottom:1px solid var(--line)}.pro-group summary::-webkit-details-marker{display:none}.pro-group summary span{display:block}.pro-group summary b{font-size:21px;color:#0c6f49;transition:.2s}.pro-group:not([open]) summary b{transform:rotate(-90deg)}.pro-group .filter-group-grid{padding:16px}.pro-filter-box{display:flex;flex-direction:column;min-height:300px;border-color:#dceee5}.filter-box-top{min-height:54px}.filter-box-top h4{line-height:1.2}.filter-mini-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.filter-mini-actions button{border:1px solid #d8eadf;background:#f7fffb;color:#0a5e3d;border-radius:12px;padding:8px 9px;font-size:12px;font-weight:900;cursor:pointer}.filter-mini-actions button:hover,.saved-presets button:hover{background:#eafff3}.pro-check-list{display:block;max-height:235px;overflow:auto;padding-right:3px}.pro-check-list .check-option{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;column-gap:10px;width:100%;min-height:42px;margin-bottom:7px;text-align:left}.pro-check-list .check-option input{width:18px;height:18px;margin:0;accent-color:#0b7a4b;justify-self:center}.pro-check-list .check-option .option-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25}.pro-check-list .check-option em{justify-self:end;min-width:34px;text-align:center}.pro-check-list .check-option:has(input:checked){background:#eafff3;border-color:#93d9b7;box-shadow:inset 4px 0 0 #0b7a4b}.active-filter-bar{position:relative}.active-filter-bar button{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-search{height:42px;background:#fcfffd}.filter-search:focus,.pro-smart-search:focus-within{border-color:#0b7a4b;box-shadow:0 0 0 4px rgba(11,122,75,.10)}
@media(max-width:900px){.filter-helper-row{align-items:flex-start;flex-direction:column}.filter-stats{white-space:normal}.pro-filter-command{position:relative;top:auto}.pro-check-list .check-option{grid-template-columns:22px minmax(0,1fr) auto}}

/* Professional client operation and follow-up workflow */
.notify.follow-hot{background:linear-gradient(135deg,#0a7a50,#053f2b);color:#fff;box-shadow:0 20px 45px rgba(10,122,80,.22)}
.notify.follow-hot small,.notify.follow-hot span{color:rgba(255,255,255,.9)}
.operation-panel{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(235,251,243,.96))}
.operation-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:18px}
.operation-cards article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 14px 30px rgba(7,58,39,.07)}
.operation-cards span{font-weight:900;color:#63776e}.operation-cards strong{display:block;font-size:34px;color:#073c2b;margin:7px 0}.operation-cards small{color:#6f8279}
.followup-list{display:grid;gap:10px}.followup-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #dceee5;border-radius:18px;padding:13px 15px}.followup-item b{color:#073c2b}.followup-item small{display:block;color:#72857d;margin-top:4px}.followup-item button{border:0;background:#0c6f49;color:#fff;border-radius:12px;padding:9px 12px;font-weight:900;cursor:pointer}.mini-action{padding:8px 10px;font-size:12px;white-space:nowrap}.drawer-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.operation-timeline{background:#f5fff9;border:1px solid #dceee5;border-radius:18px;padding:14px;margin:14px 0}.stepper{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.stepper span{padding:8px 11px;border-radius:999px;background:#edf5f1;color:#667a70;font-weight:900}.stepper span.done{background:#c8f1dd;color:#075b3d}.stepper span.active{background:#0c6f49;color:#fff}.wide-field{grid-column:1/-1}.operation-modal-box{width:820px}.crm-table td:nth-child(2),.crm-table td:nth-child(3){max-width:130px;overflow:visible}.status:empty{display:none}
@media(max-width:1100px){.operation-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.operation-cards{grid-template-columns:1fr}.followup-item{align-items:flex-start;flex-direction:column}.modal-grid{grid-template-columns:1fr}}

/* Assignment workflow pages */
.modal-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.workflow-page{min-height:100vh;background:radial-gradient(circle at top left,#f7fffb,#e6f4ed 45%,#dcefe6);padding:28px}.workflow-shell{max-width:1320px;margin:0 auto}.workflow-hero{background:rgba(255,255,255,.82);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;padding:26px;margin-bottom:20px;display:flex;justify-content:space-between;gap:18px;align-items:center}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.workflow-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 14px 35px rgba(7,58,39,.08)}.workflow-card span{font-weight:900;color:#677a71}.workflow-card strong{display:block;font-size:34px;color:#073c2b;margin-top:8px}.workflow-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.workflow-toolbar select,.workflow-toolbar input{max-width:250px;margin:0}.workflow-table-wrap{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:auto;box-shadow:var(--shadow)}.workflow-table{border-collapse:collapse;width:100%;min-width:1100px}.workflow-table th{background:#0c6f49;color:#fff;text-align:left;padding:13px}.workflow-table td{border-bottom:1px solid #edf4ef;padding:12px;vertical-align:top}.tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#e8f6ef;color:#075b3d;font-weight:900}.tag.pending{background:#fff5d9;color:#805700}.tag.accepted{background:#dcf8e8;color:#075b3d}.tag.cancelled{background:#ffe4e4;color:#921818}.tag.done{background:#e8eeff;color:#243f8f}.action-row{display:flex;gap:8px;flex-wrap:wrap}.small-btn{border:0;border-radius:11px;padding:8px 10px;font-weight:900;cursor:pointer}.small-btn.green{background:#0b7a4b;color:#fff}.small-btn.light{background:#e7fff2;color:#087345;border:1px solid #bfe9d2}.small-btn.red{background:#fff0f0;color:#991b1b;border:1px solid #ffd0d0}.small-btn.dark{background:#153d31;color:#fff}.billing-board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.bill-col{background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:0 14px 35px rgba(7,58,39,.06)}.bill-item{background:#fff;border:1px solid #e3f0e9;border-radius:18px;padding:13px;margin-top:10px}.bill-item b{display:block;color:#073c2b}.bill-item small{display:block;color:#687b73;margin-top:4px}@media(max-width:1000px){.workflow-grid,.billing-board{grid-template-columns:1fr}.workflow-hero{display:block}.workflow-toolbar select,.workflow-toolbar input{max-width:none;width:100%}}
/* Enhanced Operation Modal: aligned multi-select + nested workflow */
.enhanced-operation-modal{max-width:920px;width:min(92vw,920px)}
.hide-field{display:none!important}
.field-hint{display:block;color:#5f756d;font-weight:700;margin-top:3px;font-size:11px}
.multi-select-box{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:8px;margin-top:8px;padding:10px;border:1px solid rgba(0,92,56,.18);border-radius:16px;background:#f8fffb}
.multi-check{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:10px 12px;border:1px solid rgba(0,92,56,.16);border-radius:14px;background:#fff;cursor:pointer;min-height:42px;color:#0b3f2b;font-weight:800;line-height:1!important}
.multi-check input{width:16px;height:16px;accent-color:#08784b;flex:0 0 auto}
.multi-check span{white-space:nowrap}
.multi-check:has(input:checked){background:#dcfce7;border-color:#08784b;box-shadow:0 6px 18px rgba(0,96,60,.14)}
.selected-chip-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.mini-chip{background:#08784b;color:#fff;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:900;box-shadow:0 6px 14px rgba(0,96,60,.18)}
.muted-chip{background:#eaf5ef;color:#315e4d;box-shadow:none}
.workflow-stepper{overflow-x:auto;padding-bottom:4px}.workflow-stepper span{white-space:nowrap}
@media(max-width:800px){.multi-select-box{grid-template-columns:repeat(2,1fr)}.enhanced-operation-modal{width:95vw}.modal-grid{grid-template-columns:1fr!important}}

/* Product multi-select enhancement for Client Operation modal */
.product-select-box{grid-template-columns:repeat(3,minmax(160px,1fr));background:linear-gradient(135deg,#f7fffb,#ffffff);}
.product-check span{font-size:12px;line-height:1.25;}
.product-chip{background:#095f3e;}
.product-line{display:inline-block;margin-top:6px;color:#0b6b46;font-weight:800;background:#eefbf4;border:1px solid #caecd9;border-radius:999px;padding:4px 8px;}
@media(max-width:900px){.product-select-box{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.product-select-box{grid-template-columns:1fr}}

/* 2026 workflow usability fixes: scrollable modal + eye-view details */
.modal{padding:22px;overflow-y:auto;align-items:start;place-items:start center;}
.modal.open{display:grid;}
.modal-box{max-height:calc(100vh - 44px);overflow-y:auto;scrollbar-width:thin;}
.enhanced-operation-modal{max-height:calc(100vh - 44px);overflow-y:auto;padding-bottom:24px;}
.enhanced-operation-modal .modal-grid{align-items:start;}
.enhanced-operation-modal textarea{min-height:92px;resize:vertical;}
.task-view-box{width:min(920px,94vw);}
.task-subtitle{color:var(--muted);margin-top:6px;}
.task-view-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;}
.task-field{background:#f8fffb;border:1px solid var(--line);border-radius:16px;padding:12px;}
.task-field span{display:block;font-size:12px;color:#65766f;font-weight:900;margin-bottom:6px;}
.task-field strong{color:#123b2d;line-height:1.45;word-break:break-word;}
.task-note{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;margin-top:12px;}
.task-note b{color:#073c2b;}
.task-note p{margin:8px 0 0;line-height:1.6;color:#30463d;white-space:pre-wrap;}
.action-row .small-btn.light{background:#eefbf4;color:#075b3d;border:1px solid #bfe9d2;}
.action-row select{min-width:135px;}
.workflow-table td:nth-child(6){min-width:230px;}
@media(max-width:800px){.task-view-grid{grid-template-columns:1fr}.modal{padding:12px}.modal-box,.enhanced-operation-modal{max-height:calc(100vh - 24px)}}

/* Boss/CRO client operation modal upgrade */
.workflow-operation-box{width:min(960px,94vw);max-height:calc(100vh - 44px);overflow-y:auto;}
.workflow-operation-box .modal-grid{align-items:start;}
.workflow-operation-box textarea{min-height:96px;resize:vertical;}
.operation-log{border:1px solid #dceee5;background:#f8fffb;border-radius:14px;padding:10px 12px;margin-top:10px;}
.operation-log strong{display:block;color:#06452f;}
.operation-log small{display:block;color:#6a7b73;margin:4px 0 6px;}
.operation-log p{margin:0;color:#24352e;line-height:1.5;}
.product-select-box{max-height:230px;overflow:auto;}
.workflow-table td:last-child{min-width:250px;}
@media(max-width:800px){.workflow-operation-box{width:96vw}.workflow-operation-box .modal-grid{grid-template-columns:1fr!important}.workflow-table td:last-child{min-width:220px}}


/* Advanced CRM modal and workflow styling */
.advanced-modal{max-height:92vh;overflow-y:auto;scrollbar-width:thin;padding-bottom:92px!important}.advanced-modal .section-label{border:1px solid #cfe7db;border-radius:18px;padding:14px;background:linear-gradient(180deg,#fff,#f8fffb)}.contact-box{display:grid;gap:10px;margin:10px 0}.contact-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px}.contact-row input,.quotation-grid input,.quotation-grid textarea,.requirement-grid textarea{border:1px solid #cde2d7;border-radius:12px;padding:11px;font-weight:700}.requirement-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.requirement-grid textarea{grid-column:1/-1;min-height:70px}.saved-file-list,.quote-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.file-chip,.quote-item{background:#eefcf4;border:1px solid #bfe9d0;color:#064c32;border-radius:13px;padding:8px 10px;font-weight:800}.quote-item{display:grid;gap:4px}.product-group{border:1px solid #cae5d8;border-radius:16px;background:#fff;margin:8px 0;padding:8px}.product-group summary{font-weight:900;color:#00613c;cursor:pointer}.product-group-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:8px;margin-top:8px}.product-workflow-box{display:grid;gap:10px;margin-top:10px}.product-flow-row{display:grid;grid-template-columns:1.3fr 1fr 1.2fr 1.2fr 1.5fr;gap:8px;align-items:center;padding:10px;border:1px solid #cde8d9;border-radius:14px;background:#fff}.product-flow-row select,.product-flow-row input{border:1px solid #cde2d7;border-radius:12px;padding:10px;font-weight:700}.quotation-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;margin:10px 0}.quotation-grid textarea{min-height:72px}.sticky-actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.7),#fff);padding-top:14px;border-top:1px solid #d8eee2}.soft-note{color:#698074;font-weight:700}.workflow-operation-box,.task-view-box{max-height:90vh;overflow:auto}.approval-line{background:#fff7dc;border:1px solid #f0d179;border-radius:12px;padding:8px 10px;display:inline-flex;gap:8px;align-items:center;font-weight:900;color:#7a5200}@media(max-width:900px){.contact-row,.product-flow-row,.product-group-grid,.quotation-grid,.requirement-grid{grid-template-columns:1fr}.advanced-modal{width:96vw}}

/* Left-side eye view + priority filter polish */
.workflow-table th.view-head,.workflow-table td.eye-cell{width:78px;text-align:center;position:sticky;left:0;z-index:2;}
.workflow-table th.view-head{background:#075b3d;}
.workflow-table td.eye-cell{background:#ffffff;box-shadow:8px 0 14px rgba(7,58,39,.04);}
.eye-view-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #bfe9d2;background:#e7fff2;color:#075b3d;border-radius:999px;padding:8px 11px;font-weight:900;cursor:pointer;white-space:nowrap;box-shadow:0 8px 18px rgba(7,58,39,.08);}
.eye-view-btn:hover{transform:translateY(-1px);background:#d6ffe7;}
.eye-view-btn span{font-size:12px;}
#priorityFilter{border-color:#bfe9d2;font-weight:800;}

/* Follow-up reminder + contact feedback upgrades */
.advanced-modal{max-width:1060px!important;border-radius:26px!important;box-shadow:0 28px 80px rgba(0,48,32,.22)!important}.advanced-modal .modal-grid{gap:18px!important}.reminder-select-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;padding:12px;background:#f7fffb;border:1px solid #cbeedd;border-radius:18px}.contact-row-with-comment{display:grid!important;grid-template-columns:1.1fr 1fr 1fr auto!important;gap:10px!important;align-items:start!important;background:#fbfffd;border:1px solid #d7f1e5;border-radius:18px;padding:10px}.contact-row-with-comment .contact-comment{grid-column:1 / -1;min-height:70px;resize:vertical;border:1px solid #cae9dc;border-radius:14px;padding:12px;font-weight:600;background:#fff}.sticky-actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.78),#fff 40%);padding-top:14px;border-top:1px solid #e6f3ec}.task-field strong .reminder-date{color:#006b46}.operation-log .contact-feedback{display:block;margin-top:6px;padding:8px 10px;background:#f2fff8;border-radius:10px;color:#356050;font-weight:600}@media(max-width:760px){.contact-row-with-comment{grid-template-columns:1fr!important}.advanced-modal{max-width:96vw!important}}


/* Product-wise workflow navbar inside Client Operation modal */
.workflow-stage-navbar{position:sticky;top:0;z-index:8;display:flex;gap:10px;flex-wrap:wrap;padding:12px;margin:12px 0 14px;background:linear-gradient(135deg,#ffffff,#f0fff8);border:1px solid #bdebd5;border-radius:22px;box-shadow:0 10px 30px rgba(0,92,56,.08)}
.workflow-stage-navbar button{border:0;border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer;background:#fff;color:#064e3b;border:1px solid #caeadc;transition:.2s ease;box-shadow:0 4px 14px rgba(0,0,0,.04)}
.workflow-stage-navbar button:hover,.workflow-stage-navbar button.active{background:linear-gradient(135deg,#058b56,#01613d);color:#fff;transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,105,65,.22)}
.workflow-stage-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:8px 0 16px}
.workflow-stage-card{background:#fff;border:1px solid #c9eadb;border-radius:20px;padding:14px;box-shadow:0 8px 24px rgba(0,70,44,.06)}
.workflow-stage-card h4{margin:0 0 6px;color:#065f46;font-size:15px}.workflow-stage-card strong{font-size:24px;color:#012f22}.workflow-stage-card small{display:block;color:#64748b;margin-top:4px;line-height:1.35}.workflow-products{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.workflow-products span{font-size:11px;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:999px;padding:4px 8px;color:#166534;font-weight:700}.product-flow-row.is-focused{border-color:#10b981!important;background:linear-gradient(135deg,#f0fdf4,#fff)!important}.product-flow-row.is-hidden{display:none!important}
@media(max-width:760px){.workflow-stage-navbar{gap:6px}.workflow-stage-navbar button{padding:8px 10px;font-size:12px}.workflow-stage-summary{grid-template-columns:1fr}}

/* Hide old general workflow fields: workflow is now product-wise only */
.legacy-workflow-field{display:none!important}
.product-flow-row.is-focused{border-left:4px solid #087a49;background:#f8fffb}
.workflow-stage-navbar{position:sticky;top:0;z-index:5;background:#fff;padding:10px 0;display:flex;gap:8px;flex-wrap:wrap}
.workflow-stage-navbar button.active{background:#087a49;color:#fff;box-shadow:0 8px 20px rgba(8,122,73,.18)}

/* Product-wise workflow level visibility */
.product-flow-chip{display:inline-flex!important;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px!important;line-height:1.15;min-width:170px;background:#ecfdf5;border:1px solid #10b981;color:#064e3b}
.product-flow-chip b{font-size:12px;font-weight:800}
.product-flow-chip small{font-size:10px;font-weight:800;color:#047857;white-space:normal}
.current-flow-badge{display:block;margin-top:4px;font-size:10px;font-weight:800;color:#047857;background:#d1fae5;border:1px solid #86efac;border-radius:999px;padding:3px 8px;width:max-content;max-width:100%}

/* Final product workflow level view */
.workflow-stage-card-btn{cursor:pointer;text-align:left;background:#fff;border:1px solid #bfe8d4;transition:.2s ease;}
.workflow-stage-card-btn:hover,.workflow-stage-card-btn.active-stage-card{border-color:#05854d;box-shadow:0 12px 30px rgba(5,133,77,.14);transform:translateY(-1px)}
.workflow-stage-product-list{grid-column:1/-1;border:1px solid #bfe8d4;border-radius:20px;background:linear-gradient(180deg,#ffffff,#f5fff9);padding:16px;margin-top:2px;box-shadow:0 12px 32px rgba(1,65,38,.08)}
.stage-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.stage-list-head h3{margin:0;color:#004b2c;font-size:18px}.stage-list-head small{color:#60758b;font-weight:800}.stage-product-item{display:grid;grid-template-columns:1.2fr 1.4fr auto;gap:10px;align-items:center;border:1px solid #d7f3e4;background:#fff;border-radius:14px;padding:12px 14px;margin:8px 0}.stage-product-item b{color:#003d28}.stage-product-item span{color:#064b35;font-weight:800}.stage-product-item em{font-style:normal;background:#e7fff0;color:#057044;border:1px solid #91e9b8;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.stage-product-item small{grid-column:1/-1;color:#50647a}.stage-empty-note{margin:0}.legacy-workflow-field{display:none!important}@media(max-width:760px){.stage-product-item{grid-template-columns:1fr}.stage-list-head{align-items:flex-start;flex-direction:column}}