:root{
  --bg:#f4f7fb;--panel:#fff;--text:#142033;--muted:#67758c;--line:#dfe6ef;--brand:#0b6b52;--brand2:#0f8a69;
  --soft:#e9f6f1;--danger:#b42318;--warn:#9a6700;--shadow:0 14px 40px rgba(31,50,78,.09);--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(--text);background:var(--bg)}
a{color:var(--brand);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.tiny{font-size:12px}.danger{color:var(--danger)}
.btn{border:0;border-radius:12px;padding:11px 16px;font-weight:700;background:var(--brand);color:white;box-shadow:none}.btn:hover{background:var(--brand2)}.btn.secondary{background:#eef2f7;color:var(--text)}.btn.ghost{background:transparent;color:var(--brand);border:1px solid var(--line)}.btn.danger{background:#fff0ef;color:var(--danger)}.btn.small{padding:7px 10px;font-size:13px;border-radius:9px}.btn:disabled{opacity:.55;cursor:not-allowed}
.input, input, select, textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#fff;color:var(--text);outline:none}.input:focus,input:focus,select:focus,textarea:focus{border-color:#72b5a3;box-shadow:0 0 0 3px rgba(11,107,82,.09)}textarea{min-height:90px;resize:vertical}label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.field{margin-bottom:14px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);width:100%;overflow:hidden}.auth-page>*{min-width:0}.hero{padding:clamp(42px,5vw,70px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#0b3d33,#0b6b52 62%,#148d6d);color:white;position:relative;overflow:hidden;min-width:0}.hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.08);right:-120px;top:-90px}.hero h1{font-size:clamp(40px,4.1vw,54px);line-height:1.02;margin:12px 0 20px;max-width:720px;overflow-wrap:break-word}.hero p{font-size:20px;line-height:1.55;max-width:680px;color:#d7f0e8}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;opacity:.8}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px}.feature-chip{padding:14px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.06);font-size:14px}.auth-wrap{padding:clamp(24px,4vw,50px);display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden}.auth-card{width:min(480px,100%);min-width:0;max-width:100%;background:var(--panel);padding:30px;border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.brand{font-weight:900;letter-spacing:-.03em}.tabs{display:flex;gap:8px;padding:5px;background:#eef2f7;border-radius:12px;margin:20px 0}.tabs button{flex:1;border:0;padding:9px;border-radius:9px;background:transparent;font-weight:700;color:var(--muted)}.tabs button.active{background:white;color:var(--text);box-shadow:0 2px 8px rgba(0,0,0,.06)}.notice{padding:12px 14px;border-radius:12px;background:#eef7ff;color:#24557a;margin:12px 0;font-size:13px}.error{padding:11px 13px;border-radius:10px;background:#fff0ef;color:var(--danger);font-size:13px;margin:10px 0}.success{padding:11px 13px;border-radius:10px;background:var(--soft);color:#075b45;font-size:13px;margin:10px 0}
.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr);width:100%;overflow-x:hidden}.sidebar{background:#0e2030;color:white;padding:20px 14px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;min-width:0;overflow:hidden}.sidebar .brand{font-size:20px;padding:8px 10px 22px}.sidebar nav{display:flex;flex-direction:column;gap:5px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:2px}.sidebar nav button{border:0;background:transparent;color:#bcd0df;text-align:left;padding:10px 11px;border-radius:10px;font-weight:650;line-height:1.2;white-space:normal;min-width:0}.sidebar nav button.active,.sidebar nav button:hover{background:#17354a;color:white}.sidebar .foot{position:static;margin-top:12px;padding:14px 2px 0;border-top:1px solid rgba(255,255,255,.12);flex:0 0 auto;min-width:0}.main{min-width:0;width:100%;overflow-x:hidden}.topbar{min-height:72px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 28px;position:sticky;top:0;z-index:5;min-width:0}.topbar>*{min-width:0}.content{padding:26px 28px 60px;max-width:1500px;width:100%;min-width:0;margin:auto;overflow-x:hidden}.section-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.section-title h1{font-size:30px;margin:0 0 6px}.card{background:var(--panel);border:1px solid #e6ebf2;border-radius:var(--radius);box-shadow:0 5px 20px rgba(31,50,78,.04);padding:20px}.metric{padding:20px}.metric .value{font-size:32px;font-weight:900;letter-spacing:-.04em}.metric .label{color:var(--muted);font-size:13px;margin-top:4px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:white}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{text-align:left;padding:12px 14px;border-bottom:1px solid #edf1f6;font-size:13px}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#fafbfd}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fbfdfc}.pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#eef2f7;color:#415269}.pill.qualified,.pill.booked,.pill.won{background:#e8f7f1;color:#087254}.pill.lost,.pill.do_not_contact{background:#fff0ef;color:#a1281e}.pill.new{background:#eef5ff;color:#2c5f99}.score{font-weight:900}.score.high{color:#087254}.score.mid{color:#9a6700}.score.low{color:#8a4150}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.toolbar input,.toolbar select{width:auto;min-width:180px}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.list{display:flex;flex-direction:column;gap:10px}.list-item{padding:14px;border:1px solid var(--line);border-radius:12px;background:white}.list-item:hover{border-color:#b9d4ca}.row{display:flex;justify-content:space-between;gap:14px;align-items:center}.stack{display:flex;flex-direction:column;gap:12px}.modal{position:fixed;inset:0;background:rgba(8,19,28,.55);display:flex;align-items:center;justify-content:center;padding:22px;z-index:20}.modal-card{background:white;border-radius:20px;width:min(880px,100%);max-height:90vh;overflow:auto;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.conversation{background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:14px;max-height:390px;overflow:auto}.bubble{max-width:80%;padding:10px 12px;border-radius:13px;margin:8px 0;font-size:13px;line-height:1.45}.bubble.inbound{background:white;border:1px solid var(--line)}.bubble.outbound{background:#def2ea;margin-left:auto}.bubble .meta{font-size:10px;color:var(--muted);margin-top:4px}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#0e2030;color:#e7f6f0;border-radius:12px;padding:14px;overflow:auto;font-size:12px}.integration{display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid var(--line);border-radius:13px}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:7px;background:#b4bfcc}.status-dot.on{background:#12a270}
.lead-page{min-height:100vh;background:linear-gradient(180deg,#f3faf7,#f7f9fc);padding:30px 16px}.lead-shell{max-width:850px;margin:auto}.lead-brand{text-align:center;margin-bottom:18px}.lead-card{background:white;border-radius:22px;box-shadow:var(--shadow);padding:24px;border:1px solid #e8eef2}.lead-card h1{margin:0 0 8px}.chat{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.chat-log{height:300px;overflow:auto;padding:8px;background:#f8fafc;border:1px solid var(--line);border-radius:14px}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:9px}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.slot{border:1px solid var(--line);background:white;padding:9px;border-radius:10px}.slot:hover{border-color:var(--brand);color:var(--brand)}.slot.selected{border-color:var(--brand);background:#eaf7f2;color:var(--brand);box-shadow:0 0 0 2px rgba(18,98,77,.14)}.slot:disabled{cursor:not-allowed;opacity:.7}.consent{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:var(--muted)}.consent input{width:auto;margin-top:2px}
@media(max-width:1050px){.auth-page{grid-template-columns:1fr;overflow:visible}.hero{padding:46px 34px;min-height:360px}.hero h1{font-size:42px}.auth-wrap{padding:28px 22px}.feature-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;min-height:0;position:relative;overflow:visible;padding:14px}.sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:6px}.sidebar nav button{text-align:center;padding:10px 8px}.sidebar .foot{margin-top:12px}.topbar{position:relative}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.grid.two,.grid.three{grid-template-columns:1fr}.copilot-shell{grid-template-columns:1fr}}
@media(max-width:600px){.hero{padding:32px 22px;min-height:330px}.hero h1{font-size:36px}.feature-row{grid-template-columns:1fr}.auth-card{padding:22px}.content{padding:20px 14px 50px}.topbar{padding:10px 14px;align-items:flex-start}.topbar .toolbar{width:100%;justify-content:flex-start}.metrics{grid-template-columns:1fr}.slots{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title{flex-direction:column;align-items:stretch}.section-title>.toolbar{width:100%}.section-title>.toolbar input,.section-title>.toolbar select{width:100%}.row{align-items:flex-start;flex-wrap:wrap}.copilot-compose{grid-template-columns:1fr}.copilot-compose .btn{width:100%}}
.language-switch{display:flex;align-items:center;gap:8px}.language-switch label{margin:0;font-size:12px;color:var(--muted);font-weight:700}.language-switch select{width:auto;min-width:118px;padding:8px 10px}.auth-language{position:fixed;top:18px;right:18px;z-index:10;background:rgba(255,255,255,.94);padding:7px 9px;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 18px rgba(31,50,78,.08)}.lead-language{display:flex;justify-content:flex-end;margin-bottom:10px}.lead-language .language-switch{background:white;border:1px solid var(--line);border-radius:12px;padding:6px 8px}.topbar .language-switch select{min-width:112px}
@media(max-width:600px){.auth-language{position:static;margin:12px 12px 0 auto;width:max-content}.topbar{height:auto;min-height:72px;gap:10px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.topbar .toolbar{justify-content:flex-end}.language-switch label{display:none}}

.copilot-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.copilot-log{height:460px;overflow:auto;padding:14px;background:#f8fafc;border:1px solid var(--line);border-radius:14px}.copilot-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:10px}.copilot-compose textarea{min-height:74px}.copilot-shell .copilotExample{text-align:left;width:100%}@media(max-width:980px){.copilot-shell{grid-template-columns:1fr}}

/* Official AI Sales Employee brand assets */
.brand-logo{display:block;max-width:100%;height:auto;object-fit:contain;min-width:0}
.auth-brand-logo{width:280px!important;max-width:100%!important;height:auto!important;margin:0 0 10px;object-fit:contain}
.sidebar-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 18px;font-size:16px;font-weight:900;letter-spacing:-.025em;color:#fff;min-width:0;flex:0 0 auto}.sidebar-brand span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-brand img{width:34px!important;height:34px!important;object-fit:contain;flex:0 0 34px;display:block;max-width:34px!important}
.powered-by{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;color:var(--muted);font-size:11px}
.powered-by img{width:150px!important;max-width:44vw!important;height:auto!important;object-fit:contain;display:block}
@media(max-width:600px){.auth-brand-logo{width:250px!important;max-width:90%!important}.sidebar-brand{justify-content:center;padding-bottom:14px}.powered-by img{width:132px!important}}


/* UI stability hardening: prevent media or long content from breaking grid/flex tracks. */
img{max-width:100%}
.auth-page,.app-shell,.main,.content,.card,.split,.grid,.toolbar,.row,.section-title,.copilot-shell{min-width:0}
.auth-card img,.sidebar img,.powered-by img{flex-shrink:0}
.card,.list-item,.integration{overflow-wrap:anywhere}
.sidebar::-webkit-scrollbar,.sidebar nav::-webkit-scrollbar{width:6px}.sidebar nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:999px}

/* Final responsive navigation overrides. */
@media(max-width:780px){
  .sidebar{padding:12px 14px 14px;gap:8px}
  .sidebar-brand{justify-content:flex-start;padding:2px 2px 8px}
  .sidebar nav{display:flex;flex-direction:row;gap:7px;overflow-x:auto;overflow-y:hidden;padding:2px 0 8px;scrollbar-width:thin}
  .sidebar nav button{flex:0 0 auto;white-space:nowrap;text-align:center;padding:9px 12px}
  .sidebar .foot{margin-top:2px;padding-top:10px}
}
@media(max-width:600px){
  .copilot-compose{grid-template-columns:1fr!important}
  .copilot-compose .btn{width:100%}
}

/* Complete service-business platform */
.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.project-board{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:14px;overflow-x:auto;padding-bottom:8px}
.project-column{background:#eef3f7;border:1px solid var(--line);border-radius:16px;padding:12px;min-height:260px}.project-column h3{text-transform:capitalize;margin:2px 4px 12px;font-size:14px}.project-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:9px;box-shadow:0 3px 12px rgba(31,50,78,.04);cursor:pointer}.project-card:hover{border-color:#8fc8b7}.line-row{padding:10px;border:1px solid var(--line);border-radius:12px;background:#fafbfd}.serviceEdit,.areaEdit,.questionEdit,.estOpen,.invOpen,.crewEdit,.matEdit,.workflowEdit{cursor:pointer}.serviceEdit:hover,.areaEdit:hover,.questionEdit:hover,.estOpen:hover,.invOpen:hover,.crewEdit:hover,.matEdit:hover,.workflowEdit:hover{background:#f8fbfa}.pill.draft,.pill.planned,.pill.todo{background:#eef2f7;color:#415269}.pill.sent,.pill.scheduled,.pill.in_progress,.pill.partially_paid{background:#eef5ff;color:#2c5f99}.pill.accepted,.pill.paid,.pill.completed{background:#e8f7f1;color:#087254}.pill.declined,.pill.expired,.pill.cancelled,.pill.overdue,.pill.void{background:#fff0ef;color:#a1281e}
@media(max-width:1100px){.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.project-board{grid-template-columns:repeat(5,260px)}}
@media(max-width:780px){.grid.four{grid-template-columns:1fr}.project-board{grid-template-columns:repeat(5,250px)}}

/* Compact four-column operational tables should not force desktop horizontal scrolling. */
.table.compact-table{min-width:0}.table.compact-table th,.table.compact-table td{overflow-wrap:anywhere}
@media(max-width:700px){.table.compact-table{min-width:620px}.table-wrap{max-width:100%}}

/* UI16 public marketing website */
.marketing-body{background:#fff}.marketing-nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1180px;margin:auto;padding:0 24px}.marketing-brand img{width:235px;display:block}.marketing-nav nav{display:flex;align-items:center;gap:20px}.marketing-nav nav>a:not(.btn){color:#415269;font-weight:700;font-size:14px}.marketing-hero{min-height:620px;display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center;max-width:1180px;margin:auto;padding:72px 24px 88px}.marketing-copy .eyebrow,.section-kicker{color:var(--brand);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.marketing-copy h1{font-size:clamp(48px,6vw,74px);line-height:.98;letter-spacing:-.055em;margin:14px 0 24px;max-width:760px}.marketing-copy>p{font-size:20px;line-height:1.6;color:#526176;max-width:700px}.marketing-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.marketing-primary{padding:14px 20px}.trust-line{margin-top:24px;font-size:13px;color:#758297}.marketing-panel{background:linear-gradient(145deg,#0e2030,#123e43);border-radius:28px;padding:26px;color:#fff;box-shadow:0 28px 70px rgba(14,32,48,.22)}.mini-top{display:flex;justify-content:space-between;align-items:center;font-weight:900}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:38px 0}.mini-metrics div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);padding:18px;border-radius:16px}.mini-metrics strong{display:block;font-size:30px}.mini-metrics span{font-size:12px;color:#c9d9df}.mini-flow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px}.mini-flow span{background:#fff;color:#16313a;padding:9px 10px;border-radius:10px}.marketing-section{max-width:1180px;margin:auto;padding:88px 24px}.marketing-section>h2{font-size:clamp(34px,4vw,50px);letter-spacing:-.04em;max-width:780px;margin:12px 0 38px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article,.steps>div{border:1px solid #e2e9ee;border-radius:18px;padding:24px;background:#fff}.feature-grid h3,.steps h3{margin:0 0 10px}.feature-grid p,.steps p,.pricing-card p,.marketing-cta p{color:#67758c;line-height:1.6}.marketing-soft{max-width:none;background:#f4f8f7;padding-left:max(24px,calc((100vw - 1132px)/2));padding-right:max(24px,calc((100vw - 1132px)/2))}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps b{display:block;color:var(--brand);font-size:13px;margin-bottom:28px}.pricing-card{background:#0e2030;color:#fff;border-radius:26px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:30px}.pricing-card h2{font-size:52px;margin:8px 0}.pricing-card h2 small{font-size:18px;color:#bcd0df}.pricing-card p{max-width:650px;color:#c5d3dd}.marketing-cta{text-align:center;padding:90px 24px;background:linear-gradient(145deg,#0b6b52,#0b3d33);color:#fff}.marketing-cta h2{font-size:clamp(34px,4vw,52px);max-width:760px;margin:0 auto 14px}.marketing-cta p{color:#d7f0e8;margin:0 auto 28px;max-width:680px}.marketing-footer{max-width:1180px;margin:auto;padding:28px 24px;display:flex;justify-content:space-between;gap:20px;color:#758297;font-size:13px}.marketing-footer div{display:flex;gap:20px}
@media(max-width:900px){.marketing-nav nav>a:not(.btn){display:none}.marketing-hero{grid-template-columns:1fr;padding-top:48px}.feature-grid,.steps{grid-template-columns:1fr 1fr}.pricing-card{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.marketing-nav{height:72px;padding:0 16px}.marketing-brand img{width:190px}.marketing-nav .btn.ghost{display:none}.marketing-nav .btn{padding:9px 11px}.marketing-hero{padding:42px 18px 62px}.marketing-copy h1{font-size:46px}.marketing-copy>p{font-size:18px}.mini-metrics,.feature-grid,.steps{grid-template-columns:1fr}.marketing-section{padding:64px 18px}.pricing-card{padding:28px}.marketing-footer{flex-direction:column}}