:root{
  --bg:#f5f6f8;
  --surface:#ffffff;
  --surface-soft:#f8f9fb;
  --sidebar:#111317;
  --sidebar-2:#181b20;
  --text:#17191d;
  --muted:#6f7680;
  --line:#e7e9ed;
  --line-strong:#d9dde3;
  --accent:#252a31;
  --success:#237a57;
  --warning:#a36914;
  --danger:#b54444;
  --info:#46698f;
  --radius:12px;
  --radius-sm:8px;
  --shadow:0 8px 30px rgba(17,19,23,.06);
  --sidebar-width:244px;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);background:var(--bg)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);padding:20px 14px 16px;color:#fff;display:flex;flex-direction:column}.sidebar-brand{display:flex;text-decoration:none;color:inherit;align-items:center;gap:11px;padding:0 8px 22px}.sidebar-brand .brand-mark{width:32px;height:32px;border-radius:9px;background:#fff;color:#111317;display:grid;place-items:center;font-weight:800}.sidebar-brand strong{display:block;font-size:15px;line-height:1.15}.sidebar-brand span{display:block;color:#8f96a1;font-size:10px;letter-spacing:.16em;margin-top:3px}.sidebar-section-label{font-size:10px;letter-spacing:.12em;color:#6f7680;padding:12px 10px 8px}.main-menu{display:grid;gap:3px}.menu-item{height:42px;display:flex;align-items:center;gap:11px;padding:0 11px;color:#aab0ba;text-decoration:none;border-radius:9px;font-size:13px;font-weight:500}.menu-item:hover{background:#171a1f;color:#fff}.menu-item.active{background:#20242b;color:#fff}.menu-icon{width:17px;height:17px;display:grid;place-items:center}.menu-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar-bottom{margin-top:auto;border-top:1px solid #24272d;padding-top:12px}.sidebar-utility{width:100%;border:0;background:transparent;color:#8f96a1;display:flex;align-items:center;gap:10px;padding:9px;border-radius:8px}.sidebar-utility:hover{background:#171a1f;color:#fff}.utility-icon{width:22px;height:22px;border:1px solid #343943;border-radius:50%;display:grid;place-items:center}.workspace{min-width:0}.topbar{height:64px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:50}.company-picker{display:flex;align-items:center;gap:9px}.company-picker select{appearance:none;border:0;background:transparent;font-weight:600;color:var(--text);padding:7px 22px 7px 0;outline:0;background-image:linear-gradient(45deg,transparent 50%,#737984 50%),linear-gradient(135deg,#737984 50%,transparent 50%);background-position:calc(100% - 8px) 50%,calc(100% - 4px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.company-dot{width:8px;height:8px;border-radius:50%;background:#5b806e}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-icon{border:0;background:transparent;width:34px;height:34px;border-radius:8px;color:#606771;font-size:19px}.topbar-icon:hover{background:#f0f2f5}.user-menu{display:flex;align-items:center;gap:9px;border-left:1px solid var(--line);padding-left:14px}.user-meta{display:grid}.user-meta strong{font-size:12px}.user-meta span{font-size:10px;color:var(--muted);margin-top:1px}.chevron{border:0;background:transparent;color:#777d87}.page-content{padding:28px 30px 48px;max-width:1600px;margin:0 auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;letter-spacing:.15em;color:#8a9098;font-weight:700;margin-bottom:7px}.page-head h1{font-size:25px;line-height:1.2;margin:0;font-weight:680;letter-spacing:-.025em}.page-head p{margin:8px 0 0;color:var(--muted);font-size:13px}.page-actions{display:flex;gap:8px}.section-gap{margin-top:22px}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.panel,.kpi-card,.state-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 1px rgba(17,19,23,.015)}.panel{padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.panel-head h2{font-size:14px;margin:0;font-weight:650}.panel-head p{font-size:11.5px;color:var(--muted);margin:4px 0 0}.kpi-card{padding:18px 19px}.kpi-label{font-size:11px;color:var(--muted);font-weight:550}.kpi-value{font-size:27px;font-weight:680;letter-spacing:-.035em;margin-top:8px}.kpi-foot{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:10.5px;color:#8a9098}.trend-up{color:var(--success);font-weight:650}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot-warning{background:var(--warning)}.dot-danger{background:var(--danger)}@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.page-content{padding:18px 14px}.topbar{padding:0 14px}.page-head{display:grid}.grid-4{grid-template-columns:1fr}.user-meta{display:none}}

