:root{--forest:#1c2938;--forest2:#31465d;--copper:#a96339;--sand:#eee7da;--paper:#f6f3ed;--ink:#222a32;--muted:#69727b;--line:#ddd8cf;--white:#fff;--red:#a74737;--shadow:0 18px 55px rgba(25,34,45,.13);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.topbar{height:78px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:var(--forest);color:#fff;border-bottom:1px solid rgba(255,255,255,.13);position:sticky;top:0;z-index:30}.brand-wrap{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px}.brand-mark svg{width:100%;height:100%;fill:none;stroke:#f4eee3;stroke-width:2;stroke-linejoin:round}.brand-mark .accent{stroke:#d29261}.eyebrow{font:600 9px/1.2 Georgia,serif;letter-spacing:2px;color:#c9d5d0;margin-bottom:3px}.brand-wrap h1{font-size:20px;line-height:1;margin:0;letter-spacing:2px}.top-actions{display:flex;align-items:center;gap:16px}.sync-state{font-size:12px;color:#c9d5d0}.sync-state i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#80af91;margin-right:7px}.sync-state.error i{background:#e18b72}.admin-btn{height:38px;border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:0 17px;background:transparent;color:#fff;font-weight:700;font-size:13px}.admin-btn.unlocked{background:#fff;color:var(--forest)}
.hero{min-height:220px;padding:36px clamp(18px,5vw,80px);display:grid;grid-template-columns:minmax(300px,1fr) auto auto;align-items:end;gap:50px;background:var(--forest);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-100px;top:-280px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02)}.hero-copy p{font-size:12px;letter-spacing:2px;color:#d2b79d;margin:0 0 13px}.hero-copy h2{font:500 clamp(27px,3.3vw,46px)/1.25 Georgia,"Noto Serif TC",serif;margin:0;letter-spacing:2px}.hero-stat{min-width:115px;padding-bottom:7px;position:relative;z-index:1}.hero-stat strong{display:block;font:500 32px/1 Georgia,serif;color:#f0d3bd}.hero-stat span{display:block;font-size:12px;color:#c4d0cc;margin-top:9px;white-space:nowrap}
main{max-width:1480px;margin:0 auto;padding:28px clamp(16px,4vw,56px) 90px}.control-panel{background:#fff;border:1px solid var(--line);padding:16px;border-radius:var(--radius);box-shadow:0 7px 30px rgba(29,50,42,.05);position:relative}.search-wrap{height:54px;border:1px solid #cfcac0;border-radius:13px;display:flex;align-items:center;padding:0 14px;gap:12px;background:#fbfaf7}.search-wrap:focus-within{border-color:var(--forest2);box-shadow:0 0 0 3px rgba(36,75,64,.1)}.search-wrap svg{width:21px;fill:none;stroke:#6f7a75;stroke-width:1.8}.search-wrap input{border:0;outline:0;background:transparent;flex:1;min-width:0;font-size:16px;color:var(--ink)}.search-wrap kbd{border:1px solid var(--line);background:#fff;border-radius:6px;padding:4px 7px;color:#87908b;font-size:10px}.filter-grid{display:grid;grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) auto;gap:10px;margin-top:11px}.filter-trigger{height:52px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 14px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;text-align:left;color:var(--ink)}.filter-trigger span{color:#8a928e;font-size:11px}.filter-trigger strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-trigger b{font-weight:400}.status-filter{display:flex;border:1px solid var(--line);border-radius:12px;padding:4px;background:#f2f0eb}.status-filter button{border:0;background:transparent;border-radius:9px;padding:0 15px;color:#6c7772;font-size:13px;font-weight:700}.status-filter button.active{background:#fff;color:var(--forest);box-shadow:0 2px 8px rgba(20,40,32,.1)}.filter-popover{position:absolute;left:16px;right:16px;top:136px;z-index:20;padding:14px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.filter-popover .pop-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:800}.filter-popover .pop-title button{border:0;background:none;color:var(--copper);font-size:12px}.chip-set{display:flex;flex-wrap:wrap;gap:7px;max-height:260px;overflow:auto}.chip{border:1px solid var(--line);background:#faf9f6;border-radius:99px;padding:8px 12px;color:#59655f;font-size:12px}.chip.on{background:var(--forest);border-color:var(--forest);color:#fff}
.list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:21px 2px 12px;border-bottom:1px solid var(--line)}.list-toolbar>div:first-child{display:flex;align-items:baseline;gap:12px}.list-toolbar span{font-weight:800}.list-toolbar small{color:#8a928e}.toolbar-actions{display:flex;gap:8px}.icon-text-btn,.primary-small{height:38px;border-radius:10px;padding:0 13px;font-size:12px;font-weight:800}.icon-text-btn{border:1px solid var(--line);background:#fff;color:#53605a}.icon-text-btn.on{background:#efe7da;color:#89512d;border-color:#ddc2aa}.primary-small{border:1px solid var(--forest);background:var(--forest);color:#fff}.notice{margin:14px 0 0;padding:12px 14px;border-radius:11px;background:#f6eadf;border:1px solid #ead0b8;color:#855233;font-size:13px}.directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:14px}.contact-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;display:grid;grid-template-columns:auto 1fr auto;gap:13px;min-width:0;position:relative;transition:.16s ease}.contact-card:hover{border-color:#bdb8ae;box-shadow:0 8px 25px rgba(31,54,45,.07);transform:translateY(-1px)}.contact-card.inactive{background:#f6f4ef;color:#6f7773}.contact-card.dragging{opacity:.5;border:2px dashed var(--copper)}.drag-handle{width:24px;border:0;background:transparent;color:#9ba19e;cursor:grab;font-size:18px;display:none;align-items:center;justify-content:center;padding:0}.reordering .drag-handle{display:flex}.card-main{min-width:0}.title-row{display:flex;align-items:center;gap:8px}.card-name{font-size:17px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:#3e8664;flex:none}.inactive .status-dot{background:#a6aaa8}.card-role{font-size:13px;color:#69756f;margin-top:3px;min-height:18px}.card-contact{font-size:12px;color:#8b928f;margin-top:3px}.tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.tag{background:#eef2ef;color:#496257;padding:3px 7px;border-radius:5px;font-size:10px}.tag.site{background:#f2e9de;color:#8a5b38}.card-actions{display:flex;align-items:flex-start;gap:6px}.star,.edit-card{width:32px;height:32px;border:0;border-radius:9px;background:#f4f2ed;color:#8b928f}.star.on{color:#a86131;background:#f4e5d6}.edit-card{display:none}.admin-mode .edit-card{display:block}.phones{grid-column:2/-1;display:flex;gap:7px;flex-wrap:wrap;margin-top:2px}.phone{display:inline-flex;align-items:center;gap:6px;min-height:38px;border-radius:9px;text-decoration:none;padding:0 11px;background:#eaf1ed;color:#21543f;font-weight:800;font-size:13px}.phone.land{background:#edf0f2;color:#354c58}.phone.fax{background:#f1efea;color:#727975}.address{grid-column:2/-1;font-size:11px;color:#939a96;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{text-align:center;padding:80px 20px;color:#7c8781}.empty div{font-weight:800;color:#46534d}.empty p{font-size:13px}
.modal[hidden],.toast[hidden]{display:none}.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px}.backdrop{position:absolute;inset:0;background:rgba(12,28,23,.58);backdrop-filter:blur(3px)}.dialog{position:relative;width:min(620px,100%);max-height:90vh;overflow:auto;background:var(--paper);border-radius:22px;box-shadow:var(--shadow);padding:22px}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dialog-head h3{margin:0;font:600 23px Georgia,"Noto Serif TC",serif}.close-btn{width:35px;height:35px;border:1px solid var(--line);border-radius:50%;background:#fff}.field{margin-bottom:13px}.field label{display:block;font-size:11px;font-weight:800;color:#6e7974;margin-bottom:6px}.field input,.field textarea{width:100%;min-height:46px;border:1px solid #ccc8bf;border-radius:10px;background:#fff;padding:10px 12px;outline:0}.field textarea{resize:vertical;min-height:72px}.field input:focus,.field textarea:focus{border-color:var(--forest)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.select-chips{display:flex;flex-wrap:wrap;gap:6px}.select-chips button{border:1px solid var(--line);border-radius:99px;background:#fff;padding:7px 10px;font-size:11px;color:#5f6a65}.select-chips button.on{background:var(--forest);color:#fff}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.dialog-actions button{height:44px;border-radius:10px;padding:0 18px;font-weight:800;border:1px solid var(--line);background:#fff}.dialog-actions .save{background:var(--forest);border-color:var(--forest);color:#fff}.dialog-actions .danger{color:var(--red);margin-right:auto}.login-note{background:#eee8dc;border-radius:12px;padding:12px 14px;font-size:12px;color:#6f5a49;margin-bottom:15px}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:90;background:#17372f;color:#fff;padding:11px 17px;border-radius:99px;font-size:13px;box-shadow:var(--shadow)}
@media(max-width:760px){.topbar{height:67px;padding:0 14px}.brand-mark{width:36px;height:36px}.brand-wrap h1{font-size:17px}.eyebrow{font-size:7px}.sync-state{display:none}.admin-btn{height:34px;padding:0 12px}.hero{min-height:154px;padding:23px 18px;grid-template-columns:1fr auto;gap:16px;align-items:end}.hero-copy p{font-size:10px;margin-bottom:9px}.hero-copy h2{font-size:27px}.hero-stat{min-width:70px}.hero-stat:nth-of-type(3){display:none}.hero-stat strong{font-size:27px}.hero-stat span{font-size:10px}main{padding:14px 12px 80px}.control-panel{padding:10px;border-radius:15px}.search-wrap{height:50px}.search-wrap kbd{display:none}.filter-grid{grid-template-columns:1fr 1fr;gap:7px}.filter-trigger{height:45px;padding:0 10px}.filter-trigger span{display:none}.status-filter{grid-column:1/-1;height:44px}.status-filter button{flex:1}.filter-popover{top:112px;left:10px;right:10px}.list-toolbar{align-items:flex-start;padding-top:17px}.list-toolbar>div:first-child{display:block}.list-toolbar small{display:block;margin-top:3px;font-size:10px}.toolbar-actions{gap:5px}.icon-text-btn,.primary-small{padding:0 9px}.directory{grid-template-columns:1fr;gap:9px}.contact-card{padding:14px 12px;grid-template-columns:auto 1fr auto;gap:9px}.contact-card:hover{transform:none;box-shadow:none}.card-name{font-size:16px}.phones{grid-column:2/-1}.phone{min-height:43px;font-size:14px;flex:1;justify-content:center}.address{grid-column:2/-1}.dialog{padding:18px 14px;border-radius:18px}.field-row{grid-template-columns:1fr}.dialog-actions{position:sticky;bottom:-18px;background:var(--paper);padding:11px 0 2px}.dialog-actions button{padding:0 13px}}
@media(min-width:1200px){.directory{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.sync-state i{background:#9eb1c4}.status-dot{background:#59779a}.phone{background:#e9eef4;color:#2f4f72}.tag{background:#edf0f4;color:#4b5e73}

/* High-contrast corporate palette */
:root{--forest:#172235;--forest2:#263b59;--copper:#c45a16;--paper:#f3f5f7;--ink:#111827;--muted:#4b5563;--line:#cbd2dc;--shadow:0 16px 42px rgba(15,23,42,.14)}
body{font-weight:500}.topbar,.hero{background:#172235}.eyebrow,.sync-state,.hero-stat span{color:#e2e8f0}.hero-copy p,.hero-stat strong{color:#ffb77f}.hero-copy h2,.dialog-head h3{font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;font-weight:800;letter-spacing:.5px}.control-panel,.contact-card,.dialog{background:#fff}.search-wrap{background:#fff;border-color:#aeb8c5}.search-wrap input{color:#111827;font-weight:600}.search-wrap input::placeholder{color:#667085;opacity:1}.filter-trigger strong,.list-toolbar span,.card-name{color:#111827}.filter-trigger span,.list-toolbar small,.card-role,.card-contact,.address{color:#4b5563}.status-filter{background:#e7eaf0;border-color:#bac3cf}.status-filter button{color:#475569}.status-filter button.active{background:#172235;color:#fff}.phone{background:#e8eef7;color:#173f70;border:1px solid #c8d6e8}.phone.land{background:#fff3e8;color:#8c3f0e;border:1px solid #f0c6a8}.tag{background:#e9edf3;color:#34445a}.tag.site{background:#fff0e4;color:#8c3f0e}.icon-text-btn{color:#263b59;border-color:#b7c0cc}.primary-small,.dialog-actions .save{background:#c45a16;border-color:#c45a16}.notice{color:#71390f}.empty{color:#4b5563}.empty div{color:#111827}

/* Light, information-first directory layout */
:root{--forest:#365777;--forest2:#527495;--copper:#d9783d;--paper:#f4f7fa;--ink:#1f2d3d;--muted:#5f6f7f;--line:#d5dee7;--shadow:0 10px 28px rgba(41,72,102,.09)}
body{background:#f4f7fa;color:#1f2d3d}.topbar{background:#e5eef7;color:#20364d;border-bottom-color:#cbd8e5}.brand-mark svg{stroke:#315473}.eyebrow{color:#607b96}.brand-wrap h1{color:#20364d}.sync-state{color:#4e6982}.admin-btn{border-color:#92a9bd;color:#274760;background:#f8fbfe}.admin-btn.unlocked{background:#365777;color:#fff}.hero{min-height:160px;background:#edf4fa;color:#20364d;border-bottom:1px solid #d3e0eb}.hero:after{border-color:rgba(54,87,119,.09);box-shadow:0 0 0 70px rgba(54,87,119,.035),0 0 0 140px rgba(54,87,119,.025)}.hero-copy p{color:#b45f2d}.hero-copy h2{color:#20364d;font-size:clamp(27px,3vw,39px)}.hero-stat strong{color:#b45f2d}.hero-stat span{color:#60758a}.control-panel{border-color:#d5dee7;box-shadow:var(--shadow)}.status-filter button.active{background:#527495}.primary-small,.dialog-actions .save{background:#527495;border-color:#527495}.directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.contact-card{display:flex;align-items:stretch;gap:8px;padding:0;background:#fff;border-color:#d8e1ea;overflow:hidden;transform:none!important}.contact-card.inactive{background:#fbfcfd;color:#526170;opacity:1}.contact-card:hover{box-shadow:0 8px 22px rgba(43,72,100,.09);border-color:#b9c9d8}.drag-handle{margin:12px 0 12px 8px}.card-content{min-width:0;flex:1;padding:16px}.card-top{display:flex;justify-content:space-between;gap:12px}.card-main{min-width:0}.card-name{font-size:17px;line-height:1.4}.card-role{font-size:13px;min-height:0;margin-top:4px;color:#536577}.card-contact{display:flex;gap:7px;align-items:center;font-size:13px;margin-top:6px;color:#34495e}.card-contact span{font-size:10px;padding:2px 5px;border-radius:4px;background:#e8eff6;color:#52708c}.card-actions{flex:none}.phones{grid-column:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.phone{min-width:0;min-height:42px;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone.fax{display:none}.no-phone{grid-column:1/-1;min-height:42px;display:flex;align-items:center;justify-content:center;border:1px dashed #d2dbe4;border-radius:9px;color:#8795a3;font-size:12px}.more-details{margin-top:11px;border-top:1px solid #e3e8ee;padding-top:9px}.more-details summary{list-style:none;cursor:pointer;font-size:12px;font-weight:700;color:#527495;display:flex;justify-content:space-between}.more-details summary::-webkit-details-marker{display:none}.more-details summary:after{content:"＋"}.more-details[open] summary:after{content:"－"}.detail-body{padding-top:11px;display:grid;gap:9px}.detail-line{display:grid;grid-template-columns:74px 1fr;gap:8px;font-size:12px;color:#526170}.detail-line b{font-size:11px;color:#7a8794}.detail-line .tags{margin:0}.tag{background:#edf2f7;color:#465d72}.tag.site{background:#fff1e7;color:#9b5228}.dialog{background:#f7f9fb}.toast{background:#365777}
@media(min-width:1200px){.directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hero{min-height:132px}.directory{grid-template-columns:1fr}.contact-card{display:flex;padding:0}.card-content{padding:14px 11px 13px}.phones{grid-column:auto}.phone{flex:auto}.more-details{margin-top:10px}.detail-line{grid-template-columns:68px 1fr}.topbar{background:#e5eef7}.hero-copy h2{font-size:25px}}

/* Warm neutral palette and clearer multi-select filters */
:root{--forest:#3f5f7a;--forest2:#58758d;--copper:#b96d43;--paper:#f7f5f1;--ink:#26323d;--muted:#65717b;--line:#d8d5cf;--shadow:0 9px 26px rgba(51,64,76,.08)}
body{background:#f7f5f1}.topbar{background:#fff;color:#26323d;border-bottom:1px solid #dedbd5}.brand-mark svg{stroke:#3f5f7a}.brand-wrap h1{color:#26323d}.eyebrow,.sync-state{color:#6e7b86}.admin-btn{background:#f6f3ee;border-color:#b9b5ad;color:#354e63}.admin-btn.unlocked{background:#3f5f7a;color:#fff}.hero{background:#f0ece5;border-bottom-color:#ddd7cd;color:#26323d}.hero-copy h2{color:#26323d}.hero-copy p,.hero-stat strong{color:#a65f39}.hero-stat span{color:#69747e}.control-panel{border-color:#d9d5ce}.search-wrap{background:#fff;border-color:#c9c4bb}.filter-trigger{background:#fff;border-color:#d2cdc5}.filter-trigger:hover{border-color:#879eaf}.status-filter{background:#ece9e3;border-color:#d4cfc7}.status-filter button.active{background:#3f5f7a}.primary-small,.dialog-actions .save{background:#3f5f7a;border-color:#3f5f7a}.phone{background:#eef2f5;color:#35536c;border-color:#d6e0e7}.phone.land{background:#faf0e8;color:#8b4d2c;border-color:#ead5c6}.contact-card{border-color:#ddd9d2}.more-details summary{color:#496a84}.active-filters{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px;padding-top:11px;border-top:1px solid #ebe7e0}.active-filters[hidden]{display:none}.active-filters button{display:flex;align-items:center;gap:6px;min-height:32px;border:1px solid #ccd5dc;border-radius:8px;background:#f3f6f8;color:#344d61;padding:0 9px;font-size:11px}.active-filters button span{color:#8a6a55;font-size:9px;font-weight:800}.active-filters button b{font-size:15px;font-weight:400;color:#7d8992}.filter-popover{top:136px;padding:0;overflow:hidden;border-color:#cbc6bd;border-radius:15px;background:#fff}.pop-head{display:flex;align-items:center;justify-content:space-between;padding:17px 18px 12px}.pop-head small{display:block;color:#8b9399;font-size:10px;margin-bottom:2px}.pop-head strong{font-size:17px;color:#26323d}.pop-close{width:34px;height:34px;border:1px solid #ddd8d0;border-radius:50%;background:#faf9f6;color:#68747d;font-size:19px}.filter-search{height:44px;margin:0 14px 10px;border:1px solid #d5d0c8;border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 11px;background:#faf9f6}.filter-search span{font-size:19px;color:#7d8992}.filter-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#26323d}.filter-options{max-height:310px;overflow:auto;border-top:1px solid #ece8e2;border-bottom:1px solid #ece8e2;padding:5px 8px}.filter-option{width:100%;min-height:45px;border:0;border-radius:9px;background:#fff;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;padding:5px 10px;text-align:left;color:#35424d}.filter-option:hover{background:#f6f4f0}.filter-option.on{background:#edf2f5}.filter-option i{width:20px;height:20px;border:1.5px solid #aeb8c0;border-radius:5px;display:grid;place-items:center;font-style:normal;color:#fff;font-size:12px}.filter-option.on i{background:#3f5f7a;border-color:#3f5f7a}.filter-option span{font-size:13px;font-weight:650}.filter-option em{font-style:normal;font-size:10px;color:#87929a}.pop-actions{height:58px;display:grid;grid-template-columns:80px 1fr 90px;align-items:center;gap:8px;padding:8px 12px}.pop-actions button{height:38px;border-radius:9px;font-size:12px;font-weight:750}.pop-actions #clearFilter{border:1px solid #d8d3cb;background:#fff;color:#68747d}.pop-actions #doneFilter{border:0;background:#3f5f7a;color:#fff}.pop-actions span{text-align:center;font-size:11px;color:#76818a}
@media(max-width:760px){.filter-popover{position:fixed;left:0;right:0;top:auto;bottom:0;max-height:84vh;border-radius:20px 20px 0 0;z-index:80;box-shadow:0 -12px 38px rgba(38,50,61,.18);padding-bottom:env(safe-area-inset-bottom)}.filter-options{max-height:52vh}.pop-head{padding-top:19px}.active-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.active-filters button{flex:none}.topbar{background:#fff}.hero{background:#f0ece5}}

/* Compact phonebook layout */
.hero{min-height:92px;padding:18px clamp(18px,4vw,64px);grid-template-columns:1fr auto auto;gap:28px}.hero-copy p{display:none}.hero-copy h2{font-size:25px}.hero-stat{display:flex;align-items:baseline;gap:7px;min-width:0;padding:0}.hero-stat strong{font-size:22px}.hero-stat span{margin:0}.hero:after{display:none}main{padding-top:18px}.control-panel{padding:12px;border-radius:14px}.search-wrap{height:48px}.filter-grid{margin-top:8px}.filter-trigger{height:46px}.status-filter{height:46px}.list-toolbar{padding-top:15px}.directory{display:grid;grid-template-columns:1fr;gap:8px;padding-top:10px}.contact-card{border-radius:11px}.card-content{display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(310px,1fr);gap:10px 22px;align-items:center;padding:13px 16px}.card-top{grid-column:1}.phones{grid-column:2;margin:0}.more-details{grid-column:1/-1;margin-top:0}.card-name{font-size:16px}.card-role{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.load-more{display:block;width:min(420px,100%);height:46px;margin:18px auto 0;border:1px solid #b9c5ce;border-radius:11px;background:#fff;color:#3f5f7a;font-weight:800}.load-more:hover{background:#f2f5f7}.load-more[hidden]{display:none}
@media(max-width:760px){.hero{min-height:70px;padding:14px 14px;display:flex;justify-content:space-between}.hero-copy h2{font-size:19px}.hero-stat:nth-of-type(2){display:flex}.hero-stat strong{font-size:18px}.hero-stat span{font-size:9px}.control-panel{position:sticky;top:67px;z-index:24;border-radius:0;margin:0 -12px;padding:9px 12px;box-shadow:0 5px 16px rgba(51,64,76,.08)}.filter-grid{grid-template-columns:1fr 1fr}.filter-trigger{height:42px}.status-filter{height:42px}.card-content{display:block;padding:13px 11px}.phones{display:grid;margin-top:12px}.more-details{margin-top:10px}.list-toolbar{padding-top:13px}.list-toolbar small{display:none}}

/* Pastel blue and warm yellow palette */
:root{--forest:#527da4;--forest2:#6f95b8;--copper:#c98c2c;--sand:#fff1bd;--paper:#f8fbfe;--ink:#20364a;--muted:#61788c;--line:#d4e2ed;--shadow:0 10px 28px rgba(65,104,139,.10)}
body{background:linear-gradient(180deg,#f5faff 0,#fffdf4 100%);color:var(--ink)}
.topbar{background:#ddecf8;border-bottom-color:#bfd5e6}.brand-mark svg{stroke:#48789f}.brand-wrap h1{color:#203f5a}.eyebrow,.sync-state{color:#55748e}.admin-btn{background:#fff8dc;border-color:#e6cf7b;color:#365c79}.admin-btn.unlocked{background:#527da4;color:#fff;border-color:#527da4}
.hero{background:linear-gradient(105deg,#e5f2fc 0%,#fff4c9 100%);border-bottom-color:#d8e3dd}.hero-copy h2{color:#254965}.hero-stat strong{color:#a96f17}.hero-stat span{color:#61788c}
.control-panel,.contact-card{background:rgba(255,255,255,.94);border-color:#cfdfeb}.search-wrap{background:#fffef8;border-color:#c8d9e6}.search-wrap:focus-within{border-color:#6f95b8;box-shadow:0 0 0 3px rgba(111,149,184,.14)}
.filter-trigger{background:#f8fcff;border-color:#cfdfeb}.status-filter{background:#fff5cf;border-color:#ead994}.status-filter button.active{background:#527da4}.active-filters button{background:#eef7fd;border-color:#c8ddea;color:#355c79}.filter-option.on{background:#e6f2fb}.filter-option.on i{background:#527da4;border-color:#527da4}.pop-actions button:last-child{background:#527da4;border-color:#527da4}
.phone{background:#e9f4fc;color:#315f82;border-color:#c8dfef}.phone.land{background:#fff6d8;color:#80601e;border-color:#ead997}.tag{background:#edf6fc;color:#496b86}.tag.site{background:#fff3c9;color:#82601d}.primary-small,.dialog-actions .save{background:#527da4;border-color:#527da4}.more-details summary{color:#527da4}.dialog{background:#f7fbfe}.login-note{background:#fff3ca;color:#6f592a}.toast{background:#3e6789}