:root{
  --navy:#0b2d5d;--navy2:#061c3b;--blue:#315f9c;--red:#e72b31;--gold:#d2aa4d;
  --goldsoft:#f5ecd3;--bg:#eef3f8;--surface:#fff;--alt:#f7f9fc;--ink:#142136;
  --muted:#6d788a;--line:#e1e7ef;--green:#278d5c;--greensoft:#e9f7ef;
  --orange:#c77b1c;--orangesoft:#fff2de;--danger:#c94a4a;--dangersoft:#fdeaea;
  --shadow:0 18px 45px rgba(18,42,72,.11);--radius:18px
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}
button,input,select,textarea{font:inherit}button,a{cursor:pointer}a{text-decoration:none;color:inherit}.hidden{display:none!important}
.login-screen{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;background:#fff}
.login-hero{background:linear-gradient(145deg,var(--navy2),var(--navy) 58%,#17447d);color:#fff;padding:46px 54px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.login-hero:before,.login-hero:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.05)}
.login-hero:before{width:430px;height:430px;right:-150px;top:-120px}.login-hero:after{width:300px;height:300px;left:-120px;bottom:-100px}
.brand-lockup{display:flex;gap:15px;align-items:center;position:relative;z-index:1}.logo-card{width:74px;height:74px;background:#fff;border-radius:20px;padding:6px;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.logo-card img,.sidebar-logo img,.mobile-logo img{width:100%;height:100%;object-fit:contain}.brand-lockup strong{display:block;font-size:22px}.brand-lockup span{display:block;font-size:10px;opacity:.72;margin-top:4px;letter-spacing:.7px}
.hero-copy{margin:auto 0;max-width:720px;position:relative;z-index:1}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;font-weight:900;color:#f0d58b}.eyebrow.dark{color:var(--blue)}
.hero-copy h1{font-size:54px;line-height:1.06;letter-spacing:-1.5px;margin:18px 0 16px}.hero-copy p{font-size:17px;line-height:1.65;opacity:.85;max-width:650px}
.hero-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;position:relative;z-index:1}.hero-features div{padding:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:15px}.hero-features b{display:block;font-size:13px}.hero-features span{display:block;font-size:11px;opacity:.7;margin-top:4px}
.login-panel{display:grid;place-items:center;padding:40px;background:#f7f9fc}.login-card{width:min(420px,100%);background:#fff;padding:36px;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}
.mobile-logo{display:none;width:90px;height:90px;margin:0 auto 20px}.login-card h2{font-size:30px;margin:10px 0 4px}.login-card p{color:var(--muted);font-size:13px}
label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#4b5870;margin-top:17px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);padding:11px 12px;outline:none;transition:.2s}
input:focus,select:focus,textarea:focus{border-color:#6d92c1;box-shadow:0 0 0 4px rgba(46,97,161,.1)}
.button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 14px;border-radius:11px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(13,39,69,.08)}
.button.primary{background:var(--navy);border-color:var(--navy);color:#fff}.button.gold{background:var(--gold);border-color:var(--gold);color:#142136}.button.whatsapp-button{background:#1c8e5d;border-color:#1c8e5d;color:#fff}.button.full{width:100%}.button.small{padding:8px 10px;font-size:11px}.login-card .button{margin-top:22px}
.form-message{min-height:20px;margin-top:12px;color:var(--danger);font-size:12px;text-align:center}.demo-credentials{margin-top:16px;padding:11px;background:var(--goldsoft);border-radius:11px;font-size:11px;line-height:1.5}
.app{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--navy),var(--navy2));color:#fff;padding:17px 14px;position:sticky;top:0;height:100vh;overflow:auto;z-index:30}
.sidebar-brand{display:flex;align-items:center;gap:11px;padding:5px 8px 20px}.sidebar-logo{width:49px;height:49px;background:#fff;border-radius:14px;padding:4px}.sidebar-brand b{display:block;font-size:17px}.sidebar-brand span{display:block;font-size:9px;opacity:.64;margin-top:3px;text-transform:uppercase;letter-spacing:.8px}
nav{display:grid}.nav-title{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;opacity:.48;padding:13px 11px 6px}.nav-item{border:0;background:transparent;color:#d7e1f0;display:flex;align-items:center;gap:11px;padding:11px;border-radius:11px;text-align:left;font-weight:750;margin:2px 0}
.nav-item i{font-style:normal;width:24px;height:24px;border-radius:8px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:11px}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.12);color:#fff}
.meta-card{margin-top:24px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);border-radius:15px;padding:13px}.meta-card-title{font-size:12px;font-weight:900;display:flex;align-items:center;gap:8px}.meta-card p{font-size:10px;opacity:.7;line-height:1.45;margin:7px 0 12px}
.status-dot{width:9px;height:9px;border-radius:50%;background:#8e9bad}.status-dot.online{background:#55d38b;box-shadow:0 0 0 4px rgba(85,211,139,.12)}.status-dot.warning{background:#f0b84f}
.main{min-width:0}.topbar{height:76px;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:20}
.topbar-left{display:flex;align-items:center;gap:14px}.topbar h1{font-size:20px;margin:0}.topbar p{font-size:11px;color:var(--muted);margin:3px 0 0}.topbar-actions{display:flex;align-items:center;gap:10px}.menu-button{display:none;border:0;background:#eef3f8;border-radius:10px;width:40px;height:40px}.icon-button{width:41px;height:41px;border:1px solid var(--line);background:#fff;border-radius:11px;font-size:17px}
.user-chip{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:5px 10px 5px 5px}.avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,var(--blue),var(--navy));color:#fff;display:grid;place-items:center;font-size:11px;font-weight:950}.user-chip b{display:block;font-size:11px}.user-chip span{display:block;font-size:9px;color:var(--muted);margin-top:2px}
.password-warning{background:#fff3cd;border-bottom:1px solid #f0d98b;padding:10px 26px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#765b05}
.content{padding:26px}.view{display:none}.view.active{display:block}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.toolbar-actions,.filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.filters input{min-width:300px}.muted{color:var(--muted)}.small-text{font-size:10px}.subheading{font-size:18px;margin:0}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 25px rgba(18,42,72,.05)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.stat-card{padding:18px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:95px;height:95px;border-radius:50%;background:var(--goldsoft);right:-37px;top:-40px}.stat-label{font-size:11px;color:var(--muted);font-weight:750}.stat-value{font-size:29px;font-weight:950;margin-top:7px}.stat-note{font-size:10px;color:var(--green);font-weight:750;margin-top:7px}.stat-icon{position:absolute;right:17px;bottom:15px;width:39px;height:39px;border-radius:12px;background:#f1f4f8;display:grid;place-items:center;color:var(--navy);font-weight:950}
.dashboard-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:16px;margin-bottom:16px}.section-card{padding:19px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.section-head.padded{padding:18px 18px 0}.section-head h3{font-size:15px;margin:0}.section-head p{font-size:10px;color:var(--muted);margin:4px 0 0}.text-button{border:0;background:transparent;color:var(--blue);font-weight:850;font-size:11px}
.funnel-row{display:grid;grid-template-columns:118px 1fr 40px;gap:10px;align-items:center;margin-bottom:10px}.funnel-label{font-size:10px;color:var(--muted)}.funnel-track{height:11px;background:#edf1f6;border-radius:999px;overflow:hidden}.funnel-fill{height:100%;background:linear-gradient(90deg,var(--navy),var(--blue));border-radius:999px}.funnel-value{text-align:right;font-size:11px;font-weight:900}
.health-row,.setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;background:var(--alt);border-radius:12px;margin-bottom:10px}.health-row b,.setting-row b{font-size:11px;display:block}.health-row span,.setting-row span{font-size:9px;color:var(--muted);display:block;margin-top:3px}
.pill,.good{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:900;background:#edf1f6;color:var(--muted)}.pill.connected,.good{background:var(--greensoft);color:var(--green)}.pill.pending{background:var(--orangesoft);color:var(--orange)}
.notice{margin-top:13px;padding:12px;background:var(--goldsoft);border-radius:12px;font-size:10px;line-height:1.5;color:#67541b}
.table-card{overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;font-size:11px}th{background:#f8fafc;color:var(--muted);font-weight:850;position:sticky;top:0}tbody tr:hover{background:#fbfcfe}
.lead-cell{display:flex;align-items:center;gap:10px}.mini-avatar{width:34px;height:34px;border-radius:10px;background:#e7eef7;color:var(--navy);display:grid;place-items:center;font-weight:950;font-size:10px}.lead-name{font-weight:900}.lead-meta{font-size:9px;color:var(--muted);margin-top:2px}
.score{font-weight:950}.score.high{color:var(--green)}.score.medium{color:var(--orange)}.score.low{color:var(--danger)}.stage-pill,.priority-pill,.temperature-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:900;background:#eaf1fb;color:var(--blue);white-space:nowrap}
.stage-pill.qualified,.temperature-pill.hot,.stage-pill.franchise-won,.stage-pill.paid,.stage-pill.launched{background:var(--greensoft);color:var(--green)}.stage-pill.proposal-sent,.stage-pill.meeting-scheduled,.stage-pill.pending,.stage-pill.part-paid,.stage-pill.agreement-signed,.stage-pill.site-finalisation,.stage-pill.design-boq,.stage-pill.setup-in-progress,.stage-pill.ready-to-launch,.priority-pill.high{background:var(--orangesoft);color:var(--orange)}.priority-pill.urgent{background:var(--dangersoft);color:var(--danger)}
.row-button{border:0;background:#eef3f8;color:var(--navy);font-weight:850;border-radius:9px;padding:7px 10px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;word-break:normal;overflow-wrap:normal;line-height:1;min-width:56px;min-height:34px}
.kanban{display:grid;grid-template-columns:repeat(7,minmax(245px,1fr));gap:13px;overflow:auto;padding-bottom:9px}.kanban-column{background:#e9eef4;border-radius:15px;padding:11px;min-height:570px}.kanban-head{display:flex;align-items:center;justify-content:space-between;padding:5px 5px 11px;font-size:11px;font-weight:950}.kanban-count{background:#fff;color:var(--muted);border-radius:999px;padding:3px 7px}.kanban-cards{display:grid;gap:9px}.kanban-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px;box-shadow:0 4px 12px rgba(16,38,66,.05);cursor:grab}.kanban-card.dragging{opacity:.45}.kanban-column.drag-over{outline:2px dashed var(--blue);outline-offset:-5px}.kanban-card-top{display:flex;justify-content:space-between;gap:8px}.kanban-card h4{font-size:11px;margin:0}.kanban-card p{font-size:9px;color:var(--muted);margin:4px 0 0}.kanban-card-info{display:flex;justify-content:space-between;gap:8px;margin-top:11px;font-size:9px;color:var(--muted)}.kanban-owner{margin-top:10px;padding-top:9px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}
.whatsapp{display:grid;grid-template-columns:315px 1fr;min-height:680px;overflow:hidden}.conversation-list{border-right:1px solid var(--line);background:#fbfcfd}.conversation-search{padding:13px;border-bottom:1px solid var(--line)}.conversation-item{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid #edf1f5;cursor:pointer}.conversation-item:hover,.conversation-item.active{background:#eef6f2}.conversation-item-main{min-width:0;flex:1}.conversation-item-top{display:flex;justify-content:space-between;gap:7px}.conversation-item b{font-size:11px}.conversation-item time{font-size:8px;color:var(--muted)}.conversation-preview{font-size:9px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversation-panel{display:flex;flex-direction:column;background:#f3f1eb}.conversation-header{height:65px;background:#fff;border-bottom:1px solid var(--line);padding:12px 17px;display:flex;align-items:center;justify-content:space-between}.conversation-header h3{font-size:13px;margin:0}.conversation-header p{font-size:9px;color:var(--muted);margin:3px 0 0}.message-thread{flex:1;padding:20px;display:flex;flex-direction:column;gap:9px;overflow:auto;background-image:radial-gradient(rgba(11,45,93,.045) 1px,transparent 1px);background-size:18px 18px}.message-bubble{max-width:72%;padding:10px 12px;border-radius:12px;font-size:11px;line-height:1.45;box-shadow:0 2px 5px rgba(0,0,0,.04)}.message-bubble.inbound{align-self:flex-start;background:#fff;border-top-left-radius:4px}.message-bubble.outbound{align-self:flex-end;background:#d8fbd2;border-top-right-radius:4px}.message-time{display:block;text-align:right;font-size:8px;color:#71806f;margin-top:5px}.message-form{display:grid;grid-template-columns:145px 1fr auto;gap:9px;padding:11px;background:#fff;border-top:1px solid var(--line)}.empty{margin:auto;color:var(--muted);text-align:center;font-size:12px;max-width:330px;line-height:1.6}
.task-list{display:grid;gap:10px}.task-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px}.task-item.completed{opacity:.58}.task-item input{width:20px;height:20px}.task-title{font-size:11px;font-weight:900}.task-meta{font-size:9px;color:var(--muted);margin-top:3px}.task-owner{font-size:9px;color:var(--muted)}
.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rank-list{display:grid;gap:10px}.rank-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px;background:var(--alt);border-radius:12px}.rank-row b{font-size:11px}.rank-row span{font-size:9px;color:var(--muted)}.rank-value{font-size:15px!important;color:var(--navy)!important;font-weight:950}.stage-report{margin-top:16px}.stage-bar-row{display:grid;grid-template-columns:140px 1fr 45px;gap:10px;align-items:center;margin-bottom:12px}.stage-bar-label{font-size:10px;color:var(--muted)}.stage-bar-track{height:12px;background:#edf1f6;border-radius:999px;overflow:hidden}.stage-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--navy));border-radius:999px}.stage-bar-value{text-align:right;font-size:11px;font-weight:900}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.code-box{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;background:#0d223f;color:#d7e5f5;border-radius:10px;padding:10px;overflow:auto;margin:10px 0}.copy-row{display:flex;gap:8px;align-items:center}.copy-row .code-box{flex:1}
.modal-backdrop{position:fixed;inset:0;background:rgba(3,16,32,.62);display:none;align-items:center;justify-content:center;padding:18px;z-index:100}.modal-backdrop.open{display:flex}.modal{background:#fff;border-radius:21px;box-shadow:var(--shadow);width:min(760px,100%);max-height:92vh;overflow:auto}.modal.small-modal{width:min(480px,100%)}.modal.large{width:min(1050px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:3}.modal-head h3{font-size:16px;margin:0}.modal-head p{font-size:9px;color:var(--muted);margin:4px 0 0}.modal-head button{border:0;background:#eef2f6;border-radius:10px;width:36px;height:36px;font-size:18px}.modal-body{padding:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{margin:0}.form-grid .full{grid-column:1/-1}.check{display:flex;align-items:center}.check input{width:18px;height:18px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}
.detail-layout{display:grid;grid-template-columns:1.25fr .75fr}.detail-main{padding:20px}.detail-side{padding:20px;background:#fafbfd;border-left:1px solid var(--line)}.lead-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:15px;padding:14px}.lead-hero-main{display:flex;align-items:center;gap:11px}.lead-hero h3{font-size:17px;margin:0}.lead-hero p{font-size:9px;color:var(--muted);margin:4px 0 0}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:13px}.info-box{border:1px solid var(--line);border-radius:12px;padding:11px}.info-box span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:850}.info-box b{display:block;font-size:11px;margin-top:5px}.timeline{display:grid;gap:12px;margin-top:16px}.timeline-title{font-size:13px;font-weight:950}.timeline-item{display:grid;grid-template-columns:14px 1fr;gap:9px}.timeline-dot{width:9px;height:9px;border-radius:50%;background:var(--gold);margin-top:4px}.timeline-item b{font-size:10px}.timeline-item p{font-size:9px;color:var(--muted);margin:3px 0 0;line-height:1.5}.action-stack{display:grid;gap:8px}.side-title{font-size:12px;font-weight:950;margin:0 0 10px}.side-form{display:grid;gap:10px;margin-top:18px}.side-form label{margin:0}.note-form{display:grid;gap:8px;margin-top:15px}
.toast{position:fixed;right:22px;bottom:22px;background:#102b50;color:#fff;padding:12px 15px;border-radius:12px;box-shadow:var(--shadow);z-index:200;font-size:11px;font-weight:800;transform:translateY(100px);opacity:0;transition:.28s}.toast.show{transform:translateY(0);opacity:1}
@media(max-width:1120px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr}.whatsapp{grid-template-columns:280px 1fr}}
@media(max-width:800px){.login-screen{grid-template-columns:1fr}.login-hero{display:none}.mobile-logo{display:block}.app{grid-template-columns:1fr}.sidebar{position:fixed;left:-275px;width:258px;transition:.25s}.sidebar.open{left:0}.menu-button{display:block}.content{padding:17px}.topbar{padding:0 14px}.user-chip div:last-child{display:none}.stats-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.filters{width:100%}.filters input{min-width:100%;width:100%}.whatsapp{grid-template-columns:1fr}.conversation-list{display:none}.detail-layout{grid-template-columns:1fr}.detail-side{border-left:0;border-top:1px solid var(--line)}.form-grid,.info-grid{grid-template-columns:1fr}.form-grid .full{grid-column:1}.message-form{grid-template-columns:1fr auto}.message-form select{grid-column:1/-1}.password-warning{align-items:flex-start;padding:10px 16px}.task-item{grid-template-columns:auto 1fr auto}.task-owner{display:none}}

.deal-stat-value{font-size:24px}.deal-summary{border:1px solid var(--line);background:var(--greensoft);border-radius:13px;padding:12px;margin-top:13px}.deal-summary b{font-size:11px}.deal-summary p{font-size:9px;color:var(--muted);margin:4px 0 0}

/* v1.2.3 — report cards typography and responsive spacing fix */
.rank-row{
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:14px;
  row-gap:6px;
  min-width:0;
}
.rank-row>div{
  min-width:0;
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:4px 7px;
}
.rank-row b{
  display:block;
  min-width:0;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.rank-row>div>span{
  display:block;
  margin:0;
  line-height:1.35;
  white-space:normal;
  overflow-wrap:anywhere;
}
.rank-value{
  min-width:42px;
  text-align:right;
  align-self:center;
  white-space:nowrap!important;
}
@media(max-width:520px){
  .rank-row{grid-template-columns:1fr;}
  .rank-value{text-align:left;min-width:0;}
}

/* SCUZO CRM Pro v2 — professional modules */
.whatsapp-pro{min-height:720px}
.conversation-routing{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.conversation-routing span{font-size:8px!important;background:#eef3f8;color:var(--navy)!important;padding:4px 7px;border-radius:999px;margin:0!important}
.message-agent{display:block;font-size:8px;font-weight:850;color:#47614d;margin-top:5px}
.message-form-pro{grid-template-columns:130px minmax(150px,220px) minmax(145px,190px) 1fr auto}
.automation-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}
.automation-list{display:grid;gap:12px}
.automation-card{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;padding:17px}
.automation-icon{width:44px;height:44px;border-radius:14px;background:var(--goldsoft);display:grid;place-items:center;font-size:20px}
.automation-main{min-width:0}.automation-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.automation-title h3{font-size:14px;margin:0}.automation-main p{font-size:10px;color:var(--muted);margin:6px 0}.automation-main b{font-size:10px;color:var(--navy)}
.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.resource-list{display:grid;gap:10px}.resource-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;background:var(--alt);border-radius:13px}.resource-icon{width:40px;height:40px;border-radius:12px;background:#e7eef7;color:var(--navy);display:grid;place-items:center;font-size:9px;font-weight:950}.resource-item div:nth-child(2){min-width:0}.resource-item b{display:block;font-size:11px}.resource-item span{display:block;font-size:9px;color:var(--muted);margin-top:4px;white-space:normal;overflow-wrap:anywhere}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}.team-card{padding:17px}.team-card-head{display:flex;gap:11px;align-items:center}.team-card-head>div:nth-child(2){min-width:0;flex:1}.team-card h3{font-size:13px;margin:0}.team-card p{font-size:9px;color:var(--muted);margin:4px 0 0}.team-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.team-metrics div{padding:10px 7px;background:var(--alt);border-radius:11px;text-align:center}.team-metrics b{display:block;font-size:15px}.team-metrics span{display:block;font-size:8px;color:var(--muted);margin-top:3px}.team-routing{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-top:12px;border-top:1px solid var(--line)}.team-routing span{font-size:9px;color:var(--muted)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;background:#eef2f7;padding:4px 6px;border-radius:7px}
@media(max-width:1280px){.team-grid{grid-template-columns:repeat(2,1fr)}.message-form-pro{grid-template-columns:130px 180px 160px 1fr auto}}
@media(max-width:1120px){.automation-summary{grid-template-columns:repeat(2,1fr)}.library-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr}.message-form-pro{grid-template-columns:1fr 1fr}.message-form-pro input{grid-column:1/-1}.message-form-pro button{grid-column:2}}
@media(max-width:800px){.automation-summary{grid-template-columns:1fr}.automation-card{grid-template-columns:auto 1fr}.automation-card>.button{grid-column:1/-1}.message-form-pro{grid-template-columns:1fr}.message-form-pro>*{grid-column:1!important}.team-metrics{grid-template-columns:repeat(2,1fr)}}


/* v2.1 — Accounting, GST and Tally control centre */
.form-section{padding:11px 13px;background:linear-gradient(90deg,#edf3fa,#f8fafc);border:1px solid var(--line);border-radius:13px;margin-top:4px}.form-section h4{font-size:12px;margin:0;color:var(--navy)}.form-section p{font-size:9px;color:var(--muted);margin:4px 0 0}.money-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:12px;background:var(--goldsoft);border-radius:13px}.money-summary div{min-width:0}.money-summary span{display:block;font-size:8px;color:#705a18}.money-summary b{display:block;font-size:12px;margin-top:4px;white-space:nowrap}.accounts-table{min-width:1450px}.accounting-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.accounting-heading{font-size:13px;font-weight:950;margin:20px 0 10px}.payment-register{display:grid;gap:9px}.payment-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}.payment-row b{display:block;font-size:12px}.payment-row span:not(.stage-pill){display:block;font-size:9px;color:var(--muted);margin-top:4px}.payment-actions{display:flex;gap:6px}.danger-soft{background:var(--dangersoft)!important;color:var(--danger)!important}.readonly-note{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--alt);font-size:10px;color:var(--muted);margin-top:6px}.stage-pill.pending-review,.stage-pill.queued{background:var(--orangesoft);color:var(--orange)}.stage-pill.confirmed,.stage-pill.posted{background:var(--greensoft);color:var(--green)}.stage-pill.rejected,.stage-pill.failed{background:var(--dangersoft);color:var(--danger)}.stage-pill.not-queued{background:#edf1f6;color:var(--muted)}
@media(max-width:1120px){.money-summary{grid-template-columns:repeat(2,1fr)}.accounting-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.money-summary,.accounting-grid{grid-template-columns:1fr}.payment-row{grid-template-columns:1fr}.payment-actions{justify-content:flex-start}}


/* v2.2 — LOI, payment request and final agreement workflow */
.documents-table{min-width:1450px}.professional-notice{margin-top:16px}.document-control-note{margin-top:15px;padding:13px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(90deg,#eef4fb,#fbfcfe)}.document-control-note b{font-size:11px}.document-control-note p{font-size:9px;color:var(--muted);line-height:1.55;margin:5px 0 0}.stage-pill.pending-sales-head-approval,.stage-pill.pending-legal-approval,.stage-pill.payment-requested{background:var(--orangesoft);color:var(--orange)}.stage-pill.approved,.stage-pill.signed,.stage-pill.payment-received{background:var(--greensoft);color:var(--green)}.stage-pill.sent{background:#eaf1fb;color:var(--blue)}.stage-pill.draft{background:#edf1f6;color:var(--muted)}
#documentTemplateForm textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.5}.document-sla{font-weight:900}.document-sla.overdue{color:var(--danger)}

.row-action-stack{display:flex;gap:6px;flex-wrap:wrap}

/* v2.3 stabilization: prevent metric text collisions and support admin integrations */
.stat-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:128px;padding-right:72px}
.stat-card .stat-label,.stat-card .stat-value,.stat-card .stat-note{display:block;width:100%;min-width:0;overflow-wrap:anywhere;word-break:normal;position:relative;z-index:1}
.stat-card .stat-label{line-height:1.25}
.stat-card .stat-value{line-height:1.05;margin-top:10px}
.stat-card .stat-note{line-height:1.35;margin-top:9px}
.document-stat-card{min-height:132px}
#documentStats.stats-grid{grid-template-columns:repeat(4,minmax(210px,1fr));overflow-x:auto;padding-bottom:2px}
.rank-row>div{display:flex;align-items:baseline;gap:6px;min-width:0;flex-wrap:wrap}
.rank-row b,.rank-row span{display:block;min-width:0;overflow-wrap:anywhere}
.rank-row .rank-value{justify-self:end;white-space:nowrap}
.integration-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}
.integration-summary-card{padding:16px;min-width:0}
.integration-summary-card span,.integration-summary-card b,.integration-summary-card small{display:block;overflow-wrap:anywhere}
.integration-summary-card span{font-size:10px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.integration-summary-card b{font-size:14px;color:var(--navy);margin-top:7px}
.integration-summary-card small{font-size:9px;color:var(--muted);line-height:1.45;margin-top:6px}
.integration-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.integration-card{min-width:0}
.integration-form{display:grid;gap:13px}
.integration-form .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.integration-form label{display:grid;gap:6px;font-size:10px;font-weight:800;color:var(--muted);min-width:0}
.integration-form label.full{grid-column:1/-1}
.integration-form input,.integration-form select{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;color:var(--ink)}
.integration-form .check{display:flex;align-items:center;gap:9px;background:var(--alt);border-radius:11px;padding:10px;color:var(--ink)}
.integration-form .check input{width:auto}
.webhook-box{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;background:#0d223f;color:#d7e5f5;border-radius:12px;padding:11px}
.webhook-box span{grid-column:1/-1;font-size:9px;color:#9eb5cf;text-transform:uppercase;letter-spacing:.5px}
.webhook-box code{font-size:9px;line-height:1.45;overflow-wrap:anywhere;min-width:0}
.integration-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.integration-result{min-height:18px;font-size:10px;line-height:1.45;color:var(--muted)}
.integration-result.success{color:var(--green)}
.integration-result.error{color:var(--red)}
.diagnostic-list{display:grid;gap:9px}
.diagnostic-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;background:var(--alt);padding:11px;border-radius:12px}
.diagnostic-row b,.diagnostic-row small{display:block}
.diagnostic-row b{font-size:11px}.diagnostic-row small{font-size:9px;color:var(--muted);margin-top:3px;line-height:1.45}
.diagnostic-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:900}
.diagnostic-icon.ok{background:var(--greensoft);color:var(--green)}
.diagnostic-icon.pending{background:var(--orangesoft);color:var(--orange)}
@media(max-width:1250px){#documentStats.stats-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.integration-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.integration-admin-grid{grid-template-columns:1fr}}
@media(max-width:800px){#documentStats.stats-grid,.integration-overview{grid-template-columns:1fr}.integration-form .field-grid{grid-template-columns:1fr}.integration-form label.full{grid-column:1}.webhook-box{grid-template-columns:1fr}.webhook-box .button{justify-self:start}}

/* v2.4 Safe Pilot data-safety workspace */
.data-safety-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}
.safety-stat{padding:18px;min-width:0;overflow:hidden}
.safety-stat span{display:block;color:var(--muted);font-size:12px;font-weight:750;margin-bottom:9px}
.safety-stat strong{display:block;font-size:18px;line-height:1.25;overflow-wrap:anywhere}
.safety-stat small{display:block;color:var(--muted);font-size:10px;line-height:1.45;margin-top:8px;overflow-wrap:anywhere}
.pending-text{color:#b7791f;font-weight:900}
.row-actions{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:1050px){.data-safety-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.data-safety-grid{grid-template-columns:1fr}}

.two-factor-setup{display:grid;gap:14px;margin-top:18px}
.secret-code{display:block;padding:14px;border:1px dashed var(--gold);border-radius:12px;background:#fffaf0;font-size:15px;letter-spacing:1.5px;overflow-wrap:anywhere;user-select:all}
.recovery-box{margin-top:18px;padding:16px;border-radius:14px;background:#fff8e7;border:1px solid #ead59c}
.recovery-box pre{white-space:pre-wrap;font-size:14px;line-height:1.7;font-weight:800;user-select:all}
.danger-button{background:#a83c3c!important;color:white!important;border-color:#a83c3c!important}


/* v2.5 Monthly Targets & Performance */
.performance-card{margin-bottom:18px}.performance-table{min-width:1500px}.performance-secondary{margin-top:18px}.achievement-cell{min-width:125px}.achievement-cell b{font-size:11px}.achievement-track{height:7px;background:#edf1f6;border-radius:999px;overflow:hidden;margin-top:7px}.achievement-track span{display:block;height:100%;border-radius:999px}.achievement-track span.complete{background:var(--green)}.achievement-track span.on-track{background:var(--gold)}.achievement-track span.behind{background:var(--danger)}
#performanceMonth{width:auto;min-width:165px}.performance-card td:nth-child(2),.performance-card td:nth-child(3),.performance-card td:nth-child(4),.performance-card td:nth-child(5),.performance-card td:nth-child(10){text-align:center}.performance-card th{white-space:nowrap}
@media(max-width:800px){#performanceMonth{width:100%}.performance-card{border-radius:14px}}


/* SCUZO CRM Pro v2.5.2 — Founder’s Pulse */
.founder-pulse-card{position:relative;display:grid;grid-template-columns:170px minmax(0,1fr) minmax(270px,340px);gap:24px;align-items:stretch;margin-bottom:16px;padding:22px;overflow:hidden;border:1px solid rgba(194,137,30,.34);background:linear-gradient(135deg,#fff 0%,#fffaf0 58%,#f5f8fc 100%)}
.founder-pulse-card::before{content:"";position:absolute;right:-100px;top:-140px;width:330px;height:330px;border-radius:50%;border:1px solid rgba(194,137,30,.24);box-shadow:0 0 0 34px rgba(194,137,30,.055),0 0 0 70px rgba(10,48,94,.035);pointer-events:none}
.founder-pulse-portrait{position:relative;z-index:1;min-height:218px;border-radius:19px;padding:4px;background:linear-gradient(145deg,#d9a52d,#082b57);box-shadow:0 12px 28px rgba(12,44,82,.16)}
.founder-pulse-portrait img{display:block;width:100%;height:100%;min-height:210px;max-height:255px;object-fit:cover;object-position:center top;border-radius:15px;background:#eef2f7}
.founder-pulse-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:4px 0}
.founder-pulse-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:9px}.founder-pulse-meta span{font-size:8px;font-weight:950;letter-spacing:1.15px;color:#8a6316;background:#fff3d4;border:1px solid rgba(194,137,30,.22);border-radius:999px;padding:5px 8px}.founder-pulse-meta span+span{color:var(--navy);background:#edf3fa;border-color:#dce6f2}
.founder-pulse-copy h2{font-family:Georgia,"Times New Roman",serif;color:var(--navy);font-size:25px;letter-spacing:1.15px;line-height:1.05;margin:0}.founder-pulse-subtitle{font-size:10px;font-weight:900;letter-spacing:.25px;color:#b27a13;margin:6px 0 15px}.founder-pulse-message{font-size:12px;line-height:1.7;color:#24364e;margin:0;white-space:pre-line;max-width:760px}.founder-pulse-signature{display:flex;flex-direction:column;margin-top:17px;padding-top:12px;border-top:1px solid rgba(194,137,30,.24)}.founder-pulse-signature b{font-family:Georgia,"Times New Roman",serif;font-size:15px;color:var(--navy)}.founder-pulse-signature span{font-size:9px;color:var(--muted);margin-top:3px}
.founder-pulse-quote{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;border-radius:17px;padding:20px;background:linear-gradient(145deg,#0a315f,#061f40);box-shadow:0 12px 30px rgba(8,43,87,.18);color:#fff}.founder-pulse-quote::before{content:"“";position:absolute;right:17px;top:1px;font-family:Georgia,serif;font-size:74px;line-height:1;color:rgba(226,174,58,.24)}.founder-pulse-quote-label{font-size:8px;font-weight:950;letter-spacing:1.15px;color:#f0c45d}.founder-pulse-quote blockquote{position:relative;font-family:Georgia,"Times New Roman",serif;font-size:17px;font-style:italic;line-height:1.45;margin:14px 0 16px;color:#fff}.founder-pulse-edit{align-self:flex-start;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);color:#fff}.founder-pulse-edit:hover{background:rgba(255,255,255,.18)}
.founder-pulse-admin-preview{display:flex;align-items:center;gap:15px;padding:14px;border:1px solid rgba(194,137,30,.28);border-radius:16px;background:linear-gradient(135deg,#fffaf0,#f5f8fc)}.founder-pulse-admin-preview img{width:78px;height:94px;object-fit:cover;object-position:center top;border-radius:13px;border:3px solid #d4a02d}.founder-pulse-admin-preview span{font-size:8px;font-weight:950;letter-spacing:1px;color:#a06d0c}.founder-pulse-admin-preview h4{font-family:Georgia,"Times New Roman",serif;color:var(--navy);font-size:18px;margin:4px 0}.founder-pulse-admin-preview p{font-size:10px;color:var(--muted);margin:0}
@media(max-width:1180px){.founder-pulse-card{grid-template-columns:145px minmax(0,1fr)}.founder-pulse-quote{grid-column:1/-1}.founder-pulse-portrait img{max-height:225px}}
@media(max-width:720px){.founder-pulse-card{grid-template-columns:1fr;padding:16px;gap:16px}.founder-pulse-portrait{width:min(210px,72vw);justify-self:center}.founder-pulse-copy{text-align:center}.founder-pulse-meta{justify-content:center}.founder-pulse-message{font-size:11px}.founder-pulse-signature{align-items:center}.founder-pulse-quote{text-align:center}.founder-pulse-edit{align-self:center}.founder-pulse-admin-preview{align-items:flex-start}}


/* v2.5.1 — Dashboard Command Centre */
.dashboard-command-bar{display:grid;grid-template-columns:minmax(290px,1.35fr) minmax(210px,.9fr) minmax(210px,.9fr) minmax(245px,1.05fr);gap:12px;margin-bottom:18px}
.dashboard-command-card{position:relative;min-width:0;min-height:108px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(16,38,66,.055);overflow:hidden}
.dashboard-command-kicker{display:block;font-size:8px;font-weight:950;letter-spacing:1.05px;color:#9a6a10}
.dashboard-quick-action{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:17px 18px 28px;background:linear-gradient(135deg,#fff 0%,#fffaf0 100%);border-color:rgba(194,137,30,.3)}
.dashboard-quick-action::after{content:"";position:absolute;right:-34px;top:-62px;width:145px;height:145px;border-radius:50%;background:rgba(220,170,56,.1);pointer-events:none}
.dashboard-command-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;min-width:0}.dashboard-command-copy strong{font-size:14px;color:var(--navy)}.dashboard-command-copy small{font-size:9px;color:var(--muted);line-height:1.4}.dashboard-add-lead{position:relative;z-index:1;white-space:nowrap;padding:11px 15px}
.dashboard-sync-status{position:absolute;left:18px;bottom:9px;font-size:8px;font-weight:800;color:var(--muted)}
.dashboard-date-card{display:flex;align-items:center;gap:13px;padding:14px 16px}.dashboard-calendar-sheet{flex:0 0 70px;border:1px solid #d8e2ed;border-radius:13px;overflow:hidden;text-align:center;background:#f8fafc;box-shadow:0 4px 10px rgba(16,38,66,.05)}.dashboard-calendar-sheet span{display:block;padding:5px;background:var(--navy);color:#fff;font-size:8px;font-weight:950;letter-spacing:1.2px}.dashboard-calendar-sheet b{display:block;padding:6px 5px 8px;font-size:27px;line-height:1;color:var(--navy)}.dashboard-date-copy{display:flex;flex-direction:column;min-width:0}.dashboard-date-copy>span{font-size:10px;font-weight:950;color:#b07b17}.dashboard-date-copy strong{font-size:12px;color:var(--navy);margin-top:4px;line-height:1.35}.dashboard-date-copy small{font-size:8px;color:var(--muted);margin-top:4px}
.dashboard-clock-card{display:flex;flex-direction:column;justify-content:center;padding:16px 18px;background:linear-gradient(145deg,#0a315f,#061f40);border-color:#0a315f;color:#fff}.dashboard-clock-card .dashboard-command-kicker{color:#efc760}.dashboard-clock-card strong{font-size:22px;line-height:1.15;letter-spacing:.35px;margin-top:8px;font-variant-numeric:tabular-nums;white-space:nowrap}.dashboard-clock-card small{font-size:8px;color:#bdd0e5;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-sprint-card{display:flex;flex-direction:column;justify-content:center;text-align:left;padding:14px 16px;border-color:rgba(194,137,30,.34);background:linear-gradient(135deg,#fff9e9,#fff);cursor:pointer;font-family:inherit;transition:transform .18s ease,box-shadow .18s ease}.dashboard-sprint-card:hover{transform:translateY(-1px);box-shadow:0 11px 28px rgba(16,38,66,.09)}.dashboard-sprint-main{display:flex;align-items:flex-end;gap:8px;margin-top:5px}.dashboard-sprint-main strong{font-size:29px;line-height:1;color:var(--navy);font-variant-numeric:tabular-nums}.dashboard-sprint-main span{font-size:9px;font-weight:950;color:#a46f0c;padding-bottom:3px}.dashboard-sprint-clock{font-size:10px;font-weight:900;color:#31445e;letter-spacing:.5px;margin-top:5px;font-variant-numeric:tabular-nums}.dashboard-sprint-track{height:5px;background:#e9edf2;border-radius:999px;overflow:hidden;margin-top:8px}.dashboard-sprint-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#d6a42f,#0a315f);border-radius:999px;transition:width .35s ease}.dashboard-sprint-card small{font-size:7px;color:var(--muted);margin-top:6px}
.founder-pulse-quote blockquote{font-size:clamp(21px,1.55vw,27px);line-height:1.38;margin:16px 0 18px}
@media(max-width:1280px){.dashboard-command-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.dashboard-command-bar{grid-template-columns:1fr;gap:10px}.dashboard-command-card{min-height:96px}.dashboard-quick-action{grid-template-columns:1fr auto}.dashboard-clock-card strong{font-size:21px}.founder-pulse-quote blockquote{font-size:22px}}
@media(max-width:430px){.dashboard-quick-action{grid-template-columns:1fr}.dashboard-add-lead{justify-self:start}.dashboard-sync-status{display:none}.dashboard-date-card{padding:13px}.dashboard-calendar-sheet{flex-basis:64px}.dashboard-sprint-main strong{font-size:27px}}

/* =============================================================
   SCUZO CRM Pro v2.6 — Mobile Workforce Edition
   Installable PWA, touch-first navigation and no-scroll registers
   ============================================================= */
.sidebar-scrim,.mobile-bottom-nav,.mobile-install-bar,.network-status,.mobile-chat-back{display:none}
.mobile-install-top{display:none}

@media (display-mode:standalone){
  html,body{overscroll-behavior-y:none}
  .mobile-install-bar,.mobile-install-top{display:none!important}
}

@media(max-width:800px){
  :root{--mobile-nav-height:68px}
  html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-padding-top:76px}
  body{min-height:100dvh;padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));overflow-x:hidden;-webkit-tap-highlight-color:transparent}
  body.mobile-menu-open{overflow:hidden}
  button,.button,input,select,textarea{min-height:44px}
  input,select,textarea{font-size:16px}

  .app{display:block;min-height:100dvh}
  .main{width:100%;min-width:0}
  .sidebar{position:fixed;inset:0 auto 0 0;left:0;width:min(86vw,310px);height:100dvh;padding:calc(15px + env(safe-area-inset-top)) 14px calc(22px + env(safe-area-inset-bottom));transform:translateX(-105%);transition:transform .22s ease;box-shadow:18px 0 44px rgba(1,18,39,.28);z-index:120}
  .sidebar.open{left:0;transform:translateX(0)}
  .sidebar-scrim{position:fixed;inset:0;border:0;background:rgba(2,16,35,.55);backdrop-filter:blur(2px);z-index:110}
  .sidebar-scrim.open{display:block}
  .sidebar nav{padding-bottom:16px}
  .nav-item{min-height:46px;font-size:14px}
  .meta-card{margin-bottom:20px}

  .topbar{height:auto;min-height:66px;padding:calc(9px + env(safe-area-inset-top)) 12px 9px;gap:8px;z-index:90}
  .topbar-left{gap:9px;min-width:0}
  .topbar-left>div{min-width:0}
  .topbar h1{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .topbar p{display:none}
  .menu-button{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;font-size:19px}
  .topbar-actions{gap:6px}
  .topbar-actions .icon-button{width:42px;height:42px;flex:0 0 42px}
  .topbar-actions #refreshButton{display:none}
  .user-chip{padding:4px;border-radius:12px}
  .user-chip .avatar{width:34px;height:34px}
  .user-chip div:last-child{display:none}
  .mobile-install-top:not(.hidden){display:grid;place-items:center}

  .password-warning{padding:11px 13px;align-items:flex-start;font-size:11px}
  .password-warning .button{flex:0 0 auto}
  .content{padding:13px 11px calc(24px + env(safe-area-inset-bottom));overflow-x:hidden}
  .view{min-width:0}
  .toolbar{align-items:stretch;margin-bottom:13px;gap:10px}
  .toolbar>div:first-child{min-width:0}
  .toolbar-actions,.filters{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .toolbar-actions>*:only-child,.filters>*:only-child{grid-column:1/-1}
  .filters input,.filters select,.toolbar-actions input,.toolbar-actions select{min-width:0;width:100%}
  .toolbar-actions .button,.toolbar-actions a.button{width:100%}
  .subheading{font-size:17px}
  .small-text{line-height:1.45}

  .mobile-install-bar:not(.hidden){display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;margin:10px 11px 0;padding:10px;border:1px solid rgba(194,137,30,.32);border-radius:15px;background:linear-gradient(135deg,#fff9e8,#fff);box-shadow:0 8px 22px rgba(15,40,70,.08)}
  .mobile-install-icon{width:40px;height:40px;border-radius:11px;overflow:hidden;background:#fff;border:1px solid var(--line)}
  .mobile-install-icon img{width:100%;height:100%;object-fit:cover}
  .mobile-install-copy{min-width:0}.mobile-install-copy b,.mobile-install-copy span{display:block}.mobile-install-copy b{font-size:11px;color:var(--navy)}.mobile-install-copy span{font-size:8px;color:var(--muted);line-height:1.35;margin-top:3px}
  .mobile-install-dismiss{width:34px;height:34px;min-height:34px;border:0;border-radius:10px;background:#eef2f6;color:var(--muted);font-size:18px}
  .network-status:not(.hidden){position:fixed;left:10px;right:10px;bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 9px);z-index:170;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:12px;background:#7e2f2f;color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.2)}
  .network-status b{font-size:10px}.network-status span{font-size:8px;opacity:.84}

  .mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:100;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));padding:5px 6px env(safe-area-inset-bottom);border-top:1px solid rgba(15,43,83,.12);background:rgba(255,255,255,.96);backdrop-filter:blur(16px);box-shadow:0 -10px 30px rgba(15,40,70,.08)}
  .mobile-nav-item{min-width:0;min-height:56px;border:0;border-radius:12px;background:transparent;color:#738095;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-weight:850}
  .mobile-nav-item i{width:27px;height:25px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-size:12px}
  .mobile-nav-item span{font-size:8px;white-space:nowrap}
  .mobile-nav-item.active{color:var(--navy);background:#edf3fa}
  .mobile-nav-item.active i{background:var(--navy);color:#fff}

  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:11px}
  .stat-card{min-height:116px;padding:14px 50px 13px 14px;border-radius:15px}
  .stat-card .stat-label{font-size:9px}.stat-card .stat-value{font-size:25px;margin-top:8px}.stat-card .stat-note{font-size:8px}.stat-icon{right:11px;bottom:11px;width:34px;height:34px}
  .dashboard-grid,.report-grid,.settings-grid,.library-grid,.integration-admin-grid{grid-template-columns:1fr;gap:11px}
  .section-card{padding:15px}
  .section-head{margin-bottom:12px}.section-head h3{font-size:14px}.section-head p{font-size:9px}

  .dashboard-command-bar{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:11px}
  .dashboard-command-card{min-height:94px;border-radius:15px}
  .dashboard-quick-action,.dashboard-sprint-card{grid-column:1/-1}
  .dashboard-quick-action{padding:14px 14px 27px}
  .dashboard-date-card{padding:11px;gap:9px}.dashboard-calendar-sheet{flex-basis:56px}.dashboard-calendar-sheet b{font-size:23px}
  .dashboard-date-copy strong{font-size:10px}.dashboard-date-copy small{display:none}
  .dashboard-clock-card{padding:13px}.dashboard-clock-card strong{font-size:18px}.dashboard-clock-card small{font-size:7px}
  .dashboard-sprint-card{padding:13px 14px}.dashboard-sprint-main strong{font-size:27px}

  .founder-pulse-card{grid-template-columns:82px minmax(0,1fr);padding:13px;gap:12px;border-radius:16px}
  .founder-pulse-portrait{width:82px;min-height:112px;border-radius:15px;padding:3px;align-self:start}
  .founder-pulse-portrait img{min-height:106px;height:106px;border-radius:12px}
  .founder-pulse-copy{text-align:left;padding:0;justify-content:flex-start}
  .founder-pulse-meta{justify-content:flex-start;margin-bottom:6px}.founder-pulse-meta span{font-size:6px;padding:4px 6px}
  .founder-pulse-copy h2{font-size:19px}.founder-pulse-subtitle{font-size:8px;margin:4px 0 8px}
  .founder-pulse-message{font-size:9px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
  .founder-pulse-signature{align-items:flex-start;margin-top:9px;padding-top:8px}.founder-pulse-signature b{font-size:12px}.founder-pulse-signature span{font-size:7px}
  .founder-pulse-quote{grid-column:1/-1;padding:17px;text-align:left}.founder-pulse-quote blockquote{font-size:21px;line-height:1.35;margin:12px 0 15px}.founder-pulse-edit{align-self:flex-start}

  /* Every register becomes a labelled card list on phones. */
  .table-card{overflow:visible;border:0;background:transparent;box-shadow:none}
  .table-card>.section-head{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;margin-bottom:10px}
  .table-scroll{overflow:visible;width:100%}
  .table-scroll table,.documents-table,.accounts-table,.performance-table{display:block;width:100%;min-width:0!important;border-collapse:separate}
  .table-scroll thead{display:none}
  .table-scroll tbody{display:grid;gap:10px;width:100%}
  .table-scroll tbody tr{display:grid;width:100%;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 5px 16px rgba(16,38,66,.045);overflow:hidden}
  .table-scroll tbody tr:hover{background:#fff}
  .table-scroll tbody td{display:grid;grid-template-columns:minmax(82px,34%) minmax(0,1fr);align-items:center;gap:10px;width:100%;min-width:0;padding:9px 0;border-bottom:1px dashed #e6ebf1;text-align:right!important;font-size:10px;overflow-wrap:anywhere}
  .table-scroll tbody td:last-child{border-bottom:0}
  .table-scroll tbody td::before{content:attr(data-label);font-size:8px;font-weight:900;letter-spacing:.25px;text-transform:uppercase;color:var(--muted);text-align:left}
  .table-scroll tbody td>*{min-width:0;justify-self:end}
  .table-scroll tbody td .lead-cell,.table-scroll tbody td .row-actions,.table-scroll tbody td .row-action-stack{justify-self:end;justify-content:flex-end}
  .table-scroll tbody td[data-label="Investor"]{grid-template-columns:1fr;text-align:left!important;padding-top:7px}
  .table-scroll tbody td[data-label="Investor"]::before{display:none}
  .table-scroll tbody td[data-label="Investor"]>*{justify-self:start}
  .table-scroll tbody td[data-label="Actions"],.table-scroll tbody td[data-label="Action"],.table-scroll tbody td[data-label="Details"]:last-child{grid-template-columns:1fr;padding-top:11px}
  .table-scroll tbody td[data-label="Actions"]::before,.table-scroll tbody td[data-label="Action"]::before{display:none}
  .table-scroll tbody td[data-label="Actions"] .button,.table-scroll tbody td[data-label="Action"] .button{width:100%;justify-self:stretch}
  .table-scroll tbody tr td:only-child{display:block;text-align:center!important;color:var(--muted)}
  .table-scroll tbody tr td:only-child::before{display:none}

  .kanban{display:grid;grid-template-columns:1fr;gap:10px;overflow:visible;padding:0}
  .kanban-column{min-height:0;border-radius:15px;padding:10px}
  .kanban-cards:empty{display:none}
  .kanban-card{cursor:pointer;padding:13px}

  .whatsapp{display:block;min-height:calc(100dvh - 158px);border-radius:16px;overflow:hidden}
  .conversation-list{display:block;border-right:0;min-height:calc(100dvh - 158px)}
  .conversation-search{position:sticky;top:0;z-index:2;background:#fbfcfd;padding:11px}
  .conversation-item{min-height:68px;padding:12px}
  .conversation-item b{font-size:12px}.conversation-preview{font-size:9px}
  .conversation-panel{display:none;grid-template-rows:auto minmax(0,1fr) auto;min-height:calc(100dvh - 158px)}
  .whatsapp.mobile-chat-open .conversation-list{display:none}
  .whatsapp.mobile-chat-open .conversation-panel{display:grid}
  .conversation-header{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;background:#fff}
  .conversation-header h3{font-size:13px}.conversation-header p{font-size:8px;line-height:1.35}.conversation-routing{gap:5px}.conversation-routing span{font-size:7px;padding:4px 6px}
  .mobile-chat-back{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:0;border-radius:10px;background:#edf3fa;color:var(--navy);font-size:10px;font-weight:900;padding:0 9px}
  .message-thread{min-height:0;padding:12px 9px;overflow:auto}
  .message-bubble{max-width:91%;font-size:10px;line-height:1.5}
  .message-form-pro{position:sticky;bottom:0;z-index:4;display:grid;grid-template-columns:1fr auto!important;gap:7px;padding:9px calc(9px + env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) calc(9px + env(safe-area-inset-left));background:#fff;border-top:1px solid var(--line)}
  .message-form-pro select{grid-column:1/-1!important;min-height:40px;font-size:14px}
  .message-form-pro input{grid-column:1!important;min-height:44px;font-size:16px}
  .message-form-pro button{grid-column:2!important;min-width:70px}

  .task-item{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:13px}
  .task-item>.button,.task-item>button{grid-column:1/-1;width:100%}
  .task-owner{display:none}
  .automation-card,.resource-item,.payment-row{border-radius:14px}
  .automation-card{grid-template-columns:auto minmax(0,1fr);padding:13px}.automation-card>.button{grid-column:1/-1;width:100%}
  .resource-item{grid-template-columns:auto minmax(0,1fr)}.resource-item>.button{grid-column:1/-1;width:100%}
  .team-grid{grid-template-columns:1fr;gap:10px}.team-card{padding:14px}.team-metrics{grid-template-columns:repeat(2,1fr)}
  .money-summary,.accounting-grid,.data-safety-grid,.integration-overview{grid-template-columns:1fr 1fr;gap:9px}
  .integration-form .field-grid{grid-template-columns:1fr}.integration-form label.full{grid-column:1}.integration-actions{display:grid;grid-template-columns:1fr 1fr}.integration-actions .button{width:100%}
  .webhook-box{grid-template-columns:1fr}.webhook-box .button{justify-self:stretch;width:100%}

  .modal-backdrop{align-items:stretch;justify-content:stretch;padding:0;z-index:250}
  .modal,.modal.small-modal,.modal.large,.modal.medium{width:100%;max-width:none;height:100dvh;max-height:100dvh;border-radius:0;box-shadow:none}
  .modal-head{padding:calc(13px + env(safe-area-inset-top)) 14px 12px}
  .modal-head h3{font-size:17px}.modal-head p{font-size:9px}
  .modal-body{padding:14px 13px calc(25px + env(safe-area-inset-bottom))}
  .form-grid,.info-grid{grid-template-columns:1fr}.form-grid .full{grid-column:1}
  .modal-actions{position:sticky;bottom:0;z-index:2;display:grid;grid-template-columns:1fr 1fr;margin:17px -13px calc(-25px - env(safe-area-inset-bottom));padding:10px 13px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--line);backdrop-filter:blur(10px)}
  .modal-actions .button{width:100%}
  .detail-layout{grid-template-columns:1fr}.detail-side{border-left:0;border-top:1px solid var(--line)}
  .founder-pulse-admin-preview{align-items:flex-start}

  .toast{left:12px;right:12px;bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 10px);transform:none;width:auto;text-align:center}
}

@media(max-width:430px){
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat-card{padding-right:43px}.stat-card .stat-value{font-size:22px}
  .dashboard-command-bar{grid-template-columns:1fr 1fr}
  .dashboard-quick-action,.dashboard-sprint-card{grid-column:1/-1}
  .dashboard-date-card,.dashboard-clock-card{min-height:104px}
  .founder-pulse-card{grid-template-columns:72px minmax(0,1fr)}
  .founder-pulse-portrait{width:72px;min-height:100px}.founder-pulse-portrait img{height:94px;min-height:94px}
  .founder-pulse-copy h2{font-size:17px}.founder-pulse-message{font-size:8px;-webkit-line-clamp:4}
  .money-summary,.accounting-grid,.data-safety-grid,.integration-overview{grid-template-columns:1fr}
  .toolbar-actions,.filters{grid-template-columns:1fr}
  .integration-actions{grid-template-columns:1fr}
  .mobile-install-bar:not(.hidden){grid-template-columns:auto minmax(0,1fr) auto}.mobile-install-bar .button{grid-column:1/-1;width:100%}.mobile-install-dismiss{grid-column:3;grid-row:1}
}

@media(min-width:801px){.mobile-call-action{display:none}}
@media(max-width:800px){
  .login-screen:not(.hidden)~.mobile-bottom-nav{display:none!important}
  .mobile-call-action{background:#e9f7ef;border-color:#bfe4cf;color:#18744b}
  .action-stack .button,.action-stack a.button{width:100%}
}


/* v2.6.2 WhatsApp policy notice */
.whatsapp-policy-note {
  margin: 0 16px 10px;
  padding: 10px 12px;
  border: 1px solid #ead7a0;
  border-radius: 12px;
  background: #fff9e8;
  color: #5e4a16;
  font-size: 12px;
  line-height: 1.45;
}


/* 20260731-v263-final-stable — final branded header and WhatsApp welcome flow */
.topbar{
  background:
    radial-gradient(circle at 84% 12%,rgba(210,170,77,.17),transparent 24%),
    radial-gradient(circle at 58% 115%,rgba(49,95,156,.13),transparent 34%),
    linear-gradient(100deg,#ffffff 0%,#f6f9fd 54%,#fff9e9 100%);
  box-shadow:0 8px 24px rgba(11,45,93,.06);
  overflow:hidden;
}
.topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--navy),var(--blue) 55%,var(--gold) 82%,var(--red));opacity:.92}
.topbar-left,.topbar-actions{position:relative;z-index:1}
.topbar-brand-mark{width:48px;height:48px;flex:0 0 48px;border-radius:15px;padding:4px;background:#fff;border:1px solid rgba(11,45,93,.1);box-shadow:0 8px 20px rgba(11,45,93,.12);display:grid;place-items:center}
.topbar-brand-mark img{width:100%;height:100%;object-fit:contain}
.topbar-heading{min-width:0}
.topbar-brand-label{display:block;color:var(--gold);font-size:7px;line-height:1;font-weight:950;letter-spacing:1.3px;margin-bottom:4px}
.topbar h1{color:var(--navy)}
.user-chip{background:rgba(255,255,255,.78);border-color:rgba(11,45,93,.12);box-shadow:0 5px 15px rgba(11,45,93,.06)}
.whatsapp-welcome-panel{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.whatsapp-welcome-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;padding:15px;border-radius:15px;background:linear-gradient(135deg,#eef6ff,#fff8e7);border:1px solid #dce7f3}
.whatsapp-welcome-head h4{font-size:14px;color:var(--navy);margin:4px 0 5px}
.whatsapp-welcome-head p{font-size:9px;line-height:1.55;color:var(--muted);margin:0;max-width:620px}
.integration-mini-label{font-size:7px;letter-spacing:1.2px;font-weight:950;color:var(--gold)}
.compact-integration-form{padding-top:0}
.welcome-flow-route{display:grid;gap:4px;padding:12px 13px;border-radius:12px;background:#edf8f2;border:1px solid #d4ecdf}
.welcome-flow-route b{font-size:10px;color:var(--green)}
.welcome-flow-route span{font-size:9px;color:#557064;line-height:1.5}
@media(max-width:800px){
  .topbar-brand-mark{width:42px;height:42px;flex-basis:42px;border-radius:13px}
  .topbar-brand-label{font-size:6px;letter-spacing:.9px}
  .whatsapp-welcome-head{display:grid}
}


/* 20260731-v272 — Workforce Intelligence retained */
.workforce-toolbar{align-items:flex-start}
.email-status-banner{display:flex;align-items:center;gap:11px;padding:12px 15px;margin-bottom:16px;border-radius:14px;background:linear-gradient(100deg,#f5f9ff,#fff9e9);border:1px solid #dae5f2;color:var(--navy)}
.email-status-banner div{display:grid;gap:2px;flex:1}.email-status-banner b{font-size:11px}.email-status-banner span{font-size:9px;color:var(--muted)}
.workforce-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.workforce-attendance{display:grid;gap:8px;padding:8px 0}.workforce-attendance b{font-size:17px;color:var(--navy)}.workforce-attendance span{font-size:10px;color:var(--muted)}
.allowance-profile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.allowance-profile>div{padding:12px;border-radius:12px;background:#f6f8fc;border:1px solid var(--line);display:grid;gap:4px}.allowance-profile span{font-size:8px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:800}.allowance-profile b{font-size:12px;color:var(--navy)}
.workforce-management-card{margin-top:16px}.workforce-report-table td small,.workforce-report-table td b{display:block}
.employee-identity{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;min-width:145px;max-width:240px;line-height:1.25}
.employee-identity b,.employee-identity small{display:block;min-width:0;overflow-wrap:anywhere;word-break:normal;white-space:normal}
.employee-identity b{font-size:11px;color:var(--navy)}
.employee-identity small{font-size:9px;color:var(--muted);margin:0}
.workforce-management-card tbody td:first-child,.workforce-report-table tbody td:first-child{vertical-align:top;min-width:175px}
.report-access-field{display:flex;flex-wrap:wrap;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px}.report-access-field legend{padding:0 6px;font-size:9px;font-weight:900;color:var(--navy)}
.team-profile-line{display:grid;gap:5px;padding:10px 0;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.team-card-actions{display:flex;gap:7px;flex-wrap:wrap}.danger-outline{border-color:#efb4b4!important;color:#b42318!important;background:#fff7f7!important}
.button.danger{background:#b42318;color:#fff;border-color:#b42318}
@media(max-width:900px){.workforce-layout{grid-template-columns:1fr}.workforce-toolbar .toolbar-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:600px){.allowance-profile{grid-template-columns:1fr}.workforce-toolbar .toolbar-actions{grid-template-columns:1fr}}

/* 20260731-v272-bulk-lead-import — controlled Excel upload */
.bulk-import-button{border-color:#c9a64c;color:var(--navy);background:linear-gradient(135deg,#fffdf6,#fff6d8);font-weight:900}
.bulk-import-button:hover{box-shadow:0 7px 18px rgba(180,139,44,.18)}
.bulk-import-modal{max-width:1100px}
.bulk-import-body{display:grid;gap:16px;background:linear-gradient(180deg,#fbfdff 0%,#f7f9fc 100%)}
.bulk-import-step{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(11,45,93,.05)}
.bulk-step-number{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),#2d5c9b);color:#fff;font-size:16px;font-weight:950;box-shadow:0 7px 16px rgba(11,45,93,.18)}
.bulk-step-content{min-width:0}.bulk-step-content h4{margin:1px 0 5px;color:var(--navy);font-size:14px}.bulk-step-content p{margin:0 0 12px;color:var(--muted);font-size:10px;line-height:1.55}
.bulk-file-picker{display:grid;gap:7px;padding:13px;border-radius:13px;border:1px dashed #9eb5cf;background:#f7fbff;color:var(--navy);font-size:10px;font-weight:850}
.bulk-file-picker input{width:100%;padding:10px;background:#fff;border:1px solid var(--line);border-radius:10px}
.bulk-import-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}
.bulk-import-results{padding:16px;border:1px solid #d8e4f0;border-radius:16px;background:#fff;box-shadow:0 9px 26px rgba(11,45,93,.06)}
.bulk-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 14px}
.bulk-summary-grid article{padding:12px 14px;border-radius:13px;background:#f4f7fb;border:1px solid #e1e8f0;display:grid;gap:4px}.bulk-summary-grid span{font-size:8px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:850}.bulk-summary-grid b{font-size:21px;color:var(--navy)}
.bulk-summary-grid .ready{background:#edf8f2;border-color:#cce9d9}.bulk-summary-grid .ready b{color:#18744b}
.bulk-summary-grid .duplicate{background:#fff9e9;border-color:#ead9a7}.bulk-summary-grid .duplicate b{color:#8a6815}
.bulk-summary-grid .rejected{background:#fff2f2;border-color:#efcccc}.bulk-summary-grid .rejected b{color:#a52b2b}
.bulk-preview-table{max-height:360px;border:1px solid var(--line);border-radius:12px}.bulk-preview-table table{min-width:980px}.bulk-preview-table th{position:sticky;top:0;z-index:2;background:#eef3f9}.bulk-preview-table td{vertical-align:top;font-size:9px;line-height:1.45}
.bulk-status{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:950;letter-spacing:.4px}.bulk-status.ready{background:#e7f6ed;color:#18744b}.bulk-status.duplicate{background:#fff3cc;color:#7b5d12}.bulk-status.rejected{background:#fde8e8;color:#a52b2b}
@media(max-width:800px){.bulk-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bulk-import-step{grid-template-columns:34px minmax(0,1fr);padding:13px;gap:10px}.bulk-step-number{width:34px;height:34px;border-radius:10px;font-size:13px}.bulk-import-actions{display:grid;grid-template-columns:1fr}.bulk-import-actions .button{width:100%}}
@media(max-width:430px){.bulk-summary-grid{grid-template-columns:1fr 1fr}.bulk-import-results{padding:12px}}
.bulk-status.imported{background:#e7f6ed;color:#18744b}

/* 20260731-v280-lead-intelligence — receiving timestamp, SLA and aging */
.received-time{display:flex;flex-direction:column;gap:2px;min-width:112px}.received-time b{font-size:12px;color:#17345d}.received-time span{font-size:11px;color:#6b7a90}.kanban-received{display:flex;justify-content:space-between;gap:8px;margin:8px 0 4px;padding:7px 8px;border-radius:9px;background:#f4f7fb;color:#52657e;font-size:10px;line-height:1.3}.report-section-title{display:flex;align-items:flex-end;justify-content:space-between;margin:24px 0 10px}.lead-intelligence-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.lead-intelligence-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intelligence-tables{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.neglected-leads-card{margin-top:16px}.attention-text{color:#a33a2f;font-weight:700}.attention-value{color:#a33a2f!important}.reports-view-note{font-size:12px;color:#68788f}
@media(max-width:1180px){.lead-intelligence-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.lead-intelligence-grid,.intelligence-tables{grid-template-columns:1fr}}
@media(max-width:720px){.lead-intelligence-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.kanban-received{flex-direction:column}.received-time{min-width:0}.report-section-title{margin-top:18px}}

.contact-button{border-color:#d7a735!important;background:#fff8e6!important;color:#7d5b00!important;font-weight:800}


/* =============================================================
   20260731-v282-current-crm-mobile-api — technical values and table alignment
   Fixes undersized/overflowing environment-variable, URL and ID values
   throughout desktop, tablet and mobile views without altering data.
   ============================================================= */
.table-scroll th,.table-scroll td{vertical-align:middle}
.table-scroll td{overflow-wrap:anywhere;word-break:normal}
.table-scroll td>*{max-width:100%}

/* A readable, wrapping technical token replaces the old global 9px chip. */
code:not(.secret-code){
  display:inline-block;
  max-width:100%;
  min-width:0;
  padding:5px 8px;
  border:1px solid #dbe3ed;
  border-radius:8px;
  background:#eef2f7;
  color:#26374f;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  font-size:11px;
  font-weight:650;
  line-height:1.4;
  letter-spacing:0;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  vertical-align:middle;
}
.technical-cell{min-width:0}
.technical-token{width:max-content;max-width:100%;text-align:left}

/* Long callbacks, IDs and copied values must shrink inside their grid/flex parent. */
.copy-row,.copy-row .code-box,.webhook-box,.webhook-box code{min-width:0}
.code-box{
  font-size:11px;
  line-height:1.5;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.webhook-box code{
  display:block;
  width:100%;
  padding:8px 9px;
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  color:#e5eef8;
  font-size:11px;
}

/* Stable column proportions keep values directly under their headings. */
.channel-table{table-layout:fixed;min-width:760px}
.channel-table th:nth-child(1),.channel-table td:nth-child(1){width:28%}
.channel-table th:nth-child(2),.channel-table td:nth-child(2){width:19%}
.channel-table th:nth-child(3),.channel-table td:nth-child(3){width:12%}
.channel-table th:nth-child(4),.channel-table td:nth-child(4){width:29%}
.channel-table th:nth-child(5),.channel-table td:nth-child(5){width:12%}
.channel-table td:nth-child(4){padding-right:22px}

/* Common long-value containers: prevent flex/grid children from widening cards. */
.setting-row>*,.health-row>*,.integration-summary-card>*,.info-box>*,.diagnostic-row>*{min-width:0}
.setting-row b,.setting-row span,.health-row b,.health-row span,.info-box b{
  overflow-wrap:anywhere;
  word-break:normal;
}

@media(max-width:800px){
  .channel-table{table-layout:auto;min-width:0!important}
  .table-scroll tbody td.technical-cell{align-items:start}
  .table-scroll tbody td.technical-cell .technical-token{justify-self:end;width:auto;max-width:100%;text-align:left}
  code:not(.secret-code){font-size:10px;padding:5px 7px}
  .webhook-box code{font-size:10px}
}


/* WhatsApp channel configuration: business-friendly labels with protected technical details. */
.table-primary,.configuration-state{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.table-primary b,.configuration-state b{
  display:block;
  min-width:0;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.table-primary span,.configuration-state span{
  display:block;
  min-width:0;
  color:var(--muted);
  font-size:9px;
  line-height:1.4;
  white-space:normal;
  overflow-wrap:anywhere;
}
.display-number{
  display:inline-block;
  max-width:100%;
  font-variant-numeric:tabular-nums;
  font-weight:750;
  white-space:nowrap;
}
.muted-value{color:var(--muted);font-style:italic}
.mode-label{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:5px 9px;
  border-radius:999px;
  background:#edf1f6;
  color:var(--navy);
  font-size:9px;
  font-weight:850;
  white-space:nowrap;
}
.configuration-cell{min-width:0}
.configuration-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  min-width:0;
}
.configuration-wrap .configuration-state{flex:1}
.technical-tooltip{
  flex:0 0 22px;
  width:22px;
  height:22px;
  display:inline-grid;
  place-items:center;
  border:1px solid #dbe3ed;
  border-radius:50%;
  background:#f8fafc;
  color:var(--muted);
  font-size:11px;
  font-weight:900;
  cursor:help;
}
.field-help{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:9px;
  font-weight:550;
  line-height:1.45;
  text-transform:none;
  letter-spacing:0;
}
.technical-input{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  font-size:11px;
  letter-spacing:0;
}
.pill.neutral{background:#edf1f6;color:var(--muted)}

/* Prevent common dashboard/table/card children from escaping their columns. */
.card,.section-head>*,.toolbar>*,.toolbar-actions>*,.filters>*,.team-card-head>*,
.team-routing>*,.payment-row>*,.resource-item>*,.conversation-header>*,.lead-hero>*{
  min-width:0;
}
.integration-summary-card b,.integration-summary-card small,.readonly-note,.notice,
.team-profile-line span,.conversation-routing span,.lead-meta,.task-meta,.document-control-note p{
  overflow-wrap:anywhere;
  word-break:normal;
}
input,select,textarea{max-width:100%}

@media(max-width:800px){
  .table-scroll tbody td.configuration-cell .configuration-wrap{
    justify-self:stretch;
    width:100%;
    align-items:flex-start;
  }
  .table-scroll tbody td.configuration-cell .configuration-state{
    width:100%;
    text-align:right;
  }
  .table-scroll tbody td.configuration-cell .technical-tooltip{margin-top:1px}
  .display-number{white-space:normal;overflow-wrap:anywhere}
}


/* 20260731-v283 — Leads action integrity and safe database diagnostics */
.leads-table{table-layout:auto;min-width:1180px}
.leads-table th:last-child,.leads-table td:last-child{width:78px;min-width:78px;text-align:center;white-space:nowrap}
.leads-table td:last-child .row-button{width:auto;max-width:none}
.integrity-issues-card{margin-bottom:16px;border-color:#f0c7c2;background:linear-gradient(135deg,#fff 0%,#fff9f8 100%)}
.integrity-issue-list{display:grid;gap:8px}
.integrity-issue-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.integrity-issue-index{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--dangersoft);color:var(--danger);font-size:10px;font-weight:950}
.integrity-issue-item b{display:block;font-size:11px;color:var(--navy);overflow-wrap:anywhere}
.integrity-issue-item small{display:block;margin-top:4px;color:var(--muted);font-size:9px;line-height:1.45;overflow-wrap:anywhere}
.integrity-repair-box{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding:12px;border-radius:12px;background:#fff4df;border:1px solid #f1d495}
.integrity-repair-box b{font-size:11px}.integrity-repair-box p{font-size:9px;color:#705a18;margin:4px 0 0;line-height:1.45}
@media(max-width:800px){.integrity-repair-box{align-items:stretch;flex-direction:column}.integrity-repair-box .button{width:100%}}


/* v2.8.4 — one-click dashboard drill-down, truthful WhatsApp media and wrap safeguards */
.dashboard-stat-card{appearance:none;-webkit-appearance:none;width:100%;border:1px solid var(--line);text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;background:#fff}
.dashboard-stat-card:hover,.dashboard-stat-card:focus-visible{transform:translateY(-2px);box-shadow:0 14px 32px rgba(18,42,72,.12);border-color:rgba(11,45,93,.35);outline:none}
.dashboard-stat-card:active{transform:translateY(0)}
.stat-open-hint{display:block;margin-top:auto;padding-top:11px;font-size:9px;font-weight:850;color:var(--navy);position:relative;z-index:2;white-space:nowrap}
.dashboard-drilldown-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:12px 14px;border:1px solid #d8b653;border-radius:14px;background:linear-gradient(90deg,#fff8dc,#fff);box-shadow:0 6px 18px rgba(18,42,72,.04)}
.dashboard-drilldown-banner>div{min-width:0;display:flex;flex-direction:column;gap:3px}.dashboard-drilldown-banner b{font-size:12px;color:var(--navy);overflow-wrap:anywhere}.dashboard-drilldown-banner span{font-size:9px;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}
.message-copy{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}
.message-attachment{display:flex;align-items:center;gap:9px;margin-top:9px;padding:9px;border-radius:10px;background:rgba(255,255,255,.75);border:1px solid rgba(11,45,93,.12);color:var(--navy);text-decoration:none;min-width:0}
.message-attachment:hover{border-color:rgba(11,45,93,.35)}.message-attachment.unavailable{color:#8d3030;background:#fff4f3}.message-attachment-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:9px;background:var(--navy);color:#fff;font-size:9px;font-weight:950}.message-attachment.unavailable .message-attachment-icon{background:#8d3030}.message-attachment span:last-child{min-width:0;display:flex;flex-direction:column}.message-attachment b,.message-attachment small{overflow-wrap:anywhere}.message-attachment b{font-size:9px}.message-attachment small{font-size:8px;color:var(--muted);margin-top:2px}
.message-bubble.failed{border:1px solid #e5a3a0;background:#fff0ef}.message-delivery-error{display:block;margin-top:7px;font-size:8px;font-weight:800;color:#a42822;overflow-wrap:anywhere}
.row-button{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;min-width:58px;width:auto;padding-left:12px;padding-right:12px}
table th,table td{word-break:normal;overflow-wrap:anywhere}.row-actions{min-width:max-content}.button,.text-button,.pill,.stage-pill,.priority-pill{word-break:normal}
@media(max-width:760px){.dashboard-drilldown-banner{align-items:flex-start;flex-direction:column}.dashboard-drilldown-banner .button{width:100%}.stat-open-hint{font-size:8px}.message-attachment{padding:8px}.row-button{min-width:54px}}
/* --------------------------------------------------------------------------
   SCUZO CRM Pro v2.9.2 — Mobile Command Centre
   Modern mobile-first hierarchy, safe-area navigation and focused reports.
   -------------------------------------------------------------------------- */
.mobile-home-shell,.mobile-report-tabs{display:none}
.report-mobile-panel{display:contents}
.mobile-home-header svg,.mobile-priority-card svg,.mobile-action-card svg,.mobile-bottom-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:800px){
  :root{--mobile-nav-height:66px;--mobile-nav-lift:12px;--mobile-page-gutter:14px}
  html{background:#f4f7fb;scroll-padding-top:82px}
  body{background:#f4f7fb;padding-bottom:calc(var(--mobile-nav-height) + var(--mobile-nav-lift) + 28px + env(safe-area-inset-bottom));font-size:14px}
  body.mobile-menu-open{overflow:hidden}
  .app{min-height:100dvh;background:#f4f7fb}
  .content{padding:14px var(--mobile-page-gutter) calc(28px + env(safe-area-inset-bottom));}

  /* Compact app bar on inner screens; the dashboard has its own mobile header. */
  .topbar{min-height:64px;padding:calc(8px + env(safe-area-inset-top)) var(--mobile-page-gutter) 8px;background:rgba(250,252,255,.94);border-bottom:1px solid rgba(12,45,93,.08);box-shadow:0 5px 18px rgba(12,45,93,.05);backdrop-filter:blur(18px)}
  body[data-active-view="dashboard"] .topbar{display:none}
  body[data-active-view="dashboard"] .content{padding-top:calc(12px + env(safe-area-inset-top))}
  .topbar-left{gap:10px}.topbar-heading{min-width:0}.topbar-brand-mark,.topbar-brand-label{display:none!important}
  .topbar h1{font-size:18px;letter-spacing:-.25px;color:#102646}.topbar p{display:none}
  .menu-button{display:grid;place-items:center;width:42px;height:42px;flex-basis:42px;border:1px solid #dce5f0;background:#fff;color:#102f5e;border-radius:14px;font-size:18px;box-shadow:0 5px 14px rgba(16,47,94,.06)}
  .topbar-actions #refreshButton,.topbar-actions #logoutButton,.mobile-install-top{display:none!important}
  .user-chip{border:0;background:transparent;padding:0}.user-chip .avatar{width:40px;height:40px;border-radius:14px;font-size:12px;box-shadow:0 7px 18px rgba(8,43,87,.18)}

  /* A modern bottom-sheet menu instead of a desktop drawer squeezed onto mobile. */
  .sidebar{position:fixed!important;left:10px!important;right:10px!important;top:auto!important;bottom:calc(var(--mobile-nav-height) + var(--mobile-nav-lift) + 20px + env(safe-area-inset-bottom))!important;width:auto!important;height:min(76dvh,690px)!important;padding:22px 14px calc(18px + env(safe-area-inset-bottom))!important;border-radius:26px!important;transform:translateY(calc(100% + 120px)) scale(.98)!important;transform-origin:bottom center;transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .2s ease!important;opacity:0;box-shadow:0 28px 80px rgba(0,18,45,.34)!important;overflow:auto;z-index:220!important}
  .sidebar.open{transform:translateY(0) scale(1)!important;opacity:1}
  .sidebar:before{content:"";position:absolute;top:8px;left:50%;width:42px;height:4px;transform:translateX(-50%);border-radius:999px;background:rgba(255,255,255,.36)}
  .sidebar-scrim{z-index:210;background:rgba(2,15,36,.52);backdrop-filter:blur(5px)}
  .sidebar-brand{padding:8px 6px 13px;border-bottom:1px solid rgba(255,255,255,.12)}
  .sidebar-logo{width:45px;height:45px}.sidebar-brand b{font-size:16px}.sidebar-brand span{font-size:8px}
  .sidebar nav{padding:8px 0 4px;display:grid;grid-template-columns:1fr 1fr;gap:5px}
  .sidebar .nav-title{grid-column:1/-1;padding:12px 8px 4px;font-size:9px}
  .sidebar .nav-item{min-height:48px;padding:10px 9px;margin:0;font-size:12px;border:1px solid transparent}
  .sidebar .nav-item i{width:29px;height:29px}.sidebar .nav-item.active{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.13)}
  .sidebar .meta-card{margin:12px 2px 0}

  /* Mobile dashboard: one clear priority, four KPIs, four actions, recent leads. */
  .desktop-dashboard-content{display:none!important}
  .mobile-home-shell{display:block;max-width:620px;margin:0 auto}
  .mobile-home-header{display:grid;grid-template-columns:52px minmax(0,1fr) 46px;gap:12px;align-items:center;padding:8px 2px 14px}
  .mobile-home-logo{width:52px;height:52px;padding:4px;background:#fff;border:1px solid #e1e8f1;border-radius:17px;box-shadow:0 8px 22px rgba(10,44,88,.08);overflow:hidden}
  .mobile-home-logo img{width:100%;height:100%;object-fit:contain}
  .mobile-home-heading{min-width:0}.mobile-home-heading span{display:block;font-size:9px;line-height:1;font-weight:950;letter-spacing:1.25px;color:#bd8420}.mobile-home-heading h2{font-size:25px;line-height:1.05;letter-spacing:-.6px;color:#102b55;margin:5px 0 4px}.mobile-home-heading p{margin:0;font-size:11px;color:#718096}
  .mobile-home-menu{display:grid;place-items:center;width:46px;height:46px;min-height:46px;border:1px solid #dce5f0;border-radius:16px;background:#fff;color:#12345f;box-shadow:0 7px 18px rgba(10,44,88,.06)}

  .mobile-priority-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:14px;padding:15px;border-radius:21px;background:linear-gradient(135deg,#112f5d,#0b2448);color:#fff;box-shadow:0 15px 34px rgba(10,39,78,.2);overflow:hidden;position:relative}
  .mobile-priority-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-70px;top:-65px;background:rgba(255,255,255,.07)}
  .mobile-priority-card.clear{background:linear-gradient(135deg,#176342,#1d8258)}
  .mobile-priority-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.13);color:#f5cf70;z-index:1}
  .mobile-priority-card.clear .mobile-priority-icon{color:#fff}
  .mobile-priority-copy{min-width:0;z-index:1}.mobile-priority-copy span{display:block;font-size:8px;font-weight:950;letter-spacing:1.1px;color:#e6c66c}.mobile-priority-copy strong{display:block;font-size:15px;line-height:1.25;margin-top:5px}.mobile-priority-copy p{font-size:10px;line-height:1.35;margin:4px 0 0;color:rgba(255,255,255,.72)}
  .mobile-priority-action{z-index:1;min-height:40px;border:0;border-radius:13px;padding:0 13px;background:#fff;color:#102e58;font-size:11px;font-weight:900}

  .mobile-home-section{margin:0 0 14px;padding:15px;border:1px solid #e1e8f1;border-radius:21px;background:#fff;box-shadow:0 9px 25px rgba(12,45,91,.055)}
  .mobile-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:13px}.mobile-section-heading>div{min-width:0}.mobile-section-heading span{display:block;font-size:8px;font-weight:950;letter-spacing:1.1px;color:#8a98aa}.mobile-section-heading h3{font-size:17px;line-height:1.2;color:#132a4c;margin:4px 0 0;letter-spacing:-.2px}.mobile-inline-link{border:0;background:transparent;color:#174f8f;min-height:36px;padding:0;font-size:10px;font-weight:900;white-space:nowrap}

  .mobile-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .mobile-metric-card{appearance:none;-webkit-appearance:none;position:relative;min-height:108px;padding:13px;border:1px solid #e5ebf2;border-radius:17px;background:#fbfcfe;overflow:hidden;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.mobile-metric-card:active{transform:scale(.985)}.mobile-metric-card:focus-visible{outline:3px solid rgba(22,79,143,.24);outline-offset:2px;border-color:#315f9c}
  .mobile-metric-card:before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:4px;border-radius:0 999px 999px 0;background:#315f9c}
  .mobile-metric-card.gold:before{background:#d5a62f}.mobile-metric-card.red:before{background:#d94b4b}.mobile-metric-card.green:before{background:#2a9864}
  .mobile-metric-card span{display:block;font-size:10px;font-weight:800;color:#748197}.mobile-metric-card strong{display:block;font-size:29px;line-height:1;color:#112d56;margin-top:12px;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.mobile-metric-card small{display:block;font-size:9px;color:#8a96a8;margin-top:8px}

  .mobile-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .mobile-action-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;min-height:78px;padding:11px;border:1px solid #e1e8f1;border-radius:17px;background:#f8fafc;color:#15325a;text-align:left}
  .mobile-action-card.primary{background:#123565;border-color:#123565;color:#fff;box-shadow:0 10px 22px rgba(18,53,101,.18)}
  .mobile-action-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#e9f0f8;color:#123c70}.mobile-action-card.primary .mobile-action-icon{background:rgba(255,255,255,.14);color:#fff}
  .mobile-action-card span:last-child{min-width:0}.mobile-action-card b{display:block;font-size:12px;line-height:1.2}.mobile-action-card small{display:block;font-size:9px;line-height:1.25;color:#8190a4;margin-top:4px}.mobile-action-card.primary small{color:rgba(255,255,255,.67)}

  .mobile-recent-leads{display:grid;gap:9px}
  .mobile-recent-lead{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:10px;align-items:start;width:100%;min-height:0;padding:12px;border:1px solid #e5ebf2;border-radius:17px;background:#fbfcfe;color:#172a47;text-align:left}
  .mobile-recent-lead:active{transform:scale(.992);background:#f2f6fb}
  .mobile-lead-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#e8f1fb,#dce7f5);color:#143867;font-size:11px;font-weight:950}
  .mobile-lead-main{min-width:0;display:block}.mobile-lead-name-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.mobile-lead-name-row b{min-width:0;font-size:12px;line-height:1.3;overflow-wrap:anywhere}.mobile-lead-name-row .stage-pill{flex:0 0 auto;font-size:7px;padding:4px 6px}
  .mobile-lead-meta,.mobile-lead-received,.mobile-lead-contact{display:block;font-size:9px;line-height:1.35;margin-top:4px;color:#76849a}.mobile-lead-received{font-weight:750;color:#4f6078}.mobile-lead-contact{width:max-content;max-width:100%;padding:4px 7px;border-radius:999px;background:#fff3d9;color:#936511;font-weight:850}.mobile-lead-contact.done{background:#e7f6ee;color:#1c764b}
  .mobile-lead-chevron{align-self:center;color:#9aa6b6;font-size:24px;font-weight:300}
  .mobile-empty-state{display:grid;gap:5px;padding:22px;text-align:center;border:1px dashed #d4ddea;border-radius:16px;color:#77859a}.mobile-empty-state b{font-size:12px;color:#1d3557}.mobile-empty-state span{font-size:10px}

  /* Floating navigation stays above Android/iOS system controls. */
  .mobile-bottom-nav{left:10px;right:10px;bottom:calc(var(--mobile-nav-lift) + env(safe-area-inset-bottom));height:var(--mobile-nav-height);padding:5px 7px;border:1px solid rgba(15,45,88,.11);border-radius:21px;background:rgba(255,255,255,.97);box-shadow:0 16px 40px rgba(7,31,66,.2);overflow:visible;backdrop-filter:blur(20px);z-index:200}
  .mobile-nav-item{min-height:54px;border-radius:15px;gap:2px;color:#78869a;font-weight:850;overflow:visible}
  .mobile-nav-item i{width:28px;height:27px;background:transparent;border-radius:9px}.mobile-nav-item i svg{width:20px;height:20px}
  .mobile-nav-item span{font-size:9px;line-height:1.05;letter-spacing:-.1px}
  .mobile-nav-item.active{background:#edf3fa;color:#123662}.mobile-nav-item.active i{background:transparent;color:#123662}
  .mobile-nav-add{position:relative;color:#fff!important;background:transparent!important}
  .mobile-nav-add i{position:absolute;top:-20px;width:54px;height:54px;border:5px solid #f4f7fb;border-radius:18px;background:linear-gradient(145deg,#173f75,#0b2d5d)!important;color:#fff!important;box-shadow:0 11px 24px rgba(10,43,87,.28)}
  .mobile-nav-add i svg{width:24px;height:24px;stroke-width:2.3}.mobile-nav-add span{position:absolute;bottom:5px;color:#53637b;font-size:9px}

  .network-status:not(.hidden),.toast{bottom:calc(var(--mobile-nav-height) + var(--mobile-nav-lift) + 24px + env(safe-area-inset-bottom))}

  /* Reports are split into three mobile workflows instead of one endless page. */
  .mobile-report-tabs{position:sticky;top:calc(63px + env(safe-area-inset-top));z-index:70;display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:5px;margin:-2px 0 13px;padding:5px;border:1px solid #e0e7f0;border-radius:17px;background:rgba(255,255,255,.96);box-shadow:0 8px 22px rgba(13,45,88,.08);backdrop-filter:blur(16px)}
  .mobile-report-tabs button{min-height:40px;border:0;border-radius:12px;background:transparent;color:#6f7d92;font-size:9px;font-weight:900;white-space:nowrap}.mobile-report-tabs button.active{background:#12345f;color:#fff;box-shadow:0 6px 14px rgba(18,52,95,.2)}
  .report-mobile-panel{display:none}.report-mobile-panel.active{display:block}
  .report-section-title{align-items:center;margin:4px 0 12px}.report-section-title .button{min-height:40px;padding:8px 11px;font-size:10px}
  .lead-intelligence-stats{grid-template-columns:1fr 1fr!important;gap:9px}.lead-intelligence-stats .stat-card{min-height:104px;padding:13px 12px;border-radius:17px}.lead-intelligence-stats .stat-card .stat-label{font-size:10px}.lead-intelligence-stats .stat-card .stat-value{font-size:24px}.lead-intelligence-stats .stat-card .stat-note{font-size:9px}
  .lead-intelligence-grid,.intelligence-tables,.performance-secondary{display:grid;grid-template-columns:1fr;gap:11px}
  .mobile-attention-heading{margin-top:5px}.neglected-leads-card{margin-top:0}

  /* Readable content: the previous 8px body copy looked like a shrunk desktop site. */
  .section-head h3{font-size:15px}.section-head p{font-size:10px;line-height:1.4}.subheading{font-size:18px}.small-text{font-size:10px}
  .rank-row{padding:12px}.rank-row b{font-size:12px}.rank-row span{font-size:10px}.rank-value{font-size:16px!important}
  .table-scroll tbody tr{padding:10px 13px;border-radius:17px;box-shadow:0 7px 18px rgba(15,46,89,.045)}
  .table-scroll tbody td{font-size:11px;line-height:1.4}.table-scroll tbody td::before{font-size:8px}.row-button,.button.small{font-size:11px}

  /* Full-screen modals keep actions above the floating dock and gesture area. */
  .modal-backdrop{padding:0 0 calc(var(--mobile-nav-lift) + env(safe-area-inset-bottom));background:rgba(2,15,36,.62)}
  .modal,.modal.small-modal,.modal.large,.modal.medium{height:calc(100dvh - var(--mobile-nav-lift) - env(safe-area-inset-bottom));max-height:calc(100dvh - var(--mobile-nav-lift) - env(safe-area-inset-bottom));border-radius:24px 24px 0 0;margin-top:auto}
  .modal-actions{padding-bottom:calc(14px + env(safe-area-inset-bottom))}
}

@media(max-width:390px){
  :root{--mobile-page-gutter:11px}
  .mobile-priority-card{grid-template-columns:42px minmax(0,1fr);padding:13px}.mobile-priority-action{grid-column:1/-1;width:100%}
  .mobile-action-card{grid-template-columns:38px minmax(0,1fr);padding:9px}.mobile-action-icon{width:38px;height:38px}.mobile-action-card b{font-size:11px}
  .mobile-home-section{padding:13px}.mobile-metric-card{min-height:102px;padding:12px}.mobile-metric-card strong{font-size:26px}
  .mobile-nav-item span{font-size:8px}.mobile-report-tabs button{font-size:8px}
}

@media (display-mode:standalone) and (max-width:800px){
  :root{--mobile-nav-lift:14px}
  body{overscroll-behavior-y:contain}
  .mobile-bottom-nav{bottom:calc(var(--mobile-nav-lift) + env(safe-area-inset-bottom))}
}
@media(max-width:800px){
  .mobile-report-tabs{position:relative;top:auto}
}

/* v2.9.2 — persistent mobile session and network recovery */
.network-recovery{margin-top:14px;padding:13px;border:1px solid #f0d08a;border-radius:14px;background:#fff9e9;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;color:#5d4712}
.network-recovery-icon{width:34px;height:34px;border-radius:11px;background:#fff0bd;color:#7b5a07;display:grid;place-items:center;font-size:18px;font-weight:900}
.network-recovery-copy{min-width:0}.network-recovery-copy b,.network-recovery-copy span,.network-recovery-copy small{display:block}
.network-recovery-copy b{font-size:12px}.network-recovery-copy span{font-size:10px;line-height:1.45;margin-top:3px;overflow-wrap:anywhere}.network-recovery-copy small{font-size:8px;line-height:1.45;color:#806a33;margin-top:5px}
.network-recovery .button{grid-column:1/-1;margin-top:1px;width:100%;background:#fff;border-color:#e6c36a;color:#5d4712}
@media(max-width:800px){
  .login-panel{padding:22px 14px;align-items:center}
  .login-card{padding:25px 20px;border-radius:22px}
  .network-recovery{padding:12px}
}

/* v2.9.4 — Lead register desktop alignment fix
   Keeps Score, Owner and Follow-up readable and evenly aligned without
   changing the phone card-list layout. */
@media (min-width:801px){
  .leads-table{
    min-width:1180px;
    table-layout:fixed;
  }
  .leads-table th{
    white-space:nowrap;
    word-break:normal;
    overflow-wrap:normal;
    vertical-align:middle;
  }
  .leads-table th:nth-child(1),.leads-table td:nth-child(1){width:195px}
  .leads-table th:nth-child(2),.leads-table td:nth-child(2){width:145px}
  .leads-table th:nth-child(3),.leads-table td:nth-child(3){width:125px}
  .leads-table th:nth-child(4),.leads-table td:nth-child(4){width:110px}
  .leads-table th:nth-child(5),.leads-table td:nth-child(5){width:115px}
  .leads-table th:nth-child(6),.leads-table td:nth-child(6){width:58px;text-align:center}
  .leads-table th:nth-child(7),.leads-table td:nth-child(7){width:100px}
  .leads-table th:nth-child(8),.leads-table td:nth-child(8){width:105px}
  .leads-table th:nth-child(9),.leads-table td:nth-child(9){width:135px}
  .leads-table th:nth-child(10),.leads-table td:nth-child(10){width:82px;text-align:center}
  .leads-table td:nth-child(6) .score,
  .leads-table td:nth-child(8),
  .leads-table td:nth-child(9){
    word-break:normal;
    overflow-wrap:normal;
  }
  .leads-table td:nth-child(6) .score,
  .leads-table td:nth-child(9){white-space:nowrap}
  .leads-table td:nth-child(8){white-space:normal;line-height:1.35}
  .leads-table td:nth-child(10) .row-button{margin-inline:auto}
}


/* v2.10.0 Territory Routing + Omni-channel */
.territory-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.territory-rules-card{margin-bottom:16px}.territory-stats .stat-note{color:var(--muted)}
#territoriesView .row-actions{display:flex;gap:7px;flex-wrap:wrap}#territoriesView table b{color:var(--navy)}
#leadsView .filters{flex-wrap:wrap}#leadsView .filters #stateFilter,#leadsView .filters #cityFilter{min-width:145px;width:160px}
.integration-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-overview{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.territory-layout{grid-template-columns:1fr}.integration-admin-grid{grid-template-columns:1fr}.integration-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.territory-layout,.integration-overview{grid-template-columns:1fr}#leadsView .filters #stateFilter,#leadsView .filters #cityFilter{width:100%;min-width:100%}}

/* v2.10.1 multi-state territory assignment */
.multi-state-picker{border:1px solid var(--line);border-radius:14px;padding:13px;background:var(--alt)}
.multi-state-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.multi-state-picker-head>div:first-child{display:flex;flex-direction:column;gap:3px}.multi-state-picker-head span{font-size:10px;color:var(--muted)}
.multi-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:320px;overflow:auto;padding:2px}
.multi-state-option{display:flex;align-items:flex-start;gap:8px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:9px 10px;cursor:pointer}
.multi-state-option input{width:17px;height:17px;flex:0 0 auto;margin-top:1px}.multi-state-option b{display:block;font-size:11px}.multi-state-option span{display:block;font-size:9px;color:var(--muted);margin-top:2px}
@media(max-width:800px){.multi-state-grid{grid-template-columns:1fr}.multi-state-picker-head{align-items:flex-start;flex-direction:column}.multi-state-picker-head .row-actions{width:100%}}

/* v2.10.3 — CRM-wide layout readability & anti-overlap guard
   Human-readable values wrap only at natural boundaries. Wide registers scroll
   horizontally on desktop instead of crushing columns or placing values on top
   of neighbouring columns. Technical tokens keep their dedicated break rules. */
.table-scroll{
  max-width:100%;
  overflow-x:auto;
  overflow-y:visible;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}
.table-scroll th,.table-scroll td{
  word-break:normal;
  hyphens:none;
}

@media (min-width:801px){
  .table-scroll th{
    white-space:nowrap;
    overflow-wrap:normal;
  }
  .table-scroll td{
    overflow-wrap:normal;
  }
  .table-scroll .lead-name,
  .table-scroll .lead-meta,
  .table-scroll .table-primary b,
  .table-scroll .table-primary span,
  .table-scroll .configuration-state b,
  .table-scroll .configuration-state span{
    overflow-wrap:normal;
    word-break:normal;
  }

  /* v2.10.2 added State, making the register 11 columns. The older v2.9.4
     column map still targeted 10 columns and was squeezing Received/Score/
     Owner/Follow-up into the wrong widths. This is the corrected map. */
  .leads-table{
    min-width:1540px;
    width:100%;
    table-layout:fixed;
  }
  .leads-table th:nth-child(1),.leads-table td:nth-child(1){width:215px}
  .leads-table th:nth-child(2),.leads-table td:nth-child(2){width:140px}
  .leads-table th:nth-child(3),.leads-table td:nth-child(3){width:150px}
  .leads-table th:nth-child(4),.leads-table td:nth-child(4){width:135px}
  .leads-table th:nth-child(5),.leads-table td:nth-child(5){width:155px}
  .leads-table th:nth-child(6),.leads-table td:nth-child(6){width:135px;text-align:left}
  .leads-table th:nth-child(7),.leads-table td:nth-child(7){width:72px;text-align:center}
  .leads-table th:nth-child(8),.leads-table td:nth-child(8){width:115px}
  .leads-table th:nth-child(9),.leads-table td:nth-child(9){width:145px}
  .leads-table th:nth-child(10),.leads-table td:nth-child(10){width:150px;text-align:left}
  .leads-table th:nth-child(11),.leads-table td:nth-child(11){width:95px;min-width:95px;text-align:center;white-space:nowrap}
  .leads-table td:nth-child(6) .received-time{min-width:0;white-space:nowrap}
  .leads-table td:nth-child(7) .score{display:inline-block;white-space:nowrap}
  .leads-table td:nth-child(8) .stage-pill{white-space:nowrap}
  .leads-table td:nth-child(9){white-space:normal}
  .leads-table td:nth-child(10){white-space:normal;line-height:1.35}
  .leads-table td:nth-child(11) .row-button{margin-inline:auto}

  /* Dashboard Recent Leads gets its own stable proportions so Owner/Received
     remain readable at common laptop widths. */
  .recent-leads-table{
    min-width:1160px;
    width:100%;
    table-layout:fixed;
  }
  .recent-leads-table th:nth-child(1),.recent-leads-table td:nth-child(1){width:225px}
  .recent-leads-table th:nth-child(2),.recent-leads-table td:nth-child(2){width:165px}
  .recent-leads-table th:nth-child(3),.recent-leads-table td:nth-child(3){width:155px}
  .recent-leads-table th:nth-child(4),.recent-leads-table td:nth-child(4){width:145px}
  .recent-leads-table th:nth-child(5),.recent-leads-table td:nth-child(5){width:72px;text-align:center}
  .recent-leads-table th:nth-child(6),.recent-leads-table td:nth-child(6){width:115px}
  .recent-leads-table th:nth-child(7),.recent-leads-table td:nth-child(7){width:150px}
  .recent-leads-table th:nth-child(8),.recent-leads-table td:nth-child(8){width:78px;text-align:center}
  .recent-leads-table td:nth-child(4) .received-time{min-width:0;white-space:nowrap}
  .recent-leads-table td:nth-child(5) .score,.recent-leads-table td:nth-child(6) .stage-pill{white-space:nowrap}

  /* Human-readable controls and badges must never shred a word to fill a box. */
  .button,.text-button,.row-button,.pill,.stage-pill,.priority-pill,.temperature-pill,
  .stat-label,.stat-value,.stat-note,.rank-row b,.rank-row span{
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
  }
}

@media (max-width:800px){
  /* Phone registers are card lists. Break only genuinely unbroken long strings;
     normal names/labels continue to wrap at spaces, not letter-by-letter. */
  .table-scroll tbody td{
    overflow-wrap:break-word;
    word-break:normal;
    hyphens:none;
  }
  .table-scroll tbody td .lead-name,
  .table-scroll tbody td .lead-meta,
  .table-scroll tbody td .table-primary b,
  .table-scroll tbody td .table-primary span{
    overflow-wrap:break-word;
    word-break:normal;
  }
}



/* v2.12.0 — Meta CAPI closed-loop qualification and feedback */
.meta-feedback-panel{margin-top:14px;padding:16px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.72);display:grid;gap:14px}
.meta-feedback-head,.qualification-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.meta-feedback-head h4,.qualification-head h4{margin:2px 0 4px}.meta-feedback-head p,.qualification-head p{margin:0;color:var(--muted);font-size:.86rem}
.meta-feedback-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.meta-feedback-summary>div{border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--surface)}.meta-feedback-summary span{display:block;color:var(--muted);font-size:.74rem}.meta-feedback-summary b{font-size:1.05rem}
.meta-feedback-log{max-height:300px}.meta-feedback-log table{min-width:720px}
.qualification-card{margin-top:18px;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 8px 24px rgba(15,23,42,.04)}
.qualification-form{display:grid;gap:12px;margin-top:14px}.qualification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.qual-check{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.qual-check input{margin-top:3px}.qual-check span{display:grid;gap:2px}.qual-check small{color:var(--muted);font-size:.75rem}.qual-check.auto{background:rgba(15,23,42,.025)}.qual-check.passed{border-color:rgba(16,185,129,.35)}.qual-check.failed{border-color:rgba(245,158,11,.35)}
.qualification-notes{display:grid;gap:6px}.qualification-feedback{margin-top:14px;padding-top:12px;border-top:1px solid var(--border);display:grid;gap:7px}.qualification-feedback>div:first-child{display:grid;gap:2px}.qualification-feedback small{color:var(--muted)}.qualification-event{display:flex;justify-content:space-between;gap:12px;font-size:.82rem;padding:7px 9px;border-radius:10px;background:var(--surface-2)}.success-text{color:#087f5b}
@media(max-width:760px){.meta-feedback-summary,.qualification-grid{grid-template-columns:1fr 1fr}.meta-feedback-head,.qualification-head{flex-direction:column}.meta-feedback-panel,.qualification-card{padding:14px}}
@media(max-width:520px){.meta-feedback-summary,.qualification-grid{grid-template-columns:1fr}}

/* v2.12.0 lead email automation */
.integration-test-field{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:10px 0}
.integration-test-field>span{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.email-automation-card .email-status-banner{margin-bottom:0}
.email-delivery-panel{margin-top:18px}
@media(max-width:760px){.integration-test-field{align-items:stretch;flex-direction:column}.integration-test-field .button{width:100%}}

/* v2.13.0 — SCUZO LaunchPad: 45-day New Store Opening command centre */
.launchpad-toolbar{align-items:flex-start}
.launchpad-toolbar .toolbar-actions{justify-content:flex-end}
.launchpad-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
.launchpad-filterbar{padding:12px 14px;background:rgba(255,255,255,.74);border:1px solid var(--line);border-radius:14px}
.launchpad-filterbar .filters{flex:1}
.launchpad-filterbar .filters input{min-width:min(360px,100%)}
.launchpad-legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:10px;font-weight:800}
.launchpad-legend span{display:flex;align-items:center;gap:6px}
.lp-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#aab4c2}
.lp-dot.done{background:var(--green)}.lp-dot.active{background:var(--blue)}.lp-dot.risk{background:var(--danger)}
.launchpad-register{margin-bottom:22px}
.launchpad-register table{min-width:1180px}
.launchpad-register td small{display:block;color:var(--muted);font-size:9px;margin-top:6px}
.lp-mini-progress{width:145px;max-width:100%;height:6px;background:#edf1f6;border-radius:99px;overflow:hidden;margin-top:7px}
.lp-mini-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:inherit}
.pill.partial{background:#fff4d7;color:#9a6511}
.pill.failed{background:var(--dangersoft);color:var(--danger)}
.pill.not-queued{background:#edf1f6;color:var(--muted)}

.launchpad-knowledge-section{margin-top:18px}
.launchpad-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.launchpad-resource-card{padding:17px;display:flex;flex-direction:column;min-height:190px;min-width:0}
.launchpad-resource-card h4{font-size:13px;margin:9px 0 5px;color:var(--navy);overflow-wrap:anywhere}
.launchpad-resource-card p{font-size:10px;color:var(--muted);line-height:1.5;margin:0 0 14px;flex:1}
.lp-resource-tag{align-self:flex-start;padding:5px 8px;border-radius:999px;background:#eaf1fb;color:var(--navy);font-size:8px;font-weight:950;letter-spacing:.5px;text-transform:uppercase}
.lp-resource-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.lp-resource-meta span{font-size:9px;color:var(--muted);background:var(--alt);border:1px solid var(--line);border-radius:8px;padding:5px 7px}
.lp-resource-actions{display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap}
.launchpad-empty-resource{grid-column:1/-1;padding:28px;text-align:center;color:var(--muted);font-size:11px}

.launchpad-project-modal{width:min(1180px,calc(100vw - 36px));max-width:1180px}
.launchpad-project-body{padding:0 20px 22px;max-height:min(82vh,950px);overflow:auto;background:#f7f9fc}
.lp-project-hero{margin:0 -20px 16px;padding:22px 24px;background:linear-gradient(135deg,var(--navy2),var(--navy) 62%,#1b558f);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:5;box-shadow:0 8px 24px rgba(6,28,59,.12)}
.lp-project-hero h3{font-size:24px;margin:4px 0 5px}.lp-project-hero p{font-size:10px;opacity:.78;margin:0}
.lp-kicker{display:block;color:#efd37f;font-weight:950;letter-spacing:1.2px;font-size:9px}
.lp-readiness-score{display:grid;justify-items:end;gap:3px;min-width:145px;text-align:right}
.lp-readiness-score strong{font-size:34px;line-height:1}.lp-readiness-score>span:not(.pill){font-size:9px;opacity:.72;text-transform:uppercase;letter-spacing:.7px}
.lp-readiness-score .pill{margin-top:5px}
.lp-project-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
.lp-project-metrics article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px;min-width:0;box-shadow:0 5px 15px rgba(18,42,72,.035)}
.lp-project-metrics span{display:block;font-size:8px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.45px}.lp-project-metrics b{display:block;font-size:13px;margin-top:5px;overflow-wrap:anywhere}
.lp-blocker-box{display:grid;gap:5px;padding:12px 14px;margin-bottom:14px;border:1px solid #f2b8b8;border-left:4px solid var(--danger);border-radius:12px;background:var(--dangersoft)}
.lp-blocker-box b{font-size:11px;color:#9e3030}.lp-blocker-box span{font-size:9px;line-height:1.5;color:#7c4545}
.lp-section{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;margin-bottom:14px;box-shadow:0 6px 18px rgba(18,42,72,.035)}
.lp-section .section-head{margin-bottom:12px}

.lp-timeline-scale{margin-left:205px;display:flex;justify-content:space-between;padding:0 3px 5px;color:var(--muted);font-size:8px;font-weight:800}
.lp-timeline{display:grid;gap:8px}
.lp-timeline-row{display:grid;grid-template-columns:195px minmax(0,1fr);gap:10px;align-items:center}
.lp-timeline-label{display:grid;gap:2px;min-width:0}.lp-timeline-label b{font-size:10px;overflow-wrap:anywhere}.lp-timeline-label span{font-size:8px;color:var(--muted)}
.lp-timeline-track{height:20px;background:repeating-linear-gradient(90deg,#f3f6fa 0,#f3f6fa calc(33.33% - 1px),#dfe6ef calc(33.33% - 1px),#dfe6ef 33.33%);border-radius:7px;position:relative;overflow:visible;border:1px solid #e8edf3}
.lp-timeline-bar{position:absolute;top:4px;height:10px;border-radius:99px;background:#aeb9c8;min-width:2px;box-shadow:0 1px 4px rgba(18,42,72,.15)}
.lp-timeline-bar.complete,.lp-timeline-bar.done{background:var(--green)}.lp-timeline-bar.active{background:var(--blue)}.lp-timeline-bar.at_risk,.lp-timeline-bar.overdue,.lp-timeline-bar.delayed{background:var(--danger)}.lp-timeline-bar.upcoming{background:#b8c2cf}.lp-timeline-bar.open{background:var(--orange)}
.lp-today-marker{position:absolute;top:-5px;bottom:-5px;width:2px;background:var(--red);border-radius:2px;z-index:2}
.lp-today-marker:before{content:"";position:absolute;top:-3px;left:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--red)}

.lp-approval-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lp-approval-card{border:1px solid var(--line);border-radius:13px;padding:12px;background:#fbfcfe;display:grid;gap:9px;min-width:0}
.lp-approval-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.lp-approval-head>div{min-width:0}.lp-approval-head b{display:block;font-size:10px}.lp-approval-head small{display:block;color:var(--muted);font-size:8px;margin-top:4px;overflow-wrap:anywhere}
.lp-approval-exception{font-size:9px;line-height:1.45;color:#7c5b17;background:#fff6dc;border:1px solid #f0dfaa;border-radius:9px;padding:8px;overflow-wrap:anywhere}.lp-approval-exception span{color:#8b7440}
.lp-approval-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}

.lp-phase-list{display:grid;gap:9px}
.lp-phase{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}
.lp-phase summary{list-style:none;cursor:pointer;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f8fafc}
.lp-phase summary::-webkit-details-marker{display:none}
.lp-phase summary>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}.lp-phase summary>div:first-child>div{min-width:0}
.lp-phase summary b{display:block;font-size:11px}.lp-phase summary small{display:block;color:var(--muted);font-size:8px;margin-top:3px}
.lp-phase-number{width:32px;height:32px;border-radius:10px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:950;font-size:9px;flex:0 0 auto}
.lp-phase-summary{display:flex;align-items:center;gap:8px;white-space:nowrap}.lp-phase-summary strong{font-size:12px;color:var(--navy)}.lp-phase-summary span{font-size:8px;color:var(--muted)}
.lp-phase-items{display:grid;border-top:1px solid var(--line)}
.lp-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 13px;border-bottom:1px solid var(--line);background:#fff}
.lp-item:last-child{border-bottom:0}.lp-item.optional{background:#fcfdff}.lp-item.mandatory{border-left:3px solid transparent}.lp-item.mandatory:has(.lp-item-check:not(.done)){border-left-color:#e5b34f}
.lp-item-main{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:start;min-width:0}.lp-item-main>div{min-width:0}
.lp-item-check{width:27px;height:27px;border-radius:8px;background:#edf1f6;color:#7c8796;display:grid;place-items:center;font-size:8px;font-weight:950;border:1px solid #dfe5ed}.lp-item-check.done{background:var(--greensoft);color:var(--green);border-color:#bfe6cf}
.lp-item-main b{font-size:10px;display:block}.lp-item-main small{font-size:8px;color:var(--muted);display:block;margin-top:3px}.lp-item-main p{font-size:9px;line-height:1.45;color:var(--muted);margin:5px 0 0}
.lp-item-note{color:var(--ink)!important;background:var(--alt);padding:6px 7px;border-radius:7px}.lp-item-evidence{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:5px;font-size:8px}.lp-item-evidence a{color:var(--blue);font-weight:850}.attention-text{color:var(--orange);font-weight:800}
.lp-item-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap;max-width:365px}.lp-item-qty{font-size:8px;font-weight:850;color:var(--navy);padding:5px 7px;border-radius:8px;background:#eaf1fb}

.lp-update-composer{display:grid;grid-template-columns:160px 170px minmax(200px,1fr) minmax(160px,.7fr) auto;gap:8px;align-items:start;margin-bottom:12px;padding:10px;background:var(--alt);border-radius:12px}.lp-update-composer select,.lp-update-composer input,.lp-update-composer textarea{margin:0;padding:9px 10px;font-size:10px}.lp-update-composer .button{min-height:39px}
.lp-update-list{display:grid;gap:0}.lp-update{display:grid;grid-template-columns:14px minmax(0,1fr);gap:9px;padding:9px 3px;position:relative}.lp-update:after{content:"";position:absolute;left:6px;top:23px;bottom:-5px;width:1px;background:var(--line)}.lp-update:last-child:after{display:none}.lp-update-dot{width:11px;height:11px;border-radius:50%;background:var(--blue);border:3px solid #e6eef8;z-index:1;margin-top:2px}.lp-update b{display:block;font-size:10px}.lp-update span{display:block;font-size:8px;color:var(--muted);margin-top:3px}.lp-update p{font-size:9px;color:var(--danger);background:var(--dangersoft);padding:6px 8px;border-radius:8px;margin:5px 0 0}
.lp-final-actions{position:sticky;bottom:0;z-index:4;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border:1px solid var(--line);box-shadow:0 -8px 24px rgba(18,42,72,.07);border-radius:14px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.lp-final-actions div{font-size:10px;line-height:1.45;color:var(--muted)}.lp-final-actions b{color:var(--ink)}

@media(max-width:1250px){
  .launchpad-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .launchpad-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-approval-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-project-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lp-update-composer{grid-template-columns:1fr 1fr}.lp-update-composer textarea,.lp-update-composer input{grid-column:1/-1}.lp-update-composer .button{grid-column:2;justify-self:end}
}
@media(max-width:800px){
  .launchpad-toolbar .toolbar-actions,.launchpad-filterbar .filters{width:100%}.launchpad-toolbar .button{flex:1}.launchpad-filterbar .filters input,.launchpad-filterbar .filters select{min-width:0;flex:1 1 200px}
  .launchpad-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .launchpad-resource-grid,.lp-approval-grid{grid-template-columns:1fr}
  .launchpad-project-modal{width:calc(100vw - 12px)}.launchpad-project-body{padding:0 10px 14px}
  .lp-project-hero{margin:0 -10px 12px;padding:16px;position:relative;flex-direction:column;align-items:flex-start}.lp-readiness-score{justify-items:start;text-align:left}.lp-readiness-score strong{font-size:28px}
  .lp-project-metrics{grid-template-columns:1fr 1fr}
  .lp-timeline-scale{margin-left:0}.lp-timeline-row{grid-template-columns:1fr;gap:4px}.lp-timeline-label{grid-template-columns:1fr auto;align-items:end}.lp-timeline-label span{text-align:right}.lp-timeline-track{height:18px}
  .lp-phase summary{align-items:flex-start}.lp-phase-summary{flex-direction:column;gap:1px;align-items:flex-end}
  .lp-item{grid-template-columns:1fr}.lp-item-actions{max-width:none;justify-content:flex-start;padding-left:37px}
  .lp-update-composer{grid-template-columns:1fr}.lp-update-composer>*{grid-column:1!important}.lp-update-composer .button{justify-self:stretch}
  .lp-final-actions{position:relative;flex-direction:column;align-items:stretch}.lp-final-actions .button{width:100%}
}
@media(max-width:520px){
  .launchpad-stats,.lp-project-metrics{grid-template-columns:1fr}
  .launchpad-toolbar .toolbar-actions{display:grid;grid-template-columns:1fr;width:100%}
  .launchpad-register{border-radius:14px}
  .lp-item-actions{padding-left:0}
}