.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:var(--bg)}
.auth-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow)}
.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:32px}
.auth-brand .brand-mark{width:34px;height:34px;border-radius:9px;background:#17191d;color:#fff;display:grid;place-items:center;font-weight:800}
.auth-brand strong{display:block;font-size:15px;line-height:1.15}
.auth-brand span{display:block;color:#8f96a1;font-size:10px;letter-spacing:.16em;margin-top:3px}
.auth-copy h1{font-size:23px;line-height:1.2;margin:0;font-weight:680;letter-spacing:-.025em}
.auth-copy p{font-size:12px;color:var(--muted);margin:8px 0 0}
.auth-form{display:grid;gap:14px;margin-top:24px}
.auth-submit{width:100%;height:40px;margin-top:4px}
.auth-error{min-height:18px;color:var(--danger);font-size:10.5px}
.state-card-flat{box-shadow:none;border:0;background:transparent;padding:10px 0}


/* ===== GLOBAL COMPONENTS (merged) ===== */
.btn{height:36px;border-radius:8px;padding:0 13px;border:1px solid transparent;font-size:11.5px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.15s ease}.btn-primary{background:#1b1e23;color:#fff;border-color:#1b1e23}.btn-primary:hover{background:#000}.btn-secondary{background:#fff;color:#252a31;border-color:#dce0e6}.btn-secondary:hover{background:#f7f8fa}.btn-ghost{background:transparent;color:#555c66}.btn-ghost:hover{background:#f0f2f4}.btn-danger{background:#fff5f5;color:#a43f3f;border-color:#efd4d4}.btn-danger:hover{background:#fdeeee}.icon-btn{width:32px;height:32px;border:1px solid var(--line);background:#fff;border-radius:8px;color:#68707a;display:grid;place-items:center}.icon-btn:hover{background:#f6f7f9}.demo-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.demo-stack{display:grid;gap:16px}.divider{height:1px;background:var(--line)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.span-2{grid-column:span 2}.field{display:grid;gap:6px}.field>span{font-size:10.5px;color:#676e78;font-weight:600}.field input,.field select,.field textarea,.filter-shell input,.filter-shell select{width:100%;border:1px solid #dfe3e8;background:#fff;color:var(--text);border-radius:8px;outline:0;transition:border .15s,box-shadow .15s}.field input,.field select{height:38px;padding:0 11px}.field textarea{padding:10px 11px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.filter-shell input:focus,.filter-shell select:focus{border-color:#aeb5bf;box-shadow:0 0 0 3px rgba(45,51,59,.06)}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.check{display:flex;align-items:center;gap:8px;font-size:11.5px}.switch{display:flex;align-items:center;gap:8px;font-size:11px}.switch input{display:none}.switch span{width:32px;height:18px;border-radius:999px;background:#cfd4da;position:relative}.switch span:after{content:"";width:14px;height:14px;position:absolute;top:2px;left:2px;border-radius:50%;background:#fff;transition:.15s}.switch input:checked+span{background:#343a42}.switch input:checked+span:after{left:16px}.switch em{font-style:normal;color:#666d77}.badge{display:inline-flex;align-items:center;height:23px;padding:0 8px;border-radius:999px;font-size:9.5px;font-weight:650;border:1px solid transparent}.badge-neutral{background:#f3f4f6;color:#656b74;border-color:#e5e7eb}.badge-success{background:#edf7f2;color:#276c50;border-color:#d6eadf}.badge-warning{background:#fff7e9;color:#8d611e;border-color:#f0e2c2}.badge-danger{background:#fff0f0;color:#9b4242;border-color:#eed4d4}.badge-info{background:#eef4fb;color:#476787;border-color:#d7e4f1}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-flex;height:22px;align-items:center;padding:0 8px;border-radius:6px;background:#f4f5f7;color:#656c75;font-size:9.5px}.avatar{width:34px;height:34px;border-radius:10px;background:#22262c;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:700;flex:0 0 auto}.avatar-soft{background:#eef0f3;color:#4e555f}.avatar-xs{width:29px;height:29px;border-radius:8px;font-size:9px}.avatar-lg{width:48px;height:48px;border-radius:12px;font-size:13px}.avatar-line{display:flex;align-items:center;gap:10px}.avatar-line>div:last-child{display:grid}.avatar-line strong{font-size:11.5px}.avatar-line small{font-size:10px;color:var(--muted);margin-top:2px}.filter-shell{display:grid;grid-template-columns:minmax(240px,2fr) repeat(5,minmax(120px,1fr)) auto;gap:8px}.filter-shell input,.filter-shell select{height:36px;padding:0 10px;font-size:11px}.search-field{position:relative}.search-field span{position:absolute;left:10px;top:7px;color:#8b919a}.search-field input{padding-left:30px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px}.data-table{border-collapse:collapse;width:100%;min-width:880px}.data-table th{background:#fafbfc;color:#858b94;font-size:9.5px;letter-spacing:.04em;font-weight:650;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}.data-table td{padding:11px 12px;border-bottom:1px solid #eef0f2;font-size:11px;color:#505761}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfcfd}.entity-cell{display:flex;align-items:center;gap:9px}.entity-cell>div:last-child{display:grid}.entity-cell strong{font-size:11px;color:#25292f}.entity-cell small{font-size:9.5px;color:#8a9099;margin-top:2px}.table-foot{display:flex;align-items:center;justify-content:space-between;padding-top:13px;font-size:10px;color:#858b94}.pagination{display:flex;gap:4px}.pagination button{min-width:29px;height:29px;border-radius:7px;border:1px solid var(--line);background:#fff;color:#616872;font-size:10px}.pagination button.active{background:#22262c;color:#fff;border-color:#22262c}.pagination button:disabled{opacity:.4}.segmented{display:inline-flex;background:#f3f4f6;border-radius:8px;padding:3px}.segmented button{border:0;background:transparent;padding:5px 9px;border-radius:6px;color:#737a84;font-size:10px}.segmented button.active{background:#fff;color:#272b31;box-shadow:0 1px 3px rgba(0,0,0,.06)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line)}.tabs button{border:0;background:transparent;padding:10px 11px 11px;color:#787f88;font-size:10.5px;border-bottom:2px solid transparent}.tabs button.active{color:#23272d;border-bottom-color:#23272d;font-weight:650}.tabs button span{margin-left:5px;background:#f1f2f4;padding:1px 5px;border-radius:999px;font-size:9px}.tab-demo{padding-top:17px}.tab-demo h3{font-size:12px;margin:0 0 14px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.info-grid>div{padding:11px;background:#f8f9fa;border-radius:8px;display:grid}.info-grid small{font-size:9px;color:#8a9099}.info-grid strong{font-size:11px;margin-top:4px}.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:14px 1fr;gap:9px;position:relative;padding-bottom:17px}.timeline-item:not(:last-child):before{content:"";position:absolute;left:5px;top:12px;bottom:0;width:1px;background:#e0e3e7}.timeline-dot{width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid #757c86;z-index:1;margin-top:2px}.timeline-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.timeline-meta strong{font-size:10.5px}.timeline-meta time{font-size:9px;color:#979da5}.timeline-item p{font-size:10.5px;color:#666d76;margin:4px 0 7px;line-height:1.5}.state-card{padding:26px 20px;text-align:center}.state-icon{width:38px;height:38px;border-radius:12px;background:#eef4f0;color:#397259;display:grid;place-items:center;margin:0 auto 12px;font-weight:800}.state-icon-danger{background:#fff1f1;color:#a44646}.state-card h3{font-size:12px;margin:0}.state-card p{font-size:10.5px;color:#7d838c;line-height:1.5;margin:7px auto 14px;max-width:260px}.spinner{width:30px;height:30px;border:2px solid #e5e7eb;border-top-color:#454b53;border-radius:50%;margin:4px auto 16px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.overlay{position:fixed;inset:0;background:rgba(16,18,21,.35);display:grid;place-items:center;padding:20px;z-index:1000;backdrop-filter:blur(3px)}.modal{width:min(560px,100%);max-height:90vh;background:#fff;border-radius:13px;box-shadow:0 24px 70px rgba(0,0,0,.17);overflow:auto}.modal-lg{max-width:760px}.modal-head{height:57px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-head h3{font-size:13px;margin:0}.close-btn{border:0;background:transparent;color:#737a84;font-size:20px}.modal-body{padding:18px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.confirm-text{font-size:11.5px;color:#626973;line-height:1.6}.drawer-overlay{place-items:stretch end;padding:0}.drawer{width:min(460px,100%);height:100%;background:#fff;box-shadow:-18px 0 50px rgba(0,0,0,.1)}.drawer-body{padding:20px}.drawer-profile{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}.drawer-profile h3{margin:0;font-size:14px}.drawer-profile p{margin:4px 0 0;font-size:10px;color:var(--muted)}.info-list{display:grid;margin-top:10px}.info-list>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #eef0f2}.info-list span{font-size:10px;color:#8a9098}.info-list strong{font-size:10.5px}.toast-root{position:fixed;right:20px;bottom:20px;z-index:2000;display:grid;gap:8px}.toast{min-width:260px;background:#1c2025;color:#fff;border-radius:9px;padding:11px 13px;display:flex;align-items:center;gap:9px;font-size:10.5px;box-shadow:0 12px 35px rgba(0,0,0,.16);opacity:0;transform:translateY(8px);transition:.18s}.toast.show{opacity:1;transform:none}.toast-dot{width:7px;height:7px;border-radius:50%;background:#7d8590}.toast-success .toast-dot{background:#5ca07d}.toast-error .toast-dot{background:#cc6a6a}@media(max-width:1200px){.filter-shell{grid-template-columns:repeat(3,minmax(140px,1fr))}.search-field{grid-column:span 2}}@media(max-width:700px){.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.filter-shell{grid-template-columns:1fr}.search-field{grid-column:span 1}}


/* ===== modules/customer-360/index.js ===== */
.c360{display:grid;gap:16px}.c360-head{display:flex;justify-content:space-between;align-items:end;gap:16px}.c360-head h1{margin:0;font-size:23px}.c360-head p{margin:4px 0 0;color:#6f7783;font-size:11px}.c360-tools{display:flex;gap:8px;align-items:center}
.c360-btn{height:38px;border:1px solid #dce1e6;border-radius:9px;background:#fff;padding:0 13px;font-size:10px;font-weight:800;cursor:pointer}.c360-btn.primary{background:#17191f;color:#fff;border-color:#17191f}.c360-btn:disabled{opacity:.55;cursor:not-allowed}
.c360-c{height:38px;border:1px solid #dce1e6;border-radius:9px;padding:0 10px;background:#fff;font-size:11px;min-width:0}
.c360-filter-card{background:#fff;border:1px solid #e2e5e9;border-radius:14px;overflow:hidden}.c360-tabs{display:flex;gap:4px;padding:6px;border-bottom:1px solid #e6e9ed;overflow:auto}.c360-tab{border:0;background:transparent;padding:8px 11px;border-radius:8px;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer}.c360-tab.active{background:#17191f;color:#fff}
.c360-filter{padding:12px;display:grid;grid-template-columns:minmax(260px,1.55fr) 1fr 1fr 1fr 1fr 1fr auto;gap:8px;align-items:end}.c360-f{display:grid;gap:5px}.c360-f>span{font-size:8px;font-weight:850;letter-spacing:.08em;color:#737c88;text-transform:uppercase}.c360-filter-bottom{padding:0 12px 12px;display:flex;justify-content:space-between;align-items:center}.c360-filter-bottom span{font-size:9px;color:#8a929d}
.c360-card{background:#fff;border:1px solid #e2e5e9;border-radius:14px;overflow:hidden}.c360-cardhead{padding:13px 14px;border-bottom:1px solid #e7e9ec;display:flex;justify-content:space-between;align-items:center}.c360-cardhead small{display:block;color:#7f8791;margin-top:3px}.c360-rowopts{display:flex;align-items:center;gap:8px;font-size:9px;color:#717985}.c360-rowopts button{border:0;background:transparent;font-weight:800;padding:6px 8px;border-radius:7px}.c360-rowopts button.active{background:#eef0f3}
.c360-table{width:100%;border-collapse:collapse}.c360-table th{padding:9px 11px;background:#fafafa;text-align:left;font-size:8px;color:#808893;letter-spacing:.08em;white-space:nowrap}.c360-table td{padding:11px;border-top:1px solid #eef0f2;font-size:10px;vertical-align:top}.c360-table tr[data-id]{cursor:pointer}.c360-table tr[data-id]:hover td{background:#fafbfc}.sync-linked{background:#e8f5ed;color:#237a46}.sync-lead{background:#fff2d8;color:#8a5b00}
.c360-pager{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-top:1px solid #e7e9ec}.c360-pager-info{font-size:9px;color:#7d8590}.c360-pager-btns{display:flex;gap:6px}.c360-pager-btns button{height:32px;border:1px solid #dce1e6;border-radius:8px;background:#fff;padding:0 10px;font-size:9px;font-weight:800}.c360-pager-btns button:disabled{opacity:.45}
.c360-d{height:100%;display:flex;flex-direction:column}.c360-scroll{flex:1;min-height:0;overflow-y:auto;padding:24px 26px;overscroll-behavior:contain}.c360-sec{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #e7eaed}.c360-sec h4{font-size:9px;letter-spacing:.08em;color:#66707b;margin:0 0 8px}.c360-profile{display:flex;justify-content:space-between;gap:12px}.c360-profile h2{margin:0;font-size:18px}.c360-profile p{margin:4px 0;color:#7b838d;font-size:10px}.c360-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.box{border:1px solid #e1e5e9;border-radius:9px;padding:9px}.box small{display:block;font-size:8px;color:#7d8590}
.ev p{font-size:10px;white-space:pre-wrap;margin:4px 0}
.c360-actions{flex:0 0 auto;padding:14px 18px;border-top:1px solid #e5e8eb;background:#fff;display:grid;grid-template-columns:auto auto auto auto auto minmax(120px,auto);gap:8px;justify-content:end;align-items:center;box-shadow:0 -8px 22px rgba(20,24,32,.035)}
.c360-actions .c360-btn{height:40px;padding:0 14px;border-radius:9px;white-space:nowrap;min-width:104px}
.c360-actions .c360-btn[data-a="edit"]{min-width:112px}
.c360-actions .c360-btn.primary{min-width:130px}
@media(max-width:1050px){.c360-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.c360-actions .c360-btn{width:100%;min-width:0!important}}
.c360-modal{position:fixed;inset:0;z-index:2147483646;background:rgba(17,19,24,.48);display:flex;align-items:center;justify-content:center;padding:22px}.c360-mcard{width:min(660px,96vw);max-height:90dvh;overflow:hidden;background:#fff;border-radius:15px;display:flex;flex-direction:column}.c360-mh,.c360-mf{padding:13px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between}.c360-mf{border:0;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:7px}.c360-mb{padding:16px;overflow:auto}.form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.f.full{grid-column:1/-1}.f span{font-size:8px;font-weight:850;color:#747d89}.f input,.f select,.f textarea{border:1px solid #dce1e7;border-radius:8px;padding:9px;font:inherit}.f textarea{min-height:90px}
html.c360-lock,body.c360-lock{overflow:hidden!important;height:100%!important}.c360-overlay{z-index:30000!important}.c360-overlay .drawer{width:min(900px,74vw)!important;max-width:900px!important;min-width:min(740px,100vw)!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.c360-overlay .drawer-body{flex:1!important;min-height:0!important;overflow:hidden!important;padding:0!important;display:flex!important;flex-direction:column!important}.c360-d{flex:1!important;min-height:0!important;overflow:hidden!important}
@media(max-width:1300px){.c360-filter{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.c360-overlay .drawer{width:100vw!important;max-width:100vw!important;min-width:0!important}}@media(max-width:800px){.c360-filter{grid-template-columns:1fr 1fr}.c360-grid{grid-template-columns:1fr 1fr}.c360-tools{flex-wrap:wrap}}


/* ===== modules/dashboard/index.js ===== */
.db{display:grid;gap:16px;min-width:0}.head{display:flex;justify-content:space-between;align-items:end;gap:14px}.kick{font-size:8px;font-weight:850;letter-spacing:.12em;color:#89919b;margin-bottom:7px}.head h1{margin:0;font-size:23px}.head p{margin:4px 0;color:#747c87;font-size:11px}.tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.periods{display:flex;gap:4px;padding:5px;background:#f2f4f6;border:1px solid #e1e5e9;border-radius:11px}.period{border:0;background:transparent;padding:8px 10px;border-radius:8px;font-size:9px;font-weight:800;cursor:pointer}.period.active{background:#17191f!important;color:#fff!important}.custom{display:none;gap:5px;align-items:center}.custom.show{display:flex}.custom input{height:38px;border:1px solid #dce1e6;border-radius:8px;padding:0 8px;font-size:10px}
.owner-summary{background:#17191f;color:#fff;border-radius:16px;padding:16px 18px;display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:12px;align-items:center}.owner-summary h2{font-size:15px;margin:0}.owner-summary p{font-size:9px;color:#bcc2ca;margin:4px 0 0}.os{border-left:1px solid #363a42;padding-left:14px}.os small{font-size:8px;color:#aeb5bf;letter-spacing:.08em;font-weight:800}.os b{display:block;font-size:18px;margin-top:5px}
.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.kpi{background:#fff;border:1px solid #e2e5e9;border-radius:12px;padding:12px;cursor:pointer}.kpi span{display:block;font-size:8px;color:#858d97;margin-top:3px}
.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.panel{background:#fff;border:1px solid #e2e5e9;border-radius:14px;overflow:hidden}.ph{padding:13px 14px;border-bottom:1px solid #e7e9ec;display:flex;justify-content:space-between}.ph b{font-size:11px}.ph span{font-size:9px;color:#7f8791}.pb{padding:13px}.stage{display:grid;grid-template-columns:100px 1fr 110px;gap:8px;align-items:center;margin:9px 0}.stage label{font-size:9px;font-weight:800}.bar{height:9px;background:#eef0f2;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:#17191f;border-radius:999px}.stage em{font-size:9px;font-style:normal;text-align:right;color:#747c87}
.item{padding:9px 0;border-bottom:1px solid #eef0f2}.item:last-child{border:0}.item .top{display:flex;justify-content:space-between;gap:10px}.item b{font-size:10px}.item time,.item span{font-size:8px;color:#818995}.item p{font-size:9px;color:#656d78;margin:4px 0}.staff{width:100%;border-collapse:collapse}.staff th{font-size:8px;text-align:left;color:#7d8590;background:#fafafa;padding:8px}.staff td{font-size:9px;padding:9px 8px;border-top:1px solid #eef0f2}.source{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #eef0f2;font-size:9px}.source b{font-size:10px}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick a{background:#fff;border:1px solid #e2e5e9;border-radius:11px;padding:11px;text-decoration:none;color:#20242b;font-size:10px;font-weight:800}.quick a span{display:block;font-size:8px;font-weight:400;color:#838b96;margin-top:4px}
.trend{height:150px;display:flex;align-items:end;gap:5px;border-bottom:1px solid #e3e6ea;padding-top:12px}.trend .day{flex:1;min-width:5px;background:#17191f;border-radius:3px 3px 0 0;position:relative}.trend .day:hover:after{content:attr(data-tip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#17191f;color:#fff;padding:5px 7px;border-radius:6px;font-size:8px;white-space:nowrap;z-index:5}
@media(max-width:1200px){.kpis{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1fr}.owner-summary{grid-template-columns:1fr 1fr 1fr}.owner-summary>div:first-child{grid-column:1/-1}.os{border-left:0;border-top:1px solid #363a42;padding:10px 0 0}}
@media print{body *{visibility:hidden!important}.db,.db *{visibility:visible!important}.db{position:absolute;inset:0;background:#fff!important}.tools,.quick,#follow-panel,#tasks-panel,#recent-panel{display:none!important}.owner-summary{background:#fff!important;color:#111!important;border:1px solid #bbb}.owner-summary p,.os small{color:#555!important}.grid{grid-template-columns:1fr}.panel{break-inside:avoid}.kpi{break-inside:avoid}}


/* ===== modules/lead-inbox/index.js ===== */
.li{display:grid;gap:16px}
.li-head{display:flex;justify-content:space-between;align-items:end;gap:16px}
.li-head h1{margin:0;font-size:23px;color:#191c22}
.li-head p{margin:4px 0 0;color:#747c87;font-size:11px}
.li-kicker{font-size:8px;font-weight:850;letter-spacing:.12em;color:#89919b;margin-bottom:7px}
.btn{height:38px;border:1px solid #dce1e6;border-radius:9px;background:#fff;padding:0 13px;font-weight:800;font-size:10px;cursor:pointer}
.btn.primary{background:#17191f;color:#fff;border-color:#17191f}
.btn.soft{background:#f7f8fa}
.btn:disabled{opacity:.5}
.li-toolbar{display:flex;gap:8px;align-items:center}
.tabs-wrap{background:#fff;border:1px solid #e2e5e9;border-radius:14px;overflow:hidden}
.tabs{display:flex;gap:4px;padding:6px;border-bottom:1px solid #e6e9ed;overflow:auto}
.tab{border:0;background:transparent;padding:8px 11px;border-radius:8px;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer;color:#59616d}
.tab.active{background:#17191f!important;color:#fff!important}.tab.active *{color:#fff!important}.tab.active:hover,.tab.active:focus,.tab.active:active{background:#17191f!important;color:#fff!important}
.filter{padding:12px;display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(180px,.8fr) minmax(150px,.7fr) auto;gap:8px;align-items:end}
.f span{font-size:8px;font-weight:850;letter-spacing:.08em;color:#737c88;text-transform:uppercase}

.filter-meta{padding:0 12px 12px;display:flex;justify-content:space-between;align-items:center}
.filter-meta span{font-size:9px;color:#89919b}
.card{background:#fff;border:1px solid #e2e5e9;border-radius:14px;overflow:hidden}
.cardhead{padding:13px 14px;border-bottom:1px solid #e7e9ec;display:flex;justify-content:space-between;align-items:center}
.cardhead b{font-size:12px}.cardhead small{display:block;color:#7f8791;margin-top:3px}

.table th{background:#fafafa;padding:9px 11px;text-align:left;font-size:8px;color:#7d8590;letter-spacing:.08em;white-space:nowrap}
.table td{padding:11px;border-top:1px solid #eef0f2;font-size:10px;vertical-align:top}
.table tr:hover td{background:#fafbfc}
.main{font-weight:800;color:#23272e}


.pill.new{background:#fff2d8;color:#8a5b00}
.pill.assigned{background:#e8eefc;color:#3157a5}

.pill.missed{background:#fee8e8;color:#a92828}
.actions{display:flex;gap:6px;align-items:center;justify-content:flex-end}
.actions .c{max-width:170px;height:34px;font-size:10px}
.actions .btn{height:34px;padding:0 10px}
.match-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800}
.match-dot{width:7px;height:7px;border-radius:50%;background:#c7ccd2}
.match-dot.ok{background:#2e8b57}.match-dot.warn{background:#c58b11}
.li-empty{padding:34px;text-align:center;color:#7d8590}
.limodal{position:fixed;inset:0;z-index:2147483646;background:rgba(17,19,24,.48);display:flex;align-items:center;justify-content:center;padding:22px}
.limcard{width:min(680px,96vw);max-height:90dvh;background:#fff;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 28px 90px rgba(17,19,24,.28)}
.limh,.limf{padding:13px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}
.limf{border-bottom:0;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:7px}
.limb{padding:18px;overflow:auto}
.liform{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lif{display:grid;gap:5px}.lif.full{grid-column:1/-1}
.lif span{font-size:8px;font-weight:850;color:#747d89;letter-spacing:.08em}
.lif input,.lif select,.lif textarea{border:1px solid #dce1e7;border-radius:9px;padding:10px;font:inherit}
.lif textarea{min-height:92px;resize:vertical}
html.li-lock,body.li-lock{overflow:hidden!important;height:100%!important}
@media(max-width:1100px){.filter{grid-template-columns:1fr 1fr 1fr}.actions{flex-wrap:wrap}}
@media(max-width:760px){.filter{grid-template-columns:1fr 1fr}.li-head{align-items:flex-start;flex-direction:column}.li-toolbar{width:100%}.li-toolbar .btn{flex:1}.actions{justify-content:flex-start}.liform{grid-template-columns:1fr}}


/* ===== modules/opportunities/index.js ===== */
.opp{display:grid;gap:16px;min-width:0;max-width:100%;overflow:hidden}.opp-head{display:flex;justify-content:space-between;align-items:end;gap:14px}.opp-kicker{font-size:8px;font-weight:850;letter-spacing:.12em;color:#89919b;margin-bottom:7px}.opp-head h1{margin:0;font-size:23px}.opp-head p{margin:4px 0;color:#747c87;font-size:11px}.opp-tools{display:flex;gap:7px}.btn{height:38px;border:1px solid #dce1e6;border-radius:9px;background:#fff;padding:0 13px;font-size:10px;font-weight:800;cursor:pointer}.btn.primary{background:#17191f!important;color:#fff!important;border-color:#17191f}
.opp-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.kpi{background:#fff;border:1px solid #e2e5e9;border-radius:12px;padding:12px}.kpi small{font-size:8px;color:#808894;font-weight:850;letter-spacing:.08em}.kpi b{display:block;font-size:19px;margin-top:5px}
.filter-card{background:#fff;border:1px solid #e2e5e9;border-radius:14px;padding:12px;min-width:0;max-width:100%}.filter{display:grid;grid-template-columns:minmax(240px,1.5fr) 1fr 1fr 1fr 1fr auto;gap:8px;align-items:end}.f{display:grid;gap:5px}.f span{font-size:8px;font-weight:850;letter-spacing:.08em;color:#737c88}.c{height:38px;border:1px solid #dce1e6;border-radius:9px;padding:0 10px;background:#fff;min-width:0;font-size:11px}
.opp-board-shell{min-width:0;max-width:100%;overflow:hidden}
.kanban-wrap{width:100%;max-width:100%;overflow-x:auto!important;overflow-y:hidden;padding:2px 2px 10px;overscroll-behavior-x:contain;scrollbar-gutter:stable}
.kanban{display:grid;grid-template-columns:repeat(8,270px);gap:10px;width:max-content;min-width:max-content}
.opp-board-shell.fullscreen{position:fixed;inset:0;z-index:2147483645;background:#f5f6f8;padding:14px;display:flex;flex-direction:column;overflow:hidden}
.opp-board-shell.fullscreen .kanban-wrap{flex:1;min-height:0;overflow:auto!important;background:#f5f6f8}
.opp-board-shell.fullscreen .kanban{min-height:100%}
.opp-full-head{display:none}
.opp-board-shell.fullscreen .opp-full-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 12px}
.opp-board-shell.fullscreen .opp-full-head b{font-size:15px}
html.opp-full-lock,body.opp-full-lock{overflow:hidden!important;height:100%!important}.col{background:#f6f7f8;border:1px solid #e2e5e9;border-radius:13px;min-height:420px;overflow:hidden}.colhead{padding:11px;border-bottom:1px solid #e1e4e8;display:flex;justify-content:space-between;align-items:center}.colhead b{font-size:10px}.colhead span{font-size:9px;color:#7e8691}.drop{padding:8px;min-height:365px}.drop.dragover{background:#eef1f4}.opp-card{background:#fff;border:1px solid #e1e5e9;border-radius:10px;padding:10px;margin-bottom:8px;cursor:pointer;box-shadow:0 1px 2px #00000008}.opp-card:hover{border-color:#cbd1d8}.opp-card h3{font-size:11px;margin:0 0 4px}.sub{font-size:9px;color:#7f8791}.amount{font-size:14px;font-weight:850;margin:9px 0}.foot{display:flex;justify-content:space-between;gap:7px;align-items:end}.pill{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f1f3f5;font-size:8px;font-weight:800}.hot{background:#fee8e8;color:#a92828}.over{color:#a92828;font-weight:800}
.list{background:#fff;border:1px solid #e2e5e9;border-radius:14px;overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{padding:9px 11px;text-align:left;background:#fafafa;font-size:8px;color:#7d8590}.table td{padding:11px;border-top:1px solid #eef0f2;font-size:10px}.table tr[data-id]{cursor:pointer}.table tr[data-id]:hover td{background:#fafbfc}
.od{height:100%;display:flex;flex-direction:column;overflow:hidden}.od-scroll{flex:1;min-height:0;overflow:auto;padding:22px 24px}.sec{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #e7eaed}.sec h4{font-size:9px;color:#69717c;letter-spacing:.08em;margin:0 0 9px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.od-actions{padding:13px 16px;border-top:1px solid #e5e8eb;display:flex;gap:8px;justify-content:flex-end;background:#fff}
.opp-modal-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;z-index:2147483646!important;background:rgba(17,19,24,.48)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;border-radius:0!important;box-shadow:none!important;overflow:auto!important;backdrop-filter:blur(2px)}.opp-modal-card{width:min(720px,calc(100vw - 40px));max-height:90dvh;background:#fff;border-radius:15px;box-shadow:0 24px 70px rgba(0,0,0,.22);display:flex;flex-direction:column;overflow:hidden}.opp-modal-overlay .mh,.opp-modal-overlay .mf{padding:13px 16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.opp-modal-overlay .mf{border:0;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:7px}.opp-modal-overlay .mb{padding:18px;overflow:auto}.opp-modal-overlay .form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opp-modal-overlay .ff{display:grid;gap:5px}.opp-modal-overlay .ff.full{grid-column:1/-1}.opp-modal-overlay .ff span{font-size:8px;font-weight:850;color:#747d89}.opp-modal-overlay .ff input,.opp-modal-overlay .ff select,.opp-modal-overlay .ff textarea{width:100%;box-sizing:border-box;border:1px solid #dce1e7;border-radius:9px;padding:10px;font:inherit}.opp-modal-overlay .ff textarea{min-height:90px}@media(max-width:700px){.opp-modal-overlay{padding:10px!important;align-items:flex-end!important}.opp-modal-card{width:100%;max-height:94dvh;border-radius:15px 15px 0 0}.opp-modal-overlay .form{grid-template-columns:1fr}.opp-modal-overlay .ff.full{grid-column:auto}}
html.opp-lock,body.opp-lock{overflow:hidden!important;height:100%!important}.opp-overlay{z-index:30000!important}.opp-overlay .drawer{width:min(860px,72vw)!important;max-width:860px!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}.opp-overlay .drawer-body{height:100%!important;overflow:hidden!important;padding:0!important}
@media(max-width:1000px){.filter{grid-template-columns:repeat(3,1fr)}.opp-kpis{grid-template-columns:repeat(3,1fr)}}


/* ===== modules/tasks/index.js ===== */
.tc{display:grid;gap:16px}.tc-head{display:flex;justify-content:space-between;align-items:end;gap:16px}.tc-kicker{font-size:8px;font-weight:850;letter-spacing:.12em;color:#89919b;margin-bottom:7px}.tc-head h1{margin:0;font-size:23px}.tc-head p{margin:4px 0 0;color:#747c87;font-size:11px}
.tc-btn{height:38px;border:1px solid #dce1e6;border-radius:9px;background:#fff;padding:0 13px;font-size:10px;font-weight:800;cursor:pointer}.tc-btn.primary{background:#17191f!important;color:#fff!important;border-color:#17191f}.tc-btn.danger{background:#fff7f7;color:#a12a2a;border-color:#efcaca}
.tc-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.tc-kpi{background:#fff;border:1px solid #e2e5e9;border-radius:12px;padding:12px}.tc-kpi small{font-size:8px;color:#808894;font-weight:850;letter-spacing:.08em}.tc-kpi b{display:block;font-size:19px;margin-top:5px}
.tc-filter-card{background:#fff;border:1px solid #e2e5e9;border-radius:14px;overflow:hidden}.tc-tabs{display:flex;gap:4px;padding:6px;border-bottom:1px solid #e6e9ed;overflow:auto}.tc-tab{border:0;background:transparent;padding:8px 11px;border-radius:8px;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer;color:#59616d}.tc-tab.active{background:#17191f!important;color:#fff!important}.tc-tab.active *{color:#fff!important}
.tc-filter{padding:12px;display:grid;grid-template-columns:minmax(250px,1.5fr) 1fr 1fr 1fr 1fr auto;gap:8px;align-items:end}.tc-f{display:grid;gap:5px}.tc-f span{font-size:8px;font-weight:850;letter-spacing:.08em;color:#737c88}.tc-c{height:38px;border:1px solid #dce1e6;border-radius:9px;padding:0 10px;background:#fff;min-width:0;font-size:11px}
.tc-card{background:#fff;border:1px solid #e2e5e9;border-radius:14px;overflow:hidden}.tc-cardhead{padding:13px 14px;border-bottom:1px solid #e7e9ec;display:flex;justify-content:space-between;align-items:center}.tc-cardhead small{display:block;margin-top:3px;color:#7f8791}.tc-rowopts{display:flex;gap:5px;align-items:center;font-size:9px;color:#7f8791}.tc-rowopts button{border:0;background:transparent;padding:6px 8px;border-radius:7px;font-weight:800}.tc-rowopts button.active{background:#eef0f3}
.tc-table{width:100%;border-collapse:collapse}.tc-table th{padding:9px 11px;background:#fafafa;text-align:left;font-size:8px;color:#7d8590;letter-spacing:.08em;white-space:nowrap}.tc-table td{padding:11px;border-top:1px solid #eef0f2;font-size:10px;vertical-align:top}.tc-table tr[data-id]{cursor:pointer}.tc-table tr[data-id]:hover td{background:#fafbfc}.main{font-weight:800}.sub{font-size:9px;color:#7f8791;margin-top:3px}.pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f1f3f5;font-size:9px;font-weight:800}.pill.over{background:#fee8e8;color:#a92828}.pill.today{background:#fff2d8;color:#8a5b00}.pill.done{background:#e8f5ed;color:#237a46}.urgent{color:#a92828;font-weight:850}
.tc-pager{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-top:1px solid #e7e9ec}.tc-pager-info{font-size:9px;color:#7d8590}.tc-pager-btns{display:flex;gap:6px}.tc-pager-btns button{height:32px;border:1px solid #dce1e6;border-radius:8px;background:#fff;padding:0 10px;font-size:9px;font-weight:800}
.tc-drawer{height:100%;display:flex;flex-direction:column;overflow:hidden}.tc-scroll{flex:1;min-height:0;overflow-y:auto;padding:22px 24px;overscroll-behavior:contain}.tc-sec{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #e7eaed}.tc-sec h4{font-size:9px;color:#69717c;letter-spacing:.08em;margin:0 0 9px}.tc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.box{border:1px solid #e1e5e9;border-radius:9px;padding:10px}.box small{display:block;font-size:8px;color:#7c8490}.box b{display:block;margin-top:4px;font-size:10px}.tc-note{white-space:pre-wrap;font-size:10px;line-height:1.5}
.timeline{position:relative;padding-left:17px}.timeline:before{content:"";position:absolute;left:5px;top:4px;bottom:4px;width:1px;background:#dfe3e7}.ev{position:relative;padding:0 0 13px 8px}.ev:before{content:"";position:absolute;left:-16px;top:4px;width:7px;height:7px;border-radius:50%;background:#191c22;border:2px solid #fff;box-shadow:0 0 0 1px #cfd4da}.ev .top{display:flex;justify-content:space-between}.ev b{font-size:10px}.ev time,.ev span{font-size:8px;color:#858d97}.ev p{font-size:10px;margin:4px 0;white-space:pre-wrap}
.tc-actions{padding:13px 16px;border-top:1px solid #e5e8eb;background:#fff;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.tc-actions .tc-btn{height:40px}
.tc-modal{position:fixed;inset:0;z-index:2147483646;background:rgba(17,19,24,.48);display:flex;align-items:center;justify-content:center;padding:22px}.tc-mcard{width:min(720px,96vw);max-height:90dvh;background:#fff;border-radius:15px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 28px 90px rgba(17,19,24,.28)}.tc-mh,.tc-mf{padding:13px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.tc-mf{border:0;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:7px}.tc-mb{padding:18px;overflow:auto}.tc-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mf{display:grid;gap:5px}.mf.full{grid-column:1/-1}.mf span{font-size:8px;font-weight:850;color:#747d89;letter-spacing:.08em}.mf input,.mf select,.mf textarea{border:1px solid #dce1e7;border-radius:9px;padding:10px;font:inherit}.mf textarea{min-height:92px;resize:vertical}
html.tc-lock,body.tc-lock{overflow:hidden!important;height:100%!important}.tc-overlay{z-index:30000!important}.tc-overlay .drawer{width:min(820px,72vw)!important;max-width:820px!important;height:100dvh!important;max-height:100dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.tc-overlay .drawer-body{flex:1!important;min-height:0!important;overflow:hidden!important;padding:0!important;display:flex!important;flex-direction:column!important}
@media(max-width:1100px){.tc-filter{grid-template-columns:repeat(3,1fr)}.tc-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.tc-overlay .drawer{width:100vw!important;max-width:100vw!important}.tc-form{grid-template-columns:1fr}.mf.full{grid-column:auto}}


/* ===== modules/sales-confirmation/index.js ===== */
.sc{--sc-b:#e7e9ee;--sc-muted:#6b7280;--sc-soft:#f7f8fa;--sc-ink:#17191f;--sc-primary:#17191f;display:flex;flex-direction:column;gap:16px;color:var(--sc-ink)}
.sc *{box-sizing:border-box}.sc h1,.sc h2,.sc h3,.sc p{margin:0}.sc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.sc-head h1{font-size:25px;letter-spacing:-.5px}.sc-head p{margin-top:5px;color:var(--sc-muted);font-size:13px}.sc-eyebrow{font-size:10px;font-weight:800;letter-spacing:.12em;color:#8a9099;margin-bottom:5px}.sc-card{background:#fff;border:1px solid var(--sc-b);border-radius:14px}.sc-statusbar{display:flex;align-items:center;gap:5px;padding:5px;border-bottom:1px solid var(--sc-b);overflow:auto}.sc-status{border:0;background:transparent;padding:9px 12px;border-radius:9px;font-size:12px;font-weight:700;color:#626873;white-space:nowrap;cursor:pointer}.sc-status.active{background:#17191f;color:#fff}.sc-filter{padding:14px}.sc-filter-main{display:grid;grid-template-columns:minmax(260px,2fr) 132px 132px minmax(160px,1fr) minmax(160px,1fr) auto;gap:8px;align-items:end}.sc-f{display:flex;flex-direction:column;gap:5px;min-width:0}.sc-f>span{font-size:10px;font-weight:800;color:#686e77}.sc-control{height:38px;border:1px solid #dfe2e7;border-radius:9px;background:#fff;padding:0 11px;font:inherit;font-size:12px;color:#1f232b;outline:none;min-width:0}.sc-control:focus{border-color:#9aa1ab;box-shadow:0 0 0 3px rgba(20,22,27,.05)}.sc-search{position:relative}.sc-search input{padding-left:34px;width:100%}.sc-search:before{content:"⌕";position:absolute;left:12px;bottom:9px;color:#858b94;font-size:18px;line-height:20px}.sc-btn{height:38px;border-radius:9px;border:1px solid #dfe2e7;background:#fff;padding:0 14px;font-weight:800;font-size:11px;cursor:pointer}.sc-btn.primary{background:#17191f;color:#fff;border-color:#17191f}.sc-btn.danger{color:#a43333;background:#fff;border-color:#e7caca}.sc-filter-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.sc-filter-actions{display:flex;gap:7px;align-items:center}.sc-link{border:0;background:transparent;color:#555c66;font-size:11px;font-weight:700;padding:5px;cursor:pointer}.sc-active-filter{font-size:10px;color:#8a9099}.sc-advanced{display:grid;grid-template-columns:1fr 1fr 1.5fr 1fr 1fr;gap:8px;padding-top:12px;margin-top:10px;border-top:1px dashed #e4e6ea}.sc-advanced[hidden]{display:none}.sc-list-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--sc-b)}.sc-list-head h2{font-size:14px}.sc-list-head p{font-size:11px;color:var(--sc-muted);margin-top:3px}.sc-count{font-size:11px;color:#777e88}.sc-table{width:100%;border-collapse:collapse;table-layout:fixed}.sc-table th{padding:9px 12px;text-align:left;font-size:9px;letter-spacing:.06em;color:#8a9099;font-weight:800;background:#fbfbfc;border-bottom:1px solid var(--sc-b)}.sc-table td{padding:12px;border-bottom:1px solid #eff0f2;vertical-align:top;font-size:11px}.sc-table tbody tr{cursor:pointer}.sc-table tbody tr:hover{background:#fafafa}.sc-doc strong,.sc-person strong,.sc-customer strong{display:block;font-size:11px;color:#1d2026}.sc-sub{display:block;color:#7b818a;font-size:10px;margin-top:3px;line-height:1.35}.sc-customer{display:flex;gap:9px}.sc-avatar{width:30px;height:30px;border-radius:9px;background:#f0f1f3;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;flex:none}.sc-money{font-size:12px;font-weight:800;white-space:nowrap}.sc-note-preview{max-width:270px;color:#606772;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sc-lines-preview{font-weight:700;line-height:1.4}.sc-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;white-space:nowrap}.sc-chip.waiting{background:#fff6dc;color:#8a6611}.sc-chip.confirmed{background:#eaf7ef;color:#2f7547}.sc-chip.unreachable{background:#f0f1f3;color:#646b75}.sc-chip.correction{background:#fdecec;color:#a83c3c}.sc-open{width:29px;height:29px;border:1px solid #e1e3e7;background:#fff;border-radius:8px;font-size:17px;cursor:pointer}.sc-empty{padding:36px;text-align:center;color:#747b84}.sc-foot{display:flex;justify-content:space-between;align-items:center;padding:11px 15px}.sc-pages{display:flex;gap:5px}.sc-pages button{width:30px;height:30px;border-radius:8px;border:1px solid #e1e3e7;background:#fff;cursor:pointer}.sc-pages button:disabled{opacity:.35}.sc-limit{display:flex;align-items:center;gap:5px}.sc-limit button{height:27px;min-width:32px;border:0;background:transparent;border-radius:7px;font-size:10px;font-weight:800;color:#727984;cursor:pointer}.sc-limit button.active{background:#f0f1f3;color:#1d2026}
.sc-drawer{font-size:12px}.sc-drawer-section{padding:16px 0;border-bottom:1px solid #eceef1}.sc-drawer-section:last-child{border-bottom:0}.sc-profile{display:flex;gap:11px;align-items:center}.sc-profile .sc-avatar{width:42px;height:42px;border-radius:12px;font-size:11px}.sc-profile h3{font-size:15px}.sc-profile p{font-size:11px;color:#747b84;margin-top:3px}.sc-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.sc-info{padding:10px;border:1px solid #e6e8ec;border-radius:10px;background:#fbfbfc}.sc-info small{display:block;font-size:9px;font-weight:800;color:#858b94;margin-bottom:4px}.sc-info strong{font-size:11px;line-height:1.35}.sc-block-title{font-size:10px;font-weight:900;letter-spacing:.08em;color:#6d747e;margin-bottom:9px}.sc-address{padding:11px 12px;border-radius:10px;background:#f6f7f8;line-height:1.5;color:#41464e}.sc-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sc-note-box{padding:11px;border:1px solid #e5e7eb;border-radius:10px;min-height:76px}.sc-note-box b{display:block;font-size:9px;letter-spacing:.04em;color:#777e88;margin-bottom:6px}.sc-note-box p{font-size:11px;line-height:1.5;white-space:pre-wrap}.sc-items{border:1px solid #e5e7eb;border-radius:11px;overflow:hidden}.sc-items table{width:100%;border-collapse:collapse}.sc-items th{background:#f7f8f9;padding:8px;text-align:left;font-size:8px;color:#838a94;letter-spacing:.05em}.sc-items td{padding:9px 8px;border-top:1px solid #eceef1;font-size:10px;vertical-align:top}.sc-item-name{font-weight:800;font-size:10px}.sc-item-note{display:block;color:#747b84;margin-top:3px;line-height:1.35}.sc-item-total{text-align:right;font-weight:800;white-space:nowrap}.sc-checks{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sc-check{display:flex;gap:8px;align-items:flex-start;border:1px solid #e5e7eb;border-radius:9px;padding:9px 10px;line-height:1.35;background:#fff}.sc-check input{margin-top:1px}.sc-textarea{width:100%;min-height:88px;border:1px solid #dfe2e7;border-radius:10px;padding:10px;resize:vertical;font:inherit;font-size:11px}.sc-actions{display:flex;gap:7px}.sc-history{display:flex;flex-direction:column;gap:9px}.sc-history-item{position:relative;padding:0 0 0 14px;border-left:2px solid #eceef1}.sc-history-item:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#737983;left:-4.5px;top:4px}.sc-history-top{display:flex;justify-content:space-between;gap:12px}.sc-history-top b{font-size:10px}.sc-history-top time{font-size:9px;color:#8a9099}.sc-history-item p{margin-top:4px;font-size:10px;color:#555c66;line-height:1.4}.sc-follow{margin-top:8px}.sc-follow input{width:100%}

.sc-confirmation-card{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;padding:13px;border:1px solid #dfe3e8;border-radius:12px;background:#f8f9fa;margin-top:10px}.sc-confirmation-cell small{display:block;font-size:8px;font-weight:900;letter-spacing:.08em;color:#858b94;margin-bottom:5px}.sc-confirmation-cell strong{display:block;font-size:11px;line-height:1.35}.sc-confirmation-status{display:flex;align-items:center;gap:7px}.sc-confirmation-status:before{content:"";width:8px;height:8px;border-radius:50%;background:#c3c7ce;flex:none}.sc-confirmation-status.confirmed:before{background:#45a367}.sc-confirmation-status.waiting:before{background:#d5a12c}.sc-confirmation-note{grid-column:1/-1;padding-top:10px;margin-top:1px;border-top:1px solid #e4e7eb;color:#5d646e;font-size:10px;line-height:1.45}.sc-confirmation-note b{color:#2b3038}.sc-check-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.sc-check-progress{font-size:9px;font-weight:900;padding:5px 8px;border-radius:999px;background:#f0f1f3;color:#6c737d}.sc-check-progress.ready{background:#eaf7ef;color:#2f7547}.sc-actions .sc-btn.primary:disabled{opacity:.38;cursor:not-allowed}.sc-confirm-help{font-size:9px;color:#7c838d;margin-top:8px;line-height:1.45}.sc-confirm-help.ready{color:#2f7547;font-weight:700}
/* Sales confirmation drawer: isolated, fixed stacking and internal scrolling */
.drawer-overlay.sc-sale-overlay{position:fixed!important;inset:0!important;z-index:30000!important;display:flex!important;align-items:stretch!important;justify-content:flex-end!important;background:rgba(17,19,24,.42)!important;backdrop-filter:blur(2px);overflow:hidden!important;padding:0!important}
.drawer-overlay.sc-sale-overlay .drawer{position:relative!important;z-index:30001!important;width:min(780px,94vw)!important;max-width:94vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important;background:#fff!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;box-shadow:-24px 0 60px rgba(17,19,24,.18)!important}
.drawer-overlay.sc-sale-overlay .modal-head{position:relative!important;z-index:4!important;flex:0 0 auto!important;min-height:66px!important;padding:0 22px!important;background:#fff!important;border-bottom:1px solid #e7e9ee!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.drawer-overlay.sc-sale-overlay .modal-head h3{font-size:14px!important;font-weight:850!important;letter-spacing:-.01em!important;color:#1b1e24!important;margin:0!important}
.drawer-overlay.sc-sale-overlay .close-btn{width:34px!important;height:34px!important;border-radius:10px!important;border:1px solid #e1e4e8!important;background:#fff!important;color:#565d67!important;font-size:21px!important;line-height:1!important;cursor:pointer!important}
.drawer-overlay.sc-sale-overlay .drawer-body{flex:1 1 0!important;min-height:0!important;height:auto!important;overflow:hidden!important;padding:0!important;background:#fff!important;display:flex!important;flex-direction:column!important}
.sc-drawer-layout{flex:1 1 0;min-height:0;height:auto;display:flex;flex-direction:column;overflow:hidden;background:#fff}.sc-drawer-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 22px 28px;scrollbar-gutter:stable}.sc-drawer-scroll::-webkit-scrollbar{width:9px}.sc-drawer-scroll::-webkit-scrollbar-thumb{background:#d7dae0;border:2px solid #fff;border-radius:999px}.sc-drawer-footer{position:relative;z-index:2147483000;pointer-events:auto!important;flex:0 0 auto;padding:13px 22px calc(13px + env(safe-area-inset-bottom));border-top:1px solid #e4e7eb;background:rgba(255,255,255,.97);box-shadow:0 -10px 26px rgba(17,19,24,.07);backdrop-filter:blur(8px)}.sc-drawer-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}.sc-drawer-footer-note{min-width:0}.sc-drawer-footer-note b{display:block;font-size:10px;color:#3c424b}.sc-drawer-footer-note span{display:block;margin-top:2px;font-size:9px;color:#8a9099}.sc-drawer-footer .sc-actions{flex:none;justify-content:flex-end;display:flex;align-items:center;gap:7px;flex-wrap:nowrap}.sc-drawer-footer .sc-btn{height:40px;padding:0 15px}.sc-body-locked{overflow:hidden!important;overscroll-behavior:none!important}
@media(max-width:1180px){.sc-filter-main{grid-template-columns:2fr 1fr 1fr}.sc-filter-main .sc-btn{width:100%}.sc-advanced{grid-template-columns:1fr 1fr 1fr}.sc-table th:nth-child(5),.sc-table td:nth-child(5){display:none}}
@media(max-width:780px){.sc-head{align-items:flex-start;flex-direction:column}.sc-filter-main,.sc-advanced{grid-template-columns:1fr}.sc-table th:nth-child(3),.sc-table td:nth-child(3),.sc-table th:nth-child(4),.sc-table td:nth-child(4){display:none}.sc-info-grid,.sc-note-grid,.sc-checks{grid-template-columns:1fr}}

@media(max-width:760px){.drawer-overlay.sc-sale-overlay .drawer{width:100vw!important;max-width:100vw!important}.sc-drawer-footer-inner{align-items:stretch;flex-direction:column}.sc-drawer-footer-note{display:none}.sc-drawer-footer .sc-actions{display:grid;grid-template-columns:1fr 1fr}.sc-drawer-footer .sc-btn.primary{grid-column:1/-1}.sc-drawer-footer .sc-btn{width:100%}}

.sc-sales360-tabs{display:flex;gap:5px;overflow:auto;padding:5px;background:#f5f6f8;border:1px solid #e4e7eb;border-radius:11px;margin-bottom:14px}.sc-sales360-tabs button{border:0;background:transparent;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:800;white-space:nowrap}.sc-sales360-tabs button.active{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.sc-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sc-kpi{border:1px solid #e4e7eb;border-radius:10px;padding:10px;background:#fff}.sc-kpi small{font-size:9px;color:#7d8590;display:block}.sc-kpi strong{font-size:12px;display:block;margin-top:4px}
.sc-source-note{border:1px solid #e3e6ea;border-radius:10px;padding:10px;margin-top:7px}.sc-source-note .top{display:flex;justify-content:space-between;gap:10px;font-size:10px}.sc-source-note p{margin:6px 0 0!important;white-space:pre-wrap}.sc-source-note time{color:#858c95}
.sc-timeline{position:relative;padding-left:18px}.sc-timeline:before{content:"";position:absolute;left:5px;top:4px;bottom:4px;width:1px;background:#dfe3e8}.sc-timeline-item{position:relative;padding:0 0 14px 8px}.sc-timeline-item:before{content:"";position:absolute;left:-17px;top:5px;width:8px;height:8px;border-radius:50%;background:#17191f;border:2px solid #fff;box-shadow:0 0 0 1px #cfd4da}.sc-timeline-item .head{display:flex;justify-content:space-between;gap:10px}.sc-timeline-item .head b{font-size:11px}.sc-timeline-item time{font-size:9px;color:#858c95}.sc-timeline-item p{margin:4px 0!important;font-size:10px;white-space:pre-wrap}.sc-timeline-item span{font-size:9px;color:#747c86}
.sc-request-row,.sc-sat-row{border:1px solid #e3e6ea;border-radius:10px;padding:10px;margin-top:7px}.sc-request-row .top,.sc-sat-row .top{display:flex;justify-content:space-between;gap:10px}.sc-request-row p,.sc-sat-row p{margin:5px 0!important}


.sc-drawer-footer,.sc-drawer-footer *,.sc-actions,.sc-actions *{pointer-events:auto!important}
.sc-drawer-scroll{position:relative!important;z-index:1!important}
.sc-mini-modal{
 position:fixed!important;
 inset:0!important;
 z-index:2147483646!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 padding:24px!important;
 background:rgba(17,19,24,.48)!important;
 backdrop-filter:blur(3px);
 pointer-events:auto!important;
 overflow:auto!important
}
.sc-mini-card{
 position:relative!important;
 width:min(720px,calc(100vw - 48px))!important;
 max-height:min(860px,calc(100dvh - 48px))!important;
 display:flex!important;
 flex-direction:column!important;
 overflow:hidden!important;
 background:#fff!important;
 border:1px solid #e1e4e8!important;
 border-radius:16px!important;
 box-shadow:0 28px 90px rgba(17,19,24,.30)!important;
 pointer-events:auto!important
}
.sc-mini-card *{box-sizing:border-box;pointer-events:auto!important}
.sc-mini-head{
 flex:0 0 auto!important;
 display:flex!important;
 align-items:center!important;
 justify-content:space-between!important;
 gap:12px!important;
 min-height:58px!important;
 padding:0 18px!important;
 border-bottom:1px solid #e6e9ed!important;
 background:#fff!important
}
.sc-mini-head>b{font-size:14px!important;color:#17191f!important}
.sc-mini-head>[data-x]{
 width:34px!important;height:34px!important;border:1px solid #dfe3e8!important;
 border-radius:9px!important;background:#fff!important;cursor:pointer!important;
 font-size:20px!important;line-height:1!important
}
.sc-mini-body{
 flex:1 1 auto!important;
 min-height:0!important;
 padding:18px!important;
 overflow-y:auto!important;
 background:#fff!important
}
.sc-mini-foot{
 flex:0 0 auto!important;
 display:flex!important;
 align-items:center!important;
 justify-content:flex-end!important;
 gap:8px!important;
 padding:12px 18px!important;
 border-top:1px solid #e6e9ed!important;
 background:#fff!important
}
.sc-form-grid{
 display:grid!important;
 grid-template-columns:1fr 1fr!important;
 gap:12px!important
}
.sc-form-field{display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important}
.sc-form-field.full{grid-column:1/-1!important}
.sc-form-field>span{
 font-size:9px!important;font-weight:850!important;letter-spacing:.08em!important;
 color:#747d89!important
}
.sc-form-field input:not([type="checkbox"]),.sc-form-field select,.sc-form-field textarea{
 width:100%!important;
 border:1px solid #dce1e7!important;
 border-radius:9px!important;
 padding:10px 11px!important;
 background:#fff!important;
 color:#17191f!important;
 font:inherit!important;
 outline:none!important
}
.sc-form-field textarea{min-height:92px!important;resize:vertical!important}
.sc-line-select{display:grid!important;gap:7px!important}
.sc-line-choice{
 display:flex!important;gap:9px!important;align-items:flex-start!important;
 border:1px solid #e2e6eb!important;border-radius:10px!important;
 padding:10px!important;background:#fff!important;cursor:pointer!important
}
.sc-line-choice input{margin-top:2px!important}
.sc-line-choice b{display:block!important;font-size:11px!important;color:#252932!important}
.sc-line-choice small{display:block!important;margin-top:2px!important;font-size:9px!important;color:#7d8590!important}
.sc-score{display:flex!important;gap:7px!important;flex-wrap:wrap!important}
.sc-score button{
 width:42px!important;height:42px!important;border-radius:9px!important;
 border:1px solid #dce1e7!important;background:#fff!important;
 font-weight:850!important;cursor:pointer!important
}
.sc-score button.active{background:#17191f!important;color:#fff!important;border-color:#17191f!important}
@media(max-width:700px){
 .sc-mini-modal{padding:0!important;align-items:stretch!important}
 .sc-mini-card{width:100vw!important;max-height:100dvh!important;height:100dvh!important;border-radius:0!important}
 .sc-form-grid{grid-template-columns:1fr!important}
 .sc-form-field.full{grid-column:auto!important}
 .sc-mini-foot{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}
}


/* ===== FIYOSIS CRM UNIFIED LIST / TOOLBAR STANDARD ===== */
:root{
  --crm-surface:#fff;--crm-line:#e2e5e9;--crm-line-soft:#eef0f2;--crm-text:#1f2329;
  --crm-muted:#737b86;--crm-control-h:38px;--crm-radius:12px;--crm-radius-sm:9px;
}
/* Same page heading rhythm everywhere */
.sc-head,.opp-head,.tc-head,.c360-head,.li-head,.rq3-head,.db .head{
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;
  margin:0 0 16px!important;min-height:56px;
}
.sc-head h1,.opp-head h1,.tc-head h1,.c360-head h1,.li-head h1,.rq3-head h1,.db .head h1{
  margin:0!important;font-size:24px!important;line-height:1.15!important;letter-spacing:-.45px!important;font-weight:720!important;color:var(--crm-text)!important;
}
.sc-head p,.opp-head p,.tc-head p,.c360-head p,.li-head p,.rq3-head p,.db .head p{
  margin:5px 0 0!important;font-size:11.5px!important;line-height:1.45!important;color:var(--crm-muted)!important;
}
.sc-eyebrow,.opp-kicker,.tc-kicker,.c360-kicker,.li-kicker,.rq3-kicker,.db .kick{
  margin:0 0 5px!important;font-size:9px!important;line-height:1!important;font-weight:850!important;letter-spacing:.12em!important;color:#8a929d!important;text-transform:uppercase!important;
}
/* Same table-top/filter surface everywhere */
.sc-card,.filter-card,.tc-filter-card,.c360-filter-card,.li-card,.rq3-filter,.rq3-card{
  background:var(--crm-surface)!important;border:1px solid var(--crm-line)!important;border-radius:var(--crm-radius)!important;box-shadow:none!important;
}
.sc-filter,.filter,.tc-filter,.c360-filter,.li-card .filter,.rq3-filter{gap:8px!important;align-items:end!important}
.sc-control,.c,.tc-c,.c360-c,.rq3-c,.filter input,.filter select{
  min-height:var(--crm-control-h)!important;height:var(--crm-control-h)!important;border:1px solid #dce1e6!important;border-radius:var(--crm-radius-sm)!important;background:#fff!important;font-size:11px!important;outline:none!important;
}
.sc-control:focus,.c:focus,.tc-c:focus,.c360-c:focus,.rq3-c:focus,.filter input:focus,.filter select:focus{
  border-color:#aab1bb!important;box-shadow:0 0 0 3px rgba(31,35,41,.055)!important;
}
/* one consistent button geometry */
.sc-btn,.opp .btn,.tc-btn,.c360-btn,.li .btn,.rq3-btn,.db .btn{
  min-height:36px!important;border-radius:8px!important;font-size:10.5px!important;font-weight:700!important;box-shadow:none!important;
}
/* Toasts always visible above drawers/modals */
.toast-root{position:fixed!important;right:20px!important;top:20px!important;bottom:auto!important;z-index:2147483647!important;pointer-events:none!important}
.toast{pointer-events:auto!important;min-width:280px!important;max-width:min(420px,calc(100vw - 40px))!important;padding:12px 14px!important;font-size:11px!important}
/* modal click safety */
.sc-mini-modal,.overlay,.rq3-modal{pointer-events:auto!important}
.sc-mini-card,.modal,.opp-modal-overlay,.opp-modal-card,.drawer,.rq3-modal-card{pointer-events:auto!important}
button,[role="button"]{touch-action:manipulation}
@media(max-width:780px){
 .sc-head,.opp-head,.tc-head,.c360-head,.li-head,.rq3-head,.db .head{align-items:flex-start!important;flex-direction:column!important}
}


/* ===== modules/requests/index.js ===== */
.rq3{display:grid;gap:14px}.rq3-head{display:flex;justify-content:space-between;align-items:end;gap:16px}.rq3-head h1{font-size:23px;margin:0}.rq3-head p{margin:4px 0 0;color:#7a828d;font-size:11px}
 .rq3-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.rq3-kpi{background:#fff;border:1px solid #e2e5e9;border-radius:12px;padding:12px}.rq3-kpi small{font-size:8px;font-weight:800;letter-spacing:.08em;color:#818995}.rq3-kpi b{display:block;font-size:19px;margin-top:5px}.rq3-kpi span{font-size:9px;color:#8a919b}
 .rq3-tabs{display:flex;gap:4px;padding:4px;background:#f3f4f6;border:1px solid #e3e6ea;border-radius:10px;overflow:auto}.rq3-tab{border:0;background:transparent;border-radius:7px;padding:8px 10px;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer}.rq3-tab.active{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08)}
 .rq3-filter{background:#fff;border:1px solid #e2e5e9;border-radius:12px;padding:10px;display:grid;grid-template-columns:minmax(210px,1.5fr) repeat(6,minmax(115px,.7fr)) auto;gap:7px}.rq3-c{height:37px;border:1px solid #dce1e6;border-radius:8px;padding:0 10px;background:#fff;font-size:11px;min-width:0}
 .rq3-btn{height:37px;border:1px solid #dce1e6;border-radius:8px;padding:0 12px;background:#fff;font-size:10px;font-weight:800;cursor:pointer}.rq3-btn.primary{background:#17191f;color:#fff;border-color:#17191f}.rq3-btn.warn{color:#8a5b00}.rq3-btn.danger{color:#a12a2a}
 .rq3-card{background:#fff;border:1px solid #e2e5e9;border-radius:12px;overflow:hidden}.rq3-cardhead{padding:12px 14px;border-bottom:1px solid #e7e9ec;display:flex;justify-content:space-between}.rq3-table{width:100%;border-collapse:collapse}.rq3-table th{padding:9px 11px;background:#fafafa;text-align:left;font-size:8px;color:#7d8590;letter-spacing:.08em}.rq3-table td{padding:11px;border-top:1px solid #eef0f2;font-size:10px;vertical-align:top}.rq3-table tr[data-id]{cursor:pointer}.rq3-table tr[data-id]:hover td{background:#fafbfc}.rq3-main{font-weight:800}.rq3-sub{font-size:9px;color:#7f8791;margin-top:3px}.rq3-pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f1f3f5;font-size:9px;font-weight:800}.rq3-pill.acil{background:#fee8e8;color:#a92828}.rq3-pill.yüksek{background:#fff2d8;color:#8a5b00}
 .rq3-drawer{height:100%;display:flex;flex-direction:column}.rq3-scroll{flex:1;min-height:0;overflow:auto;padding:17px}.rq3-sec{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #e8eaed}.rq3-sec h4{font-size:9px;letter-spacing:.08em;margin:0 0 9px;color:#656d78}.rq3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.rq3-box{border:1px solid #e1e5e9;border-radius:9px;padding:9px}.rq3-box small{display:block;font-size:8px;color:#7c8490}.rq3-box b{display:block;margin-top:4px;font-size:10px}.rq3-item{border:1px solid #e2e5e9;border-radius:9px;padding:9px;margin-top:6px}.rq3-item p{font-size:10px;margin:4px 0}
 .rq3-action-panel{
 flex:0 0 auto;
 position:relative;
 z-index:30;
 padding:14px 16px 15px;
 border-top:1px solid #e2e5e9;
 background:#fff;
 box-shadow:0 -8px 24px rgba(17,24,39,.035)
}
.rq3-action-fields{
 display:grid;
 grid-template-columns:1.15fr .9fr 1.25fr 1fr 1.35fr;
 gap:9px;
 align-items:end
}
.rq3-action-field{display:grid;gap:5px;min-width:0}
.rq3-action-field>span{
 font-size:8px;
 line-height:1;
 font-weight:850;
 letter-spacing:.08em;
 color:#818995;
 text-transform:uppercase
}
.rq3-action-field .rq3-c{
 width:100%;
 max-width:none;
 height:39px;
 border-radius:9px;
 background:#fff
}
.rq3-action-bottom{
 display:grid;
 grid-template-columns:minmax(260px,1fr) auto;
 gap:12px;
 align-items:end;
 margin-top:10px
}
.rq3-action-note{display:grid;gap:5px;min-width:0}
.rq3-action-note>span{
 font-size:8px;
 line-height:1;
 font-weight:850;
 letter-spacing:.08em;
 color:#818995;
 text-transform:uppercase
}
.rq3-action-note .rq3-c{
 width:100%;
 max-width:none!important;
 height:39px
}
.rq3-action-buttons{
 display:flex;
 align-items:center;
 justify-content:flex-end;
 gap:8px;
 white-space:nowrap
}
.rq3-action-buttons .rq3-btn{height:39px;padding:0 15px}
.rq3-action-buttons .rq3-btn.print{background:#fff}
.rq3-action-buttons .rq3-btn.primary{min-width:98px}
.rq3-action-buttons .rq3-btn.danger{
 min-width:108px;
 border-color:#efcaca;
 background:#fff7f7;
 color:#a12a2a
}
.rq3-action-summary{
 display:flex;
 align-items:center;
 gap:8px;
 margin-bottom:10px;
 padding-bottom:10px;
 border-bottom:1px solid #eef0f2
}
.rq3-action-summary b{font-size:10px;color:#252932}
.rq3-action-summary span{font-size:9px;color:#828a94}

 .rq3-timeline{position:relative;padding-left:17px}.rq3-timeline:before{content:"";position:absolute;left:5px;top:4px;bottom:4px;width:1px;background:#dfe3e7}.rq3-event{position:relative;padding:0 0 13px 8px}.rq3-event:before{content:"";position:absolute;left:-16px;top:4px;width:7px;height:7px;border-radius:50%;background:#191c22;border:2px solid #fff;box-shadow:0 0 0 1px #cfd4da}.rq3-event .top{display:flex;justify-content:space-between}.rq3-event b{font-size:10px}.rq3-event time,.rq3-event span{font-size:8px;color:#858d97}.rq3-event p{font-size:10px;white-space:pre-wrap}
 .rq3-modal{position:fixed;inset:0;z-index:2147483646;background:rgba(17,19,24,.48);display:flex;align-items:center;justify-content:center;padding:24px}.rq3-modal-card{width:min(760px,96vw);max-height:90dvh;background:#fff;border-radius:15px;overflow:hidden;display:flex;flex-direction:column}.rq3-modal-head,.rq3-modal-foot{padding:13px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.rq3-modal-foot{border-bottom:0;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:7px}.rq3-modal-body{padding:16px;overflow:auto}.rq3-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rq3-f{display:grid;gap:5px}.rq3-f.full{grid-column:1/-1}.rq3-f span{font-size:8px;font-weight:800;letter-spacing:.08em;color:#747d89}.rq3-f input,.rq3-f select,.rq3-f textarea{border:1px solid #dce1e7;border-radius:8px;padding:9px;font:inherit}.rq3-f textarea{min-height:82px}
 @media(max-width:1200px){
 .rq3-filter{grid-template-columns:repeat(4,1fr)}
 .rq3-kpis{grid-template-columns:repeat(3,1fr)}
 .rq3-action-fields{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:800px){
 .rq3-filter,.rq3-grid,.rq3-kpis,.rq3-form{grid-template-columns:1fr 1fr}
 .rq3-action-fields{grid-template-columns:1fr 1fr}
 .rq3-action-bottom{grid-template-columns:1fr}
 .rq3-action-buttons{justify-content:stretch}
 .rq3-action-buttons .rq3-btn{flex:1}
}
@media(max-width:540px){
 .rq3-action-fields{grid-template-columns:1fr}
 .rq3-action-buttons{flex-wrap:wrap}
}

 
html.rq3-lock,body.rq3-lock{overflow:hidden!important;height:100%!important}
.rq3-force-overlay{z-index:30000!important}
.rq3-force-overlay .drawer{z-index:30001!important;display:flex!important;flex-direction:column!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}
.rq3-force-overlay .modal-head{flex:0 0 auto!important;position:relative!important;z-index:3!important;background:#fff!important}
.rq3-force-overlay .drawer-body{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;padding:0!important;display:flex!important;flex-direction:column!important}
.rq3-drawer{flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;background:#fff!important}
.rq3-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;padding:17px!important}
.rq3-action-panel{flex:0 0 auto!important;position:relative!important;z-index:40!important;background:#fff!important}


.rq3-force-overlay .drawer{
 width:min(900px,94vw)!important;
 max-width:min(900px,94vw)!important;
}
.rq3-scroll{padding:22px 24px!important}
.rq3-action-panel{padding:16px 24px 18px!important}
.rq3-action-fields{
 grid-template-columns:1.1fr .9fr 1.35fr 1.05fr 1.35fr!important;
 gap:12px!important
}
.rq3-action-field>span,.rq3-action-note>span{
 font-size:9px!important;
 margin-bottom:2px!important
}
.rq3-action-field .rq3-c{
 height:44px!important;
 font-size:12px!important;
 padding:0 12px!important
}
.rq3-action-bottom{
 grid-template-columns:minmax(0,1fr) auto!important;
 gap:14px!important;
 align-items:stretch!important;
 margin-top:12px!important
}
.rq3-action-note{
 display:flex!important;
 flex-direction:column!important;
 gap:6px!important
}
.rq3-action-note textarea.rq3-note{
 width:100%!important;
 min-height:84px!important;
 height:84px!important;
 max-height:150px!important;
 resize:vertical!important;
 border:1px solid #dce1e6!important;
 border-radius:10px!important;
 padding:11px 12px!important;
 font:inherit!important;
 font-size:12px!important;
 line-height:1.45!important;
 background:#fff!important;
 color:#17191f!important;
 outline:none!important;
}
.rq3-action-note textarea.rq3-note:focus{
 border-color:#111827!important;
 box-shadow:0 0 0 3px rgba(17,24,39,.08)!important
}
.rq3-action-buttons{
 align-self:end!important;
 padding-bottom:1px!important;
}
.rq3-action-buttons .rq3-btn{
 height:44px!important;
 padding:0 16px!important;
}
.rq3-action-buttons .rq3-btn.primary{min-width:150px!important}
.rq3-action-buttons .rq3-btn.danger{min-width:120px!important}
.rq3-action-summary{
 margin-bottom:12px!important;
 padding-bottom:11px!important
}
.rq3-action-summary b{font-size:11px!important}
.rq3-action-summary span{font-size:10px!important}
@media(max-width:1100px){
 .rq3-force-overlay .drawer{width:min(820px,96vw)!important;max-width:min(820px,96vw)!important}
 .rq3-action-fields{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:760px){
 .rq3-force-overlay .drawer{width:100vw!important;max-width:100vw!important}
 .rq3-scroll{padding:18px!important}
 .rq3-action-panel{padding:14px 16px!important}
 .rq3-action-fields{grid-template-columns:1fr 1fr!important}
 .rq3-action-bottom{grid-template-columns:1fr!important}
 .rq3-action-buttons{width:100%!important;display:grid!important;grid-template-columns:1fr 1.3fr 1fr!important}
 .rq3-action-buttons .rq3-btn{width:100%!important;min-width:0!important}
}

/* ===== FINAL UI STANDARD OVERRIDES — keep last ===== */
.sc-head,.opp-head,.tc-head,.c360-head,.li-head,.rq3-head,.db .head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;margin:0 0 16px!important;min-height:56px!important}
.sc-head h1,.opp-head h1,.tc-head h1,.c360-head h1,.li-head h1,.rq3-head h1,.db .head h1{margin:0!important;font-size:24px!important;line-height:1.15!important;letter-spacing:-.45px!important;font-weight:720!important;color:#1f2329!important}
.sc-head p,.opp-head p,.tc-head p,.c360-head p,.li-head p,.rq3-head p,.db .head p{margin:5px 0 0!important;font-size:11.5px!important;line-height:1.45!important;color:#737b86!important}
.sc-card,.filter-card,.tc-filter-card,.c360-filter-card,.rq3-filter{background:#fff!important;border:1px solid #e2e5e9!important;border-radius:12px!important;box-shadow:none!important}
.sc-filter,.filter,.tc-filter,.c360-filter,.rq3-filter{gap:8px!important;align-items:end!important}
.sc-control,.c,.tc-c,.c360-c,.rq3-c{height:38px!important;min-height:38px!important;border:1px solid #dce1e6!important;border-radius:9px!important;background:#fff!important;font-size:11px!important}
.sc-btn,.opp .btn,.tc-btn,.c360-btn,.li .btn,.rq3-btn,.db .btn{min-height:36px!important;border-radius:8px!important;font-size:10.5px!important;font-weight:700!important}
.toast-root{right:20px!important;top:20px!important;bottom:auto!important;z-index:2147483647!important}
@media(max-width:780px){.sc-head,.opp-head,.tc-head,.c360-head,.li-head,.rq3-head,.db .head{align-items:flex-start!important;flex-direction:column!important}}

/* ===== OVERLAY / SCROLL LIFECYCLE — single source of truth ===== */
html.ui-scroll-locked,
body.ui-scroll-locked,
html.ui-modal-locked,
body.ui-modal-locked,
html.ui-fullscreen-locked,
body.ui-fullscreen-locked {
  overflow: hidden !important;
}

#overlay-root {
  position: relative;
  z-index: 1000;
}

.drawer-overlay {
  overflow: hidden;
}

.drawer-overlay > .drawer {
  display: flex;
  flex-direction: column;
  height: 100dvh;
  max-height: 100dvh;
  min-height: 0;
  overflow: hidden;
}

.drawer-overlay > .drawer > .modal-head {
  flex: 0 0 auto;
}

.drawer-overlay > .drawer > .drawer-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.modal-overlay {
  overflow: auto;
  overscroll-behavior: contain;
}

/* Fiyosis corporate logo */
.fiyosis-logo{display:block;object-fit:contain}
.sidebar-brand{min-height:54px}
.sidebar-logo{width:132px;max-width:100%;height:auto}
.auth-brand{display:inline-flex;background:#111317;border-radius:12px;padding:12px 16px;margin-bottom:32px}
.auth-logo{width:145px;max-width:100%;height:auto}

/* ===== REQUESTS — SERVIS EKIBI PICKER ===== */
.rq3-team-panel{
 margin-top:14px;
 padding:14px;
 border:1px solid #e1e5e9;
 border-radius:12px;
 background:#f8f9fa;
}
.rq3-team-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:11px}
.rq3-team-head>div:first-child{display:grid;gap:3px}
.rq3-team-head b{font-size:11px;color:#252932}
.rq3-team-head span{font-size:9.5px;color:#7d8590}
.rq3-team-count{flex:0 0 auto;padding:5px 9px;border:1px solid #dce1e6;border-radius:999px;background:#fff;font-size:9px;font-weight:800;color:#555e69}
.rq3-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rq3-team-person{position:relative;min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:9px;min-height:52px;padding:8px 9px;border:1px solid #dfe4e8;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}
.rq3-team-person:hover{border-color:#b9c0c8;background:#fcfcfd}
.rq3-team-person.selected{border-color:#252932;background:#fff;box-shadow:0 0 0 1px #252932 inset}
.rq3-team-person input{position:absolute;opacity:0;pointer-events:none}
.rq3-team-avatar{width:34px;height:34px;border-radius:9px;background:#eef1f4;display:grid;place-items:center;font-size:9px;font-weight:850;letter-spacing:.03em;color:#545d68}
.rq3-team-person.selected .rq3-team-avatar{background:#252932;color:#fff}
.rq3-team-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:750;color:#2a2f36}
.rq3-team-check{grid-column:3;grid-row:1;width:18px;height:18px;border:1px solid #cfd5db;border-radius:6px;display:grid;place-items:center;color:transparent;font-size:10px;font-weight:900}
.rq3-team-person.selected .rq3-team-check{background:#252932;border-color:#252932;color:#fff}
.rq3-team-selected{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;min-height:24px;align-items:center}
.rq3-team-selected span{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#fff;border:1px solid #dfe4e8;font-size:9px;font-weight:700;color:#4a525c}
.rq3-team-selected em{font-style:normal;font-size:9px;color:#89919b}
@media(max-width:900px){.rq3-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.rq3-team-head{flex-direction:column;gap:7px}.rq3-team-grid{grid-template-columns:1fr}.rq3-team-person{min-height:56px}}

/* Fiyosis CRM ortak rapor merkezi */
.sidebar-logo{display:block;width:148px;max-width:100%;height:34px;object-fit:contain;object-position:left center}
.auth-brand{background:#111317;border-radius:12px;padding:18px 20px;display:flex;align-items:center;justify-content:center}
.auth-logo{display:block;width:170px;max-width:72%;height:42px;object-fit:contain}
.report-center{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 16px;box-shadow:0 1px 1px rgba(17,19,23,.02)}
.report-center-copy{min-width:220px;display:grid;gap:2px}.report-center-copy>span{font-size:8px;letter-spacing:.14em;color:#8a9098;font-weight:800}.report-center-copy>b{font-size:12px;color:#17191d}.report-center-copy>small{font-size:9px;color:#8a9098}
.report-center-actions{display:flex;align-items:end;justify-content:flex-end;gap:7px;flex-wrap:wrap}.report-center-actions label{display:grid;gap:4px}.report-center-actions label span{font-size:8px;letter-spacing:.06em;color:#858c95;font-weight:700}.report-center-actions input{height:32px;border:1px solid #dfe3e8;border-radius:8px;background:#fff;padding:0 9px;color:#252a31;font-size:10px;outline:0}.report-center-actions input:focus{border-color:#9ba3ad;box-shadow:0 0 0 2px rgba(37,42,49,.05)}
.report-btn{height:32px;border:1px solid #d9dde3;border-radius:8px;background:#fff;color:#343a42;padding:0 11px;font-size:9px;font-weight:700}.report-btn:hover{background:#f7f8f9}.report-btn.primary{background:#20242b;border-color:#20242b;color:#fff}.report-btn.primary:hover{background:#111317}
@media(max-width:1050px){.report-center{align-items:flex-start;flex-direction:column}.report-center-actions{justify-content:flex-start;width:100%}}
@media(max-width:620px){.report-center-actions{display:grid;grid-template-columns:1fr 1fr}.report-center-actions label,.report-center-actions input,.report-btn{width:100%}.report-center-actions .primary{grid-column:1/-1}}
@media print{.sidebar,.topbar,.report-center,.page-actions,button{display:none!important}.app-shell{display:block}.page-content{padding:0;max-width:none}.panel,.kpi-card,.state-card{box-shadow:none}}

/* 2026-09-26 CRM düzeltmeleri */
.sc-chip.cancelled{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.topbar-left{display:flex;align-items:center}.app-switch{display:flex;gap:2px;margin-left:18px;padding-left:16px;border-left:1px solid var(--line)}.app-switch-link{font-size:12px;font-weight:600;color:#606771;text-decoration:none;padding:7px 10px;border-radius:8px}.app-switch-link:hover{background:#f0f2f5;color:#111317}@media(max-width:760px){.app-switch{display:none}}
/* report-center-compact: Rapor Merkezi sayfa başlığını tekrarlayan ayrı bir kart değil, tek satırlık ince araç çubuğu */
.report-center{background:transparent;border:0;box-shadow:none;padding:0;margin:0 0 8px;justify-content:flex-end}
.report-center-copy{display:none}
.report-center-actions{align-items:center;gap:6px}
.report-center-actions label{display:flex;align-items:center;gap:5px}
.report-center-actions label span{font-size:9px}
.report-center-actions input,.report-btn{height:28px}
.report-center-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.report-center-inline{display:flex}