:root{--ink:#17231f;--muted:#718079;--line:#dfe7e2;--paper:#f5f7f4;--white:#fff;--green:#0e5b46;--green-2:#16785c;--mint:#e5f2ec;--gold:#c59543;--danger:#a73a35;--shadow:0 12px 34px rgba(27,51,42,.07);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang HK","Noto Sans TC",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;background:var(--paper)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#102b23;color:#d9e7e1;padding:26px 18px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border:1px solid #7ca595;display:grid;place-items:center;font-family:Georgia,serif;font-size:23px;color:#fff}.brand strong{display:block;letter-spacing:.08em}.brand small,.sidebar-user small{display:block;color:#8fb0a3;font-size:10px;letter-spacing:.08em;margin-top:2px}.sidebar nav{margin-top:34px;display:grid;gap:5px}.sidebar nav p{color:#6f9486;font-size:10px;text-transform:uppercase;letter-spacing:.15em;margin:18px 12px 5px}.sidebar nav a{padding:11px 12px;border-radius:7px;display:flex;gap:11px;align-items:center;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#1e473a;color:#fff}.sidebar nav a span{width:18px;text-align:center}.sidebar-user{margin-top:auto;border-top:1px solid #315044;padding-top:16px;display:flex;align-items:center;gap:10px}.sidebar-user>span:nth-child(2){min-width:0;flex:1}.sidebar-user strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user button{background:transparent;border:0;color:#9bb8ad;cursor:pointer}.avatar{width:34px;height:34px;border-radius:50%;background:#d6e7df;color:var(--green);display:grid;place-items:center;font-weight:700}.avatar.small{width:30px;height:30px}.main{padding:34px 42px 70px;min-width:0}.topbar{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.topbar h1{margin:3px 0 0;font-family:Georgia,"Noto Serif TC",serif;font-size:30px;font-weight:500}.eyebrow{margin:0;color:var(--green-2);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.top-actions{display:flex;gap:9px}.button{border:1px solid var(--line);background:var(--white);padding:10px 16px;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-weight:650;font-size:13px}.button.primary{background:var(--green);border-color:var(--green);color:#fff}.button.subtle:hover{border-color:#a9bbb3}.button.small{font-size:11px;padding:7px 10px}.button.wide{width:100%}.notice{padding:12px 15px;background:var(--mint);color:var(--green);border-left:3px solid var(--green);margin-bottom:18px}.welcome{background:linear-gradient(120deg,#e8f1ec,#f9faf8);border:1px solid #d8e6df;padding:24px 28px;display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.welcome h2{font-family:Georgia,"Noto Serif TC",serif;font-weight:500;margin:8px 0 0;font-size:22px}.welcome>p{color:var(--muted);font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metrics a{background:var(--white);border:1px solid var(--line);padding:19px 20px;box-shadow:var(--shadow)}.metrics span,.metrics small{display:block;color:var(--muted);font-size:11px}.metrics strong{display:block;font-family:Georgia,serif;font-size:32px;font-weight:500;margin:8px 0 5px}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.panel{background:var(--white);border:1px solid var(--line);padding:22px;box-shadow:var(--shadow);min-width:0}.panel-wide{grid-column:span 2}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-head h3,.panel h3{font-family:Georgia,"Noto Serif TC",serif;font-weight:500;margin:5px 0 0}.panel-head>a{font-size:12px;color:var(--green)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:10px;border-bottom:1px solid var(--line)}td{padding:14px 10px;border-bottom:1px solid #edf1ef;vertical-align:middle}td small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.primary-link{font-weight:700;color:var(--green)}.badge{display:inline-flex;padding:4px 8px;background:#edf3f0;border-radius:999px;color:#426357;font-size:10px;white-space:nowrap}.empty{text-align:center;color:var(--muted);padding:30px!important}.task-stack,.activity-list,.match-stack,.card-list{display:grid}.task-stack>a,.activity-list>a,.card-list>a{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #edf1ef}.task-stack>a>span:nth-child(2),.activity-list>a>span:nth-child(2),.card-list>a>span:first-child{flex:1}.task-stack strong,.activity-list strong,.card-list strong{display:block;font-size:12px}.task-stack small,.activity-list small,.card-list small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.task-dot{width:8px;height:8px;border:2px solid var(--gold);border-radius:50%}.match-stack>a{display:flex;gap:12px;align-items:center;padding:10px 0}.match-stack>a>strong{width:38px;height:38px;background:var(--mint);color:var(--green);display:grid;place-items:center}.match-stack b,.match-stack small{display:block;font-size:11px}.match-stack small{color:var(--muted);margin-top:3px}.form-panel{max-width:940px}.model-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.model-form label>span,.login-form label{display:block;font-size:12px;font-weight:700}.model-form label>span b{color:var(--gold);margin-left:3px}.input,.login-form input{width:100%;border:1px solid #cad7d1;border-radius:6px;padding:11px 12px;background:#fff;margin-top:7px;outline:none}.input:focus,.login-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(14,91,70,.08)}textarea.input{resize:vertical}.span-2{grid-column:span 2}.model-form label small{display:block;color:var(--muted);margin-top:5px}.model-form label em{display:block;color:var(--danger);font-size:11px;margin-top:4px}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:22px;margin-top:22px;border-top:1px solid var(--line)}.form-errors,.alert-danger{background:#fff0ef;color:var(--danger);padding:12px;margin-bottom:14px;border-left:3px solid var(--danger)}.toolbar{display:flex;gap:8px;margin-bottom:16px}.toolbar .input{margin:0;max-width:420px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:18px 0}.facts div{padding:13px 0;border-bottom:1px solid #edf1ef}.facts dt{font-size:10px;color:var(--muted)}.facts dd{font-size:13px;font-weight:650;margin:5px 0 0}.note{background:#f7f9f7;padding:15px;color:#53635d;font-size:12px;line-height:1.7}.requirement-summary{display:grid;grid-template-columns:repeat(5,1fr);background:#102b23;color:#fff;margin-bottom:14px}.requirement-summary div{padding:17px 20px;border-right:1px solid #315044}.requirement-summary span,.requirement-summary strong{display:block}.requirement-summary span{color:#8fb0a3;font-size:10px}.requirement-summary strong{font-size:13px;margin-top:6px}.match-grid{display:grid;gap:10px}.property-card{display:grid;grid-template-columns:70px 1fr auto;gap:18px;border:1px solid var(--line);padding:18px;align-items:center}.score{height:60px;background:#edf5f1;display:grid;place-items:center;align-content:center;color:var(--green)}.score strong{font-family:Georgia,serif;font-size:23px}.score small{font-size:8px}.property-main h3{margin:5px 0}.property-meta{color:var(--muted);font-size:12px}.positive,.warning{font-size:11px;margin:6px 0}.positive{color:var(--green)}.warning{color:#9b6c1c}.property-actions{display:grid;gap:12px;justify-items:end}.property-list{display:grid}.property-list article{display:grid;grid-template-columns:54px 2fr 1fr 1fr auto;gap:18px;align-items:center;padding:17px 4px;border-bottom:1px solid #e9efec}.property-list h3{margin:3px 0;font-size:15px}.property-list p{margin:0;color:var(--muted);font-size:11px}.property-list strong,.property-list small{display:block}.property-list small{color:var(--muted);font-size:10px;margin-top:5px}.property-type{width:42px;height:42px;background:#edf5f1;color:var(--green);display:grid;place-items:center;font-weight:700;font-size:11px}.price{font-family:Georgia,serif;font-size:18px}.display-price{font-family:Georgia,serif;font-size:38px;font-weight:500;margin:12px 0}.score-pill{background:var(--green);color:#fff;padding:7px 9px}.danger{color:var(--danger)!important}.row-muted{opacity:.65}.compliance-banner{background:#19382e;color:#fff;padding:26px 30px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}.compliance-banner h2{font-family:Georgia,serif;font-weight:500;margin:8px 0}.compliance-banner p{max-width:700px;color:#b9cdc5;font-size:12px}.compliance-banner>span{border:1px solid #55756a;padding:8px 12px;font-size:10px}.login-page{min-height:100vh;background:linear-gradient(125deg,#0d2b22 0 48%,#edf2ef 48%);display:grid;place-items:center;padding:25px}.login-card{width:min(430px,100%);background:#fff;padding:40px;box-shadow:0 25px 70px rgba(0,0,0,.2)}.login-brand{color:var(--ink);margin-bottom:38px}.login-brand .brand-mark{background:var(--green)}.login-form{display:grid;gap:18px;margin-top:26px}.login-form label{color:#42534d}.login-foot{text-align:center;color:var(--muted);font-size:10px;margin-top:26px}.muted{color:var(--muted);font-size:12px}
@media(max-width:1000px){.app-shell{grid-template-columns:78px 1fr}.sidebar{padding:22px 12px}.brand>span:last-child,.sidebar nav a:not(.active){font-size:0}.sidebar nav a{justify-content:center}.sidebar nav p,.sidebar-user>span:nth-child(2),.sidebar-user form{display:none}.sidebar-user{justify-content:center}.metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.app-shell{display:block}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;overflow:auto}.sidebar nav{display:flex;margin:0 0 0 20px}.sidebar nav p,.sidebar-user{display:none}.sidebar nav a{white-space:nowrap}.main{padding:24px 15px}.topbar{align-items:flex-start;gap:18px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.metrics,.dashboard-grid,.detail-grid{grid-template-columns:1fr}.panel-wide{grid-column:auto}.requirement-summary{grid-template-columns:1fr 1fr}.model-form .form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.property-card{grid-template-columns:50px 1fr}.property-actions{grid-column:span 2;display:flex}.property-list article{grid-template-columns:45px 1fr}.property-list article>div:nth-child(n+3),.property-list article>a{grid-column:2}.facts{grid-template-columns:1fr}}
.attention-zone{background:#fff8e9;border:1px solid #ead6a8;margin-bottom:18px;padding:22px;box-shadow:0 12px 35px rgba(128,91,26,.08)}.attention-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.attention-head h2{font-family:Georgia,"Noto Serif TC",serif;font-weight:500;margin:6px 0}.attention-head p{color:#7f6c49;font-size:12px;margin:0}.attention-head>a{font-size:12px;color:#775316}.attention-list{display:grid;gap:9px}.attention-card{background:#fff;border:1px solid #eadfca;padding:15px;display:grid;grid-template-columns:1.1fr 1fr 1.6fr auto;gap:16px;align-items:center}.attention-who{display:flex;align-items:center;gap:10px}.attention-who>span:nth-child(2){flex:1}.attention-who strong,.attention-context strong{display:block;font-size:12px}.attention-who small,.attention-context small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.attention-context>span{font-size:10px;color:var(--green)}.attention-card blockquote{margin:0;padding:10px 12px;background:#f4f8f5;border-left:3px solid var(--green);font-size:11px;line-height:1.55;color:#40544c}.attention-action{display:grid;gap:7px;justify-items:end}.attention-action form{margin:0}.demo-badge{display:inline-flex;padding:3px 7px;background:#fff0cc;color:#8a601a;border-radius:3px;font-size:9px;font-weight:700}.record-summary{background:#18382e;color:#fff;padding:20px 24px;display:flex;align-items:center;gap:25px;margin-bottom:12px}.record-summary div{display:flex;align-items:baseline;gap:8px}.record-summary strong{font-family:Georgia,serif;font-size:32px}.record-summary span,.record-summary p{color:#b6cac2;font-size:11px}.record-summary p{margin:0}.conversation-list{display:grid;gap:9px}.conversation-card{display:grid;grid-template-columns:1fr 1.1fr 1.8fr auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);padding:17px 19px;box-shadow:var(--shadow)}.conversation-card.has-reply{border-left:4px solid var(--green)}.conversation-contact{display:flex;align-items:center;gap:10px}.conversation-contact strong,.conversation-context>strong,.reply-preview strong{display:block;font-size:12px}.conversation-contact small,.conversation-context small,.reply-preview small,.conversation-status small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.reply-preview{display:flex;gap:10px;align-items:center}.reply-icon,.waiting-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font-weight:700}.waiting-icon{background:#f2f2ee;color:#8a8d84}.conversation-status{display:grid;justify-items:end;gap:6px}.demo-notice{background:#fff5da;border:1px solid #efd9a7;padding:12px 16px;display:flex;gap:12px;align-items:center;margin-bottom:12px}.demo-notice strong{font-size:12px;color:#79551a}.demo-notice span{font-size:11px;color:#8c774e}.handle-bar{display:flex;justify-content:space-between;align-items:center;background:#e8f3ee;border-left:4px solid var(--green);padding:13px 16px;margin-bottom:12px}.handle-bar strong,.handle-bar small{display:block}.handle-bar small{font-size:10px;color:var(--muted);margin-top:3px}.outreach-layout{display:grid;grid-template-columns:1.5fr .75fr;gap:14px}.outreach-side{display:grid;gap:14px;align-content:start}.conversation-title{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.conversation-title>span:nth-child(2){flex:1}.conversation-title h3{margin:4px 0}.conversation-title small{color:var(--muted);font-size:10px}.message-timeline{padding:24px 12px;display:grid;gap:17px;background:#f5f8f6;min-height:420px}.timeline-date{text-align:center;color:var(--muted);font-size:9px}.message{max-width:78%;display:grid;gap:5px}.message .bubble{padding:13px 15px;border-radius:13px;font-size:12px;line-height:1.65}.message small{font-size:9px;color:var(--muted)}.message.outgoing{justify-self:end;justify-items:end}.message.outgoing .bubble{background:#dff0e8;border-bottom-right-radius:3px}.message.incoming{justify-self:start}.message.incoming .bubble{background:#fff;border:1px solid var(--line);border-bottom-left-radius:3px}.waiting-reply{text-align:center;color:var(--muted);font-size:11px;border:1px dashed #cbd6d1;padding:15px}.facts.single{grid-template-columns:1fr}.next-action{border-top:3px solid var(--gold)}.next-action p{font-size:11px;color:var(--muted)}
@media(max-width:1100px){.attention-card,.conversation-card{grid-template-columns:1fr 1fr}.attention-card blockquote,.reply-preview{grid-column:span 2}.attention-action,.conversation-status{display:flex;justify-items:start;align-items:center}.outreach-layout{grid-template-columns:1fr}}@media(max-width:720px){.attention-head{display:block}.attention-head>a{display:inline-block;margin-top:12px}.attention-card,.conversation-card{grid-template-columns:1fr}.attention-card blockquote,.reply-preview{grid-column:auto}.attention-action{justify-content:flex-start;flex-wrap:wrap}.record-summary{display:block}.outreach-layout{grid-template-columns:1fr}.message{max-width:92%}}

/* Larger, more readable desktop workspace and collapsible navigation */
body{font-size:16px}.app-shell{grid-template-columns:272px 1fr;transition:grid-template-columns .2s ease}.sidebar{padding:30px 22px 20px;transition:padding .2s ease;z-index:5}.sidebar-collapse{position:absolute;right:-16px;top:78px;width:32px;height:32px;border:1px solid #cbd8d2;border-radius:50%;background:#fff;color:var(--green);display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 16px rgba(10,42,32,.18);z-index:10;font-size:23px;line-height:1}.sidebar-collapse:hover{background:var(--mint)}.brand-copy,.nav-label,.sidebar-user-copy{transition:opacity .15s ease}.sidebar nav a{font-size:15px;padding:12px 13px}.sidebar nav a>span:first-child{font-size:17px;flex:0 0 20px}.sidebar nav p{font-size:11px}.sidebar-user strong{font-size:13px}.main{padding:40px 48px 76px}.topbar{margin-bottom:30px}.topbar h1{font-size:36px}.eyebrow{font-size:11px}.button{font-size:14px;padding:11px 17px}.button.small{font-size:12px;padding:8px 11px}.welcome h2{font-size:25px}.welcome>p,.attention-head p{font-size:13px}.metrics span,.metrics small{font-size:12px}.metrics strong{font-size:36px}.panel{padding:25px}.panel-head h3,.panel h3{font-size:19px}.panel-head>a,.muted{font-size:13px}table{font-size:14px}th{font-size:11px;padding:11px}td{padding:16px 11px}td small{font-size:12px}.attention-zone{padding:26px}.attention-head h2{font-size:28px}.attention-card{padding:18px}.attention-who strong,.attention-context strong{font-size:14px}.attention-who small,.attention-context small{font-size:12px}.attention-context>span{font-size:11px}.attention-card blockquote{font-size:13px}.badge{font-size:11px}
.app-shell.sidebar-collapsed{grid-template-columns:82px 1fr}.app-shell.sidebar-collapsed .sidebar{padding-left:12px;padding-right:12px}.app-shell.sidebar-collapsed .brand{justify-content:center}.app-shell.sidebar-collapsed .brand-copy,.app-shell.sidebar-collapsed .nav-label,.app-shell.sidebar-collapsed .sidebar nav p,.app-shell.sidebar-collapsed .sidebar-user-copy,.app-shell.sidebar-collapsed .sidebar-user form{display:none}.app-shell.sidebar-collapsed .sidebar nav a{justify-content:center;padding-left:10px;padding-right:10px}.app-shell.sidebar-collapsed .sidebar nav a>span:first-child{width:22px;flex-basis:22px}.app-shell.sidebar-collapsed .sidebar-user{justify-content:center}

/* Customer CRM pipeline */
.crm-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.crm-metrics>div{background:#fff;border:1px solid var(--line);padding:20px 22px;box-shadow:var(--shadow)}.crm-metrics>div.urgent{border-top:3px solid var(--gold)}.crm-metrics span,.crm-metrics small{display:block;color:var(--muted);font-size:12px}.crm-metrics strong{display:block;font-family:Georgia,serif;font-size:34px;font-weight:500;margin:8px 0 5px}.crm-filters{display:grid;grid-template-columns:minmax(240px,1fr) 180px 180px auto auto}.crm-filters .input{max-width:none}.crm-table td{white-space:nowrap}.stage-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#edf3f0;color:#426357;font-size:12px;white-space:nowrap}.stage-viewing,.stage-negotiating,.stage-contracting{background:#fff0cc;color:#815816}.stage-won{background:#ddefe6;color:#0e654a}.stage-lost{background:#f5e3e1;color:#963d37}.stage-paused{background:#eeeeeb;color:#666a64}.due-text{color:#a05d16;font-weight:700}
.customer-status-bar{display:grid;grid-template-columns:repeat(4,1fr);background:#102b23;color:#fff;margin-bottom:14px}.customer-status-bar>div{padding:20px 22px;border-right:1px solid #315044}.customer-status-bar span,.customer-status-bar strong{display:block}.customer-status-bar>div>span{color:#8fb0a3;font-size:11px;margin-bottom:7px}.customer-status-bar>div>strong:not(.stage-badge){font-size:14px}.crm-detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.65fr);gap:14px}.crm-main-column,.crm-side-column{display:grid;gap:14px;align-content:start}.followup-timeline{display:grid}.followup-entry{position:relative;padding:0 0 22px 28px}.followup-entry:before{content:"";position:absolute;left:7px;top:14px;bottom:-5px;width:1px;background:#d5e1db}.followup-entry:last-child:before{display:none}.timeline-marker{position:absolute;left:0;top:8px;width:15px;height:15px;border:4px solid #dcece5;border-radius:50%;background:var(--green)}.followup-card{border:1px solid var(--line);padding:18px;background:#fbfcfb}.followup-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.followup-head strong{font-size:14px}.followup-head span{color:var(--muted);font-size:12px;margin-left:8px}.followup-head time{color:var(--muted);font-size:11px;white-space:nowrap}.followup-stage{display:flex;align-items:center;gap:8px;margin:13px 0}.followup-stage>span{font-size:11px;color:var(--muted)}.followup-card>p{font-size:14px;line-height:1.7;margin:12px 0}.next-step{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;background:#edf5f1;padding:11px 13px}.next-step span,.next-step small{font-size:11px;color:var(--muted)}.next-step strong{font-size:12px}.audit-note{display:block;color:var(--muted);font-size:10px;margin-top:9px}.followup-empty{border:1px dashed #cad8d1;background:#fafcfb}.followup-form-panel{border-top:4px solid var(--green)}.form-intro{font-size:12px;color:var(--muted);line-height:1.6}.followup-form{display:grid;gap:14px;margin-top:20px}.followup-form label>span{display:block;font-size:12px;font-weight:700}.followup-form label>span b{color:var(--gold);margin-left:3px}.followup-form label em{display:block;color:var(--danger);font-size:11px;margin-top:4px}

@media(max-width:1200px){.crm-detail-grid{grid-template-columns:1fr}.crm-side-column{grid-template-columns:1fr 1fr}.crm-filters{grid-template-columns:1fr 1fr 1fr auto}.crm-filters a{grid-column:span 1}}
@media(max-width:1000px) and (min-width:721px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:82px 1fr}.sidebar{padding-left:12px;padding-right:12px}.brand{justify-content:center}.brand-copy,.nav-label,.sidebar nav p,.sidebar-user-copy,.sidebar-user form{display:none}.sidebar nav a,.sidebar nav a:not(.active){justify-content:center;font-size:15px}.sidebar-user{justify-content:center}.main{padding:34px 30px 70px}.crm-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.sidebar-collapse{display:none}.brand-copy{display:none}.main{padding:26px 16px 60px}.topbar h1{font-size:30px}.crm-metrics,.customer-status-bar,.crm-side-column{grid-template-columns:1fr}.crm-filters{display:grid;grid-template-columns:1fr}.crm-filters .input{width:100%}.customer-status-bar>div{border-right:0;border-bottom:1px solid #315044}.followup-head{display:block}.followup-head time{display:block;margin-top:6px}.next-step{grid-template-columns:1fr}.crm-table{min-width:840px}}

/* WhatsApp Cloud API setup */
.integration-hero{background:#102b23;color:#fff;padding:28px 30px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:25px}.integration-hero h2{font-family:Georgia,"Noto Serif TC",serif;font-size:25px;font-weight:500;margin:8px 0}.integration-hero>div>p:last-child{color:#aec5bb;font-size:13px;margin-bottom:0}.connection-state{border:1px solid #6d8d80;padding:10px 14px;font-size:12px;white-space:nowrap;color:#d2dfda}.connection-state.connected{border-color:#65bd95;color:#8fe0b8;background:rgba(36,139,94,.16)}.integration-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.integration-metrics>div{background:#fff;border:1px solid var(--line);padding:19px 22px;box-shadow:var(--shadow)}.integration-metrics span,.integration-metrics strong{display:block}.integration-metrics span{color:var(--muted);font-size:11px}.integration-metrics strong{font-size:17px;margin-top:9px}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.integration-main,.integration-form-panel{align-content:start}.copy-field{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:16px}.copy-field>span{grid-column:span 2;color:var(--muted);font-size:11px;font-weight:700}.copy-field code{min-width:0;overflow:auto;background:#f3f7f5;border:1px solid #d8e3de;padding:11px 13px;color:#244d3e;font-size:12px}.setup-note{margin-top:20px;padding:15px;background:#fff8e9;border-left:3px solid var(--gold)}.setup-note strong{font-size:12px}.setup-note p{font-size:11px;color:#776746;margin:6px 0 0}.integration-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.message-preview{display:block;max-width:460px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.whatsapp-inbox{margin-bottom:18px}
@media(max-width:1100px){.integration-grid{grid-template-columns:1fr}}@media(max-width:720px){.integration-hero{display:block}.connection-state{display:inline-flex;margin-top:18px}.integration-metrics,.integration-form-grid{grid-template-columns:1fr}.copy-field{grid-template-columns:1fr}.copy-field>span{grid-column:auto}.copy-field .button{justify-self:start}}