:root{font-family:Arial,"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#101d35;background:#f6f5f0;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.65}[hidden]{display:none!important}:focus-visible{outline:3px solid #4a9cec;outline-offset:3px}
/* Reference-style landing page */
.landing-page{min-height:100vh;background:linear-gradient(180deg,#faf6e9 0%,#f8f7f3 44%,#f0f1ef 100%)}.site-container{max-width:1090px;padding:14px 16px 36px;margin:0 auto}.hero-slider{position:relative;margin:0 0 34px;width:100%;aspect-ratio:903 / 341;background:#1d2d46;border:2px solid #bc913d;border-radius:25px;overflow:hidden;box-shadow:0 14px 25px rgba(144,121,52,.18)}.hero-slide{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.hero-slide.is-active{opacity:1}.hero-empty{height:100%;display:grid;place-items:center;color:#fff}.slider-arrow{position:absolute;top:44%;z-index:2;background:rgba(4,15,26,.4);color:white;border:0;font-size:30px;width:35px;height:44px;border-radius:9px;opacity:0;transition:opacity .2s}.slider-prev{left:10px}.slider-next{right:10px}.hero-slider:hover .slider-arrow,.slider-arrow:focus-visible{opacity:1}.slider-dots{position:absolute;right:16px;top:50%;display:flex;flex-direction:column;gap:7px;transform:translateY(-50%);z-index:3}.slider-dot{width:8px;height:8px;border:0;background:rgba(255,255,255,.48);padding:0;border-radius:7px}.slider-dot.is-active{height:24px;background:white}.contact-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:30px}.contact-card{height:127px;border:1px solid #e4d2b5;border-radius:22px;background:rgba(255,255,255,.91);box-shadow:0 14px 27px rgba(72,61,36,.09);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#071b38;transition:transform .15s,box-shadow .15s}.contact-card:hover{transform:translateY(-3px);box-shadow:0 18px 30px rgba(72,61,36,.14)}.contact-card strong{font-size:17px;font-weight:750}.contact-icon{width:55px;height:55px;border-radius:15px;background:linear-gradient(135deg,#f6db85,#c39230);display:grid;place-items:center;color:#0c2443}.contact-icon svg{width:31px;height:31px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px;min-height:40px}.section-heading h1,.section-heading h2{font-size:22px;line-height:1.2;margin:0;font-weight:750;color:#061c3d}.light-pill,.section-label{display:inline-flex;align-items:center;justify-content:center;padding:7px 18px;border:0;border-radius:22px;background:#f1e8d5;color:#ab7918;font-size:16px}.light-pill:hover{background:#ead8b6}.lines-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.line-card{min-width:0;width:100%;min-height:86px;position:relative;display:flex;align-items:center;gap:16px;text-align:left;border:1px solid #e2ceb0;border-radius:22px;background:rgba(255,255,255,.95);padding:15px 18px;color:#071c39;box-shadow:0 12px 22px rgba(45,48,47,.075);transition:transform .15s,border-color .15s,box-shadow .15s}.line-card:hover{transform:translateY(-2px);border-color:#c69e57;box-shadow:0 15px 24px rgba(45,48,47,.115)}.line-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center}.hand-symbol{background:#389e82}.hand-symbol svg{width:39px;height:39px}.line-label{font-size:20px;font-weight:750;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0;flex:1;margin-right:110px}.ping-area{position:absolute;right:18px;top:18px;bottom:18px;width:45%;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;pointer-events:none}.ping-pill{display:flex;align-items:center;justify-content:center;gap:9px;background:#e0f6ee;border-radius:28px;white-space:nowrap;color:#009f7a;font-size:14px;font-weight:750;min-height:36px;padding:3px 12px}.signal-icon{width:20px;height:22px;flex:0 0 20px;color:#10b78b}.line-underline{height:4px;width:92%;background:#0cc39a;border-radius:5px}.ping-pill.error{background:#fce8e7;color:#d05951}.ping-pill.error .signal-icon{color:#d05951}.ping-pill.checking{background:#eaf0ff;color:#4e76b4}.agents-section{margin-top:31px}.section-label{background:#e0e3e6;color:#21304a}.agent-grid{display:grid;grid-template-columns:1fr;gap:15px}.agent-card{cursor:pointer}.lock-symbol{background:#253040;border-radius:9px}.lock-symbol svg{width:31px;height:31px}.agent-card .line-label{margin-right:95px}.empty-lines{padding:25px;border:1px dashed #d4c4aa;border-radius:16px;background:#fff;color:#6d7480}.public-footer{text-align:center;color:#9a9ea6;font-size:12px;margin-top:28px}.modal-backdrop{position:fixed;inset:0;z-index:30;background:rgba(26,37,55,.7);display:grid;place-items:center;padding:16px}.modal-box{max-width:360px;width:100%;border-radius:16px;background:white;padding:22px;box-shadow:0 20px 50px rgba(10,22,35,.22)}.modal-box h3{margin:0 0 16px;font-size:20px}.modal-box input{height:44px;width:100%;padding:10px 12px;border-radius:10px;border:1px solid #d7d9df;outline:0}.modal-box input:focus{border-color:#bd9b51;box-shadow:0 0 0 3px #f9eed0}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.modal-actions button{padding:10px 18px;border-radius:9px;font-weight:700}.modal-cancel{background:white;border:1px solid #d9dce2;color:#233047}.gold-button{border:1px solid #bb9139;color:white;background:#bc943e}.gold-button:hover{background:#aa812d}.inline-error{min-height:12px;margin:6px 0;color:#ba3535;font-size:13px}
/* Visitor chat panel mirrors the reference's airy white workspace */
.chat-page{background:linear-gradient(#e9f1e3 0 13px,#fff 13px);height:100dvh;min-height:370px;color:#122748}.visitor-chat-shell{max-width:730px;margin:0 auto;display:flex;flex-direction:column;height:100dvh;min-height:370px;padding:14px 5px 0}.visitor-chat-header{border-bottom:1px solid #e1e6ef}.chat-title-row{display:flex;align-items:center;gap:12px;padding:11px 12px}.back-button{height:41px;width:41px;display:grid;place-items:center;border:1px solid #d9e0ec;border-radius:10px;flex:0 0 41px}.back-button svg{width:24px;height:24px}.chat-title-row h1{font-size:20px;margin:0;font-weight:800}.chat-title-row p{margin:3px 0 0;color:#73819b;font-size:12px}.soft-blue-button{margin-left:auto;color:#3769de;border:0;border-radius:9px;background:#e9efff;padding:10px 19px;font-weight:700}.chat-meta{border-top:1px solid #e5e9f0;margin:0 0 0 0;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#637393}.chat-meta>span:first-child{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;display:inline-block;background:#a5acba;border-radius:50%;flex-shrink:0}.status-dot.active{background:#10af68}.status-suffix{font-size:12px}.messages-viewport{flex:1;overflow:auto;padding:24px 13px;display:flex;flex-direction:column;gap:15px}.no-messages{color:#a0a9b9;align-self:center;margin:auto;text-align:center;font-size:14px}.message{display:flex;flex-direction:column;max-width:82%;gap:5px;align-self:flex-start}.message.visitor{align-self:flex-end;align-items:flex-end}.message.staff{align-items:flex-start}.message .message-bubble{padding:11px 14px;border-radius:15px 15px 15px 4px;background:#f0f3f8;color:#253750;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px}.message.visitor .message-bubble{background:#e2ecff;border-radius:15px 15px 4px 15px}.message .message-time{font-size:11px;color:#9ba7b7;padding:0 3px}.chat-compose{border-top:1px solid #e1e6ef;display:flex;gap:8px;align-items:center;padding:11px 12px 14px}.compose-deco{display:grid;place-items:center;border:1px solid #d8e1ed;border-radius:10px;width:42px;height:42px;flex:0 0 42px;color:#426087}.compose-deco svg{width:25px;height:25px}.chat-compose input{height:43px;border:1px solid #dce1eb;border-radius:9px;padding:8px 11px;flex:1;min-width:0;outline:0;font-size:14px}.chat-compose input:focus,.staff-compose input:focus{border-color:#8faae9}.chat-compose button,.staff-compose button{height:43px;border:0;border-radius:9px;background:#89aaf1;color:#fff;font-weight:750;padding:0 16px}.chat-compose button:hover,.staff-compose button:hover{background:#6c93ea}.chat-feedback{color:#bd4a43;font-size:12px;text-align:center;margin:0;min-height:0}.chat-feedback:not(:empty){padding:4px 10px}
/* Admin */
.admin-page,.staff-page{background:#f5f7fa;color:#162640;min-height:100vh}.admin-topbar,.staff-topbar{background:white;border-bottom:1px solid #e2e7ef}.admin-topbar-inner{max-width:1280px;margin:auto;min-height:76px;padding:14px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800}.admin-brand-icon,.staff-mark{display:grid;place-items:center;background:linear-gradient(130deg,#e2b958,#ad8029);border-radius:11px;color:white;height:40px;width:40px;font-size:25px}.admin-topbar nav,.staff-topbar nav{display:flex;align-items:center;flex-wrap:wrap;gap:18px;font-size:14px;color:#52677e}.admin-topbar nav a:hover,.staff-topbar nav a:hover{color:#c29539}.topbar-logout{border:0;background:#f4f5f7;border-radius:8px;padding:8px 12px;color:#52677e}.admin-wrap{max-width:1280px;padding:25px;margin:0 auto}.admin-intro h1{margin:0 0 8px;font-size:27px}.admin-intro p{margin:0 0 25px;color:#7c8695;font-size:14px}.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 23px}.admin-tabs a{background:white;border:1px solid #e1e6eb;border-radius:9px;padding:12px 19px;font-size:14px;font-weight:700}.admin-tabs a:hover{background:#eaf7f3}.admin-panel{background:white;border:1px solid #e1e7ef;border-radius:16px;padding:23px;margin-bottom:24px;scroll-margin-top:15px;box-shadow:0 8px 24px rgba(21,39,61,.035)}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panel-heading h2{margin:0;font-size:21px}.panel-heading span{color:#99a4b3;font-size:13px}.field-hint{margin:0 0 20px;font-size:13px;color:#7b879b;line-height:1.6}.edit-row{background:#fbfcff;border:1px solid #e5eaf1;padding:13px;border-radius:12px;margin:10px 0;display:flex;align-items:end;gap:11px;flex-wrap:wrap}.edit-row>label{min-width:160px;flex:1}.edit-row>label:nth-of-type(2){flex:1.5}.edit-row .small-field{flex:0 1 125px;min-width:110px}.edit-row label,.upload-form label,.setting-card label,.banner-fields label,.login-box label{font-size:12px;color:#67778d;font-weight:700;display:flex;flex-direction:column;gap:6px}.edit-row input:not([type=checkbox]),.upload-form input:not([type=file]),.setting-card input,.banner-fields input,.login-box input{height:40px;width:100%;border-radius:8px;border:1px solid #d9e1eb;padding:8px 10px;background:white;color:#233044;font-size:14px;min-width:0}.edit-row input:focus,.upload-form input:focus,.setting-card input:focus,.banner-fields input:focus,.login-box input:focus{outline:2px solid #d8e8fc}.edit-row .switch-field,.switch-field{display:flex;flex-direction:row;align-items:center;gap:6px;flex:0 0 auto;min-width:auto;color:#455d6e;font-size:13px;padding-bottom:11px}.switch-field input{accent-color:#1da987;width:17px;height:17px}.edit-actions{display:flex;gap:7px;padding-bottom:2px}.mini-primary,.mini-danger,.primary-button{border:0;border-radius:8px;font-size:13px;font-weight:750;padding:11px 13px}.mini-primary,.primary-button{background:#23a584;color:white}.mini-danger{background:#ffeded;color:#c64d4d}.mini-primary:hover,.primary-button:hover{background:#168c6d}.mini-danger:hover{background:#ffe0e0}.add-heading{font-size:16px;border-top:1px dashed #e2e5ed;margin:21px 0 12px;padding-top:22px}.add-row{border:1px dashed #bddacb;background:#f7fdfa}.upload-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;background:#f8fbfd;border:1px dashed #c3d4e6;border-radius:12px;padding:18px}.upload-form>label{flex:1;min-width:160px}.upload-form input[type=file]{padding:9px 0;font-size:12px;max-width:330px}.banner-editor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:15px}.banner-editor{padding:13px;background:#fbfcff;border:1px solid #e2e7ed;border-radius:12px}.banner-editor img{width:100%;aspect-ratio:2.65;object-fit:cover;border-radius:10px;background:#eee}.banner-fields{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin:10px 0}.banner-editor-footer{display:flex;justify-content:flex-end;align-items:center;gap:9px}.banner-editor-footer .switch-field{margin-right:auto;padding:0}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.setting-card{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid #e4e9f0;border-radius:13px;background:#fbfcff}.setting-card h3{margin:0;font-size:17px}.setting-card p{color:#7a899c;font-size:13px;line-height:1.5;margin:0}.setting-card button{align-self:flex-start;margin-top:auto}.admin-footer{color:#98a4b3;font-size:12px;text-align:center;margin:28px 0}.flash{padding:12px 15px;margin:0 0 18px;border-radius:9px;font-size:14px}.flash.success{background:#e4f8ed;color:#257347;border:1px solid #b7e5c9}.flash.error{background:#ffecec;color:#bd4141;border:1px solid #ffd1d1}.admin-login-bg{background:radial-gradient(circle at 50% -5%,#f9ead0,#f5f6f8 55%);min-height:100vh;display:grid;place-items:center;padding:18px}.login-box{width:min(100%,415px);background:#fff;box-shadow:0 24px 70px rgba(22,44,62,.13);border:1px solid #e4e6eb;border-radius:20px;padding:38px}.login-logo{width:55px;height:55px;border-radius:15px;background:#d1ad61;display:grid;place-items:center;color:white;font-size:28px;margin:0 auto 17px}.login-box h1{text-align:center;font-size:24px;margin:0 0 9px}.login-hint{text-align:center;font-size:14px;color:#8794a6;margin:0 0 28px}.login-box label{margin:15px 0;font-size:13px}.login-box input{height:47px;font-size:15px}.full-button{width:100%;padding:14px;font-size:15px;margin:10px 0 20px}.back-home{display:block;text-align:center;font-size:13px;color:#8191a0}.back-home:hover{text-decoration:underline}
/* Staff — separate live console for each customer-service channel */
.staff-page{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.staff-topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;gap:20px;min-height:78px}.staff-topbar-title{display:flex;align-items:center;gap:12px}.staff-topbar h1{font-size:19px;margin:0 0 2px}.staff-topbar p{color:#96a1b1;font-size:12px;margin:0}.staff-layout{flex:1;min-height:0;display:grid;grid-template-columns:310px 1fr;max-width:1600px;width:100%;margin:auto;padding:17px;gap:16px}.conversation-list,.staff-chat{min-height:0;display:flex;flex-direction:column;background:white;border:1px solid #e2e8ef;border-radius:16px;overflow:hidden;box-shadow:0 7px 24px rgba(22,44,62,.04)}.conversation-list-head{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #edf0f4}.conversation-list-head h2{font-size:16px;margin:0}.conversation-list-head span{font-size:12px;color:#8291a5;background:#edf1f5;padding:4px 10px;border-radius:30px}.conversation-items{overflow:auto;flex:1}.list-empty{color:#a0a9b6;text-align:center;padding:65px 10px;font-size:13px}.conversation-item{display:block;text-align:left;border:0;border-bottom:1px solid #edf0f4;width:100%;background:#fff;padding:16px 18px;color:#263a55}.conversation-item:hover{background:#f6f9fc}.conversation-item.is-selected{background:#e9f5f1;border-left:3px solid #1aa381;padding-left:15px}.conversation-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;gap:8px}.conversation-item-name{font-weight:750;font-size:14px}.conversation-item-preview{color:#8e9aac;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{min-width:20px;height:20px;border-radius:20px;background:#e77460;color:#fff;font-size:11px;display:grid;place-items:center;padding:0 5px}.staff-chat-header{padding:19px 24px;border-bottom:1px solid #ebeff4;display:flex;align-items:center;justify-content:space-between}.staff-chat-header h2{font-size:18px;margin:0 0 5px}.staff-chat-header p{font-size:12px;color:#95a1af;margin:0}.staff-ready{display:flex;align-items:center;gap:7px;color:#698b80;font-size:12px}.staff-messages{display:flex;flex-direction:column;gap:15px;padding:22px;overflow:auto;flex:1;background:#fcfdff}.staff-compose{display:flex;gap:9px;border-top:1px solid #e6ebf1;padding:15px}.staff-compose input{height:45px;border:1px solid #dce3ec;border-radius:9px;padding:10px 14px;outline:0;flex:1;min-width:0}.staff-compose button{background:#1cad89;min-width:100px}.staff-compose button:hover{background:#168e6f}
@media(max-width:780px){.site-container{padding:10px 13px 28px}.hero-slider{border-radius:17px;margin-bottom:19px}.contact-cards{gap:12px;margin-bottom:22px}.contact-card{height:110px;border-radius:16px;gap:9px}.contact-icon{width:48px;height:48px}.contact-icon svg{width:28px;height:28px}.contact-card strong{font-size:15px}.section-heading h1,.section-heading h2{font-size:20px}.lines-grid{grid-template-columns:1fr;gap:12px}.line-card{min-height:83px;padding:12px 15px}.line-label{font-size:18px}.ping-area{right:15px;top:16px;bottom:16px;width:44%}.agents-section{margin-top:25px}.admin-topbar-inner{align-items:flex-start;flex-direction:column;padding:16px}.admin-wrap{padding:15px}.admin-panel{padding:16px}.staff-topbar{padding:12px;align-items:flex-start;flex-direction:column;gap:9px}.staff-layout{grid-template-columns:235px 1fr;padding:9px;gap:9px}.staff-topbar nav{gap:10px}}
@media(max-width:540px){.hero-slider{border-radius:14px;aspect-ratio:2.65}.contact-cards{gap:10px}.contact-card{height:96px}.contact-icon{width:45px;height:45px;border-radius:12px}.section-heading{margin-bottom:7px}.section-heading h1,.section-heading h2{font-size:18px}.light-pill,.section-label{font-size:13px;padding:7px 13px}.line-card{min-height:78px;gap:10px;border-radius:16px;padding:11px 12px}.line-icon{width:38px;height:38px;flex-basis:38px}.hand-symbol svg{width:34px;height:34px}.line-label{font-size:clamp(13px,3.7vw,17px);margin-right:82px}.ping-area{right:12px;top:13px;bottom:13px;width:40%}.ping-pill{min-height:31px;padding:2px 9px;font-size:12px;gap:5px}.signal-icon{width:16px;height:18px;flex-basis:16px}.line-underline{height:3px;width:92%}.agent-card .line-label{margin-right:78px}.chat-title-row{gap:8px;padding:8px}.chat-title-row h1{font-size:18px}.chat-title-row p{font-size:11px}.soft-blue-button{padding:8px 12px}.chat-meta{padding:10px 7px}.messages-viewport{padding:15px 10px}.compose-deco{display:none}.chat-compose{padding:10px 5px 12px}.chat-compose button{padding:0 11px}.admin-topbar nav{gap:10px}.edit-row{display:grid;grid-template-columns:1fr 1fr}.edit-row>label,.edit-row>label:nth-of-type(2){grid-column:span 2;min-width:0}.edit-row .small-field{grid-column:span 1;min-width:0}.edit-row .switch-field{grid-column:span 1}.edit-actions{grid-column:span 2}.add-row>button{grid-column:span 2}.staff-topbar{min-height:106px}.staff-layout{display:flex;flex-direction:column}.conversation-list{flex:0 0 145px}.conversation-list-head{padding:8px 12px}.conversation-items{display:flex;overflow:auto}.conversation-item{min-width:160px;width:160px;border-right:1px solid #edf0f4}.staff-chat{flex:1}.staff-chat-header{padding:10px 12px}.staff-messages{padding:12px}.staff-compose{padding:8px}.staff-compose button{min-width:75px}.staff-topbar nav{font-size:12px}}

/* Homepage header: independently configurable brand above the banner */
.brand-header{display:flex;align-items:center;gap:20px;margin:38px 0 34px;min-height:76px}
.brand-logo-frame{display:inline-flex;align-items:center;justify-content:center;flex:0 0 76px;width:76px;height:76px;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.7);box-shadow:0 9px 22px rgba(162,123,49,.12)}
.brand-logo-frame img{display:block;width:100%;height:100%;object-fit:contain}
.brand-site-name{color:#b98a30;font-size:30px;font-weight:800;line-height:1.25;letter-spacing:.04em;overflow-wrap:anywhere}
.branding-manager{display:grid;grid-template-columns:minmax(180px,.85fr) repeat(2,minmax(230px,1fr));gap:14px;align-items:stretch}
.branding-preview{border-radius:13px;border:1px solid #e8dbc0;background:linear-gradient(120deg,#f7efd7,#fffdf7);padding:16px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}
.branding-preview .brand-logo-frame{box-shadow:0 5px 12px rgba(162,123,49,.12)}
.branding-preview .brand-site-name{font-size:22px}
.branding-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:auto}
.branding-upload-form input[type=file]{width:100%;max-width:100%;font-size:13px;color:#65758d}
.branding-text-form .switch-field{padding-bottom:0;font-size:13px}
@media(max-width:850px){.branding-manager{grid-template-columns:repeat(2,minmax(0,1fr))}.branding-preview{grid-column:span 2;justify-content:flex-start}}
@media(max-width:780px){.brand-header{margin:14px 0 18px;min-height:60px;gap:13px}.brand-logo-frame{flex-basis:60px;width:60px;height:60px;border-radius:16px}.brand-site-name{font-size:25px}}
@media(max-width:540px){.brand-header{margin:11px 0 15px;min-height:52px;gap:12px}.brand-logo-frame{flex-basis:54px;width:54px;height:54px;border-radius:14px}.brand-site-name{font-size:22px}.branding-manager{grid-template-columns:minmax(0,1fr)}.branding-preview{grid-column:auto}.branding-preview .brand-site-name{font-size:20px}}

/* v2 enhancements: closer mobile proportions, configurable phone bar, silent-admin status */
.site-container{padding-bottom:112px}
.contact-cards.two-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.phone-bar{position:fixed;left:0;right:0;bottom:0;z-index:22;background:rgba(20,24,34,.96);backdrop-filter:blur(8px);padding:12px 14px calc(12px + env(safe-area-inset-bottom))}
.phone-bar-inner{max-width:1090px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px}
.phone-bar-left{display:flex;align-items:center;gap:14px;min-width:0}
.phone-bar-icon{width:52px;height:52px;flex:0 0 52px;border-radius:50%;border:2px solid rgba(255,255,255,.58);display:grid;place-items:center;color:#fff}
.phone-bar-icon svg{width:26px;height:26px}
.phone-bar-text{display:flex;flex-direction:column;min-width:0;color:#fff}
.phone-bar-text strong{font-size:18px;line-height:1.15}
.phone-bar-text span{font-size:14px;color:rgba(255,255,255,.83)}
.phone-call-link{color:inherit}
.phone-copy-button{border:1px solid rgba(255,255,255,.38);background:transparent;color:#fff;border-radius:14px;padding:12px 20px;font-size:17px;font-weight:800;min-width:92px}
.phone-copy-button:hover{background:rgba(255,255,255,.08)}
.ajax-status{position:sticky;top:14px;z-index:11;padding:12px 15px;margin:0 0 18px;border-radius:10px;font-size:14px;border:1px solid transparent}
.ajax-status.success{background:#e6f8ef;color:#23734a;border-color:#bde3cd}
.ajax-status.error{background:#ffeded;color:#b84040;border-color:#ffd5d5}
.secondary-action{background:#edf4ef;color:#17795f;border:1px solid #cfe4d8}
.secondary-action:hover{background:#e1f0e7}
.staff-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}

@media(max-width:780px){
  .site-container{max-width:430px;padding:14px 14px 120px}
  .hero-slider{margin-bottom:22px;border-width:1.5px;border-radius:18px}
  .contact-cards.two-cards{gap:14px;margin-bottom:24px}
  .contact-card{height:128px;border-radius:18px}
  .contact-icon{width:54px;height:54px}
  .contact-card strong{font-size:17px}
  .lines-grid{gap:14px}
  .line-card{min-height:92px;border-radius:20px;padding:14px 14px}
  .line-label{font-size:16px;font-weight:800;margin-right:96px}
  .ping-area{width:41%;right:14px;top:15px;bottom:15px}
  .ping-pill{min-height:34px}
  .phone-bar-inner{max-width:430px}
}
@media(max-width:540px){
  .site-container{max-width:420px;padding:10px 16px 118px}
  .hero-slider{aspect-ratio:318/145;margin-bottom:18px;border-radius:16px}
  .slider-dots{right:9px;gap:6px}
  .contact-cards.two-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}
  .contact-card{height:110px;padding:10px 8px;gap:10px;border-radius:18px}
  .contact-icon{width:52px;height:52px;border-radius:14px}
  .contact-card strong{font-size:15px}
  .section-heading{margin-bottom:12px}
  .section-heading h1,.section-heading h2{font-size:16px}
  .light-pill,.section-label{font-size:12px;padding:8px 14px}
  .lines-grid,.agent-grid{grid-template-columns:1fr;gap:14px}
  .line-card{min-height:88px;gap:11px;border-radius:18px;padding:13px 13px}
  .line-icon{width:40px;height:40px;flex-basis:40px}
  .line-label{font-size:15px;margin-right:90px}
  .agent-card .line-label{margin-right:84px}
  .ping-area{width:40%;right:13px;top:14px;bottom:14px}
  .ping-pill{min-height:32px;padding:1px 9px;font-size:12px}
  .phone-bar{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
  .phone-bar-inner{gap:12px}
  .phone-bar-left{gap:12px}
  .phone-bar-icon{width:48px;height:48px;flex-basis:48px}
  .phone-bar-text strong{font-size:16px}
  .phone-bar-text span{font-size:12px}
  .phone-copy-button{padding:11px 16px;border-radius:13px;font-size:15px;min-width:78px}
  .public-footer{padding-bottom:6px}
  .staff-chat-header{align-items:flex-start;flex-direction:column;gap:10px}
  .staff-header-actions{width:100%;justify-content:space-between}
}