/* Styles for the real server entry; the demo retains its existing presentation. */
.server-login form{margin-top:24px}.server-login .form-error{margin-bottom:18px;line-height:1.7}.server-login .fine{margin-top:20px}.server-notice{padding:11px 36px;border-bottom:1px solid var(--line);background:#fffaf6;font-size:11px;color:#875c3b;flex-shrink:0}.server-status{min-height:60px;line-height:1.7}.server-pages{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0}.server-pages>span{font-size:11px;color:#737e8b}.server-pages>div{display:flex;gap:10px}.server-warning{margin-bottom:20px}.server-shell .customer-card>strong{overflow-wrap:anywhere}.server-shell .upcoming-module{align-items:start}.server-shell .upcoming-module>span{flex:1}.server-shell .upcoming-module>small{white-space:nowrap}.server-shell .module-children .upcoming-module{padding-left:8px}.server-shell .sidebar-bottom{line-height:1.7}.server-shell .section-heading h2{overflow-wrap:anywhere}.server-shell .customer-fields{padding-top:20px}
@media(max-width:600px){.server-notice{padding:10px 18px}.server-pages{align-items:start;flex-wrap:wrap}.server-pages>div{flex-wrap:wrap}.server-shell .sidebar nav{max-height:150px}}
.server-shell .sidebar{min-width:0}.server-shell .module-children .upcoming-module{display:grid;grid-template-columns:16px minmax(0,1fr);gap:6px;padding:10px 6px}.server-shell .module-children .upcoming-module>svg{width:16px;height:16px}.server-shell .module-children .upcoming-module>small{grid-column:2;margin:0;justify-self:start}
.server-edit-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.server-compare{margin-top:24px}.server-compare td{overflow-wrap:anywhere;max-width:350px}.server-compare .secondary{margin-top:12px}#customer-edit{margin-top:20px}#customer-edit fieldset{min-width:0}#customer-edit .form-grid{gap:0 24px}#customer-edit input:disabled{background:#f7f8fa}
.server-library-context{margin-bottom:20px;border:1px solid var(--line);border-radius:7px;padding:10px 18px}.server-shell #announcement-filter{flex-wrap:wrap}.server-shell #announcement-filter .search{min-width:200px}.server-shell #announcement-filter label{margin:0}.server-shell #announcement-filter button{margin-bottom:1px}.server-shell .table-wrap td{overflow-wrap:anywhere}.server-shell .table-wrap td:first-child{min-width:180px}
.server-player{position:fixed;bottom:0;left:236px;right:0;z-index:10}.server-player>div{min-width:0;max-width:45%}.server-player strong{font-size:12px;overflow-wrap:anywhere}.server-player p{font-size:10px;color:#69727d;margin-top:4px}.has-server-audio .server-shell #workspace{padding-bottom:130px}.server-shell .row-actions{white-space:nowrap}.server-shell .row-actions .quiet{font-size:10px;padding:6px}.server-shell .row-actions svg{width:15px;height:15px}@media(max-width:1150px){.server-player{left:205px}}@media(max-width:900px){.server-player{left:180px}}@media(max-width:600px){.server-player{left:0}.server-player>div{max-width:none;flex-basis:100%}}

.server-upload{max-width:760px}.server-upload form{margin-top:24px}.server-upload .fine{overflow-wrap:anywhere;margin-bottom:20px}.server-upload .info{margin-top:18px}

.server-file-selection{display:flex;align-items:center;gap:14px;margin-bottom:12px}.server-file-selection span{font-size:12px;color:#69727d}
.server-upload input[type="file"][hidden]{display:none}

.server-speech{max-width:880px}.server-speech .form-grid{gap:0 24px}.server-speech textarea{resize:vertical}.server-speech .fine{line-height:1.6;margin-bottom:18px}.server-speech .info{margin:20px 0}

.server-correspondence{max-width:900px}.server-correspondence textarea{resize:vertical}.server-correspondence .fine{line-height:1.7;margin:16px 0}.server-correspondence fieldset{margin-top:20px;min-width:0}.server-correspondence input[type="checkbox"]{display:inline-block;width:18px;min-height:18px;height:18px;flex:0 0 18px;margin:0}.server-correspondence .check-row{display:flex;gap:12px;align-items:center;margin:0;padding:12px 0;border-bottom:1px solid var(--line)}.server-correspondence .check-row small{display:block;color:#69727d;margin-top:4px}.server-correspondence .info{margin:18px 0}.server-correspondence .server-compare{padding:18px;background:#faf8f5;border:1px solid var(--line);border-radius:8px}

.server-customer-modules{margin-top:32px}.server-customer-modules>.section-heading{margin-bottom:18px}.server-customer-module{display:flex;align-items:flex-start;gap:20px;padding:24px;margin-bottom:16px}.server-module-symbol{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:12px;background:#fff3e9;color:#d7562a}.server-module-symbol svg{width:24px;height:24px}.server-module-content{flex:1;min-width:0}.server-module-title{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.server-module-content>p{font-size:12px;line-height:1.7;color:#69727d;margin-top:8px}.server-module-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.server-module-actions button{display:inline-flex;gap:8px;align-items:center}.server-module-actions svg{width:17px;height:17px}.server-customer-module.is-planned{background:#fafbfc}.server-customer-module.is-planned .server-module-symbol{background:#eef0f3;color:#77818c}.server-customer-overview .customer-fields{padding-top:12px}@media(max-width:600px){.server-customer-module{gap:14px;padding:18px}.server-module-actions{flex-direction:column;align-items:stretch}.server-module-actions button{justify-content:center}}


.global-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}.global-filters .server-edit-actions{align-items:end}.customer-module-settings{margin-top:20px}.customer-module-settings>p{font-size:12px;color:var(--muted);margin:12px 0}.customer-module-settings .check-row{display:flex;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.customer-module-settings input[type="checkbox"]{display:inline-block;width:19px;height:19px;min-height:19px;flex:0 0 19px;margin:0}.customer-module-settings small{display:block;margin-top:4px}@media(max-width:900px){.global-filters{grid-template-columns:1fr 1fr}}@media(max-width:600px){.global-filters{grid-template-columns:1fr}}

.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.settings-grid .panel{margin-bottom:20px}.settings-grid h3{margin-bottom:12px}.settings-grid p{font-size:12px;line-height:1.7;color:#69727d;margin-bottom:18px}.settings-grid label{display:block;margin-top:18px}.settings-grid .server-pages{flex-wrap:wrap;gap:12px;margin-top:18px}.settings-grid li{margin:16px 0;font-size:13px}.settings-grid .customer-module-settings{margin-top:0}.settings-customer-title{font-size:16px;margin:0 0 14px}@media(max-width:1050px){.settings-grid{grid-template-columns:1fr}}

.settings-grid .settings-general{padding:20px 24px}.settings-grid .settings-general h3{margin-bottom:8px}.settings-grid .settings-general p{margin:0}.settings-grid .customer-module-settings .check-row{padding:12px 0;margin-top:12px}



#customer-edit .customer-contact-field,#customer-edit label[for="edit-email"]{grid-column:1}

.server-users{max-width:900px}.server-users small{display:block;margin-top:6px;color:#69727d;font-size:11px}.server-users .fine{margin:18px 0}.settings-general button{margin-top:14px}

.server-shell .sidebar .module-menu{margin:12px 0;padding:6px;border:1px solid #edcfbb;border-radius:10px;background:#fffaf7}
.server-shell .module-menu-title{display:flex;align-items:center;gap:10px;padding:10px 8px;color:#704932;font-size:12px;font-weight:600}
.server-shell .module-menu-title>svg{width:19px;height:19px;flex-shrink:0;color:#c9693f}
.server-shell .module-children{margin-left:16px;padding-left:6px;border-left:1px solid #ecd2c0}
.server-shell .module-children .nav-item{margin:3px 0;font-size:11px;padding:10px 8px}
@media(max-width:600px){.server-shell .sidebar .module-menu{margin:0 5px;flex-shrink:0}.server-shell .module-menu-title{font-size:11px}.server-shell .module-children .nav-item{font-size:10px}}


.customer-letter-group{margin:24px 0}.customer-letter{font-size:16px;font-weight:650;color:#a95730;padding:0 4px 10px;border-bottom:1px solid #e5d6cc}
.customer-list-rows{list-style:none;padding:0;margin:0;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 9px 9px}
.customer-list-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 20px}.customer-list-row+.customer-list-row{border-top:1px solid var(--line)}
.customer-list-description{min-width:0}.customer-list-description strong{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}.customer-list-description small{display:block;font-size:11px;line-height:1.6;color:#78818d;margin-top:5px;overflow-wrap:anywhere}.customer-list-row>button{flex-shrink:0}
@media(max-width:600px){.customer-list-row{padding:14px;gap:12px}.customer-list-description strong{font-size:13px}}

.server-pages.list-pagination{flex-wrap:wrap;gap:12px;padding:12px 0;margin:12px 0}
.list-pagination .page-controls{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.list-pagination button{min-width:34px;padding:8px 10px;font-size:11px}
.list-pagination button[aria-current="page"]{background:#d96230;border-color:#d96230;color:#fff;opacity:1}
.list-pagination .page-jump{display:flex;align-items:center;gap:5px;margin-left:8px}
.list-pagination .page-jump label{display:flex;align-items:center;gap:6px;margin:0;font-size:11px;white-space:nowrap}
.list-pagination .page-jump input{width:72px;margin:0;padding:8px;font-size:11px}
.server-library-context+.panel>.list-pagination{padding:12px 20px}

.server-customer-overview{display:block;padding:24px}
.server-customer-overview .customer-detail{display:block;padding:0}
.server-customer-overview .customer-detail h3{font-size:24px;line-height:1.35;margin:0 0 8px;overflow-wrap:anywhere}
.server-customer-overview .customer-fields{display:flex;flex-wrap:wrap;gap:12px 24px;margin:20px 0 0;padding:0}
.server-customer-overview .customer-fields>div{display:flex;align-items:baseline;gap:6px;padding:0;border:0;min-width:0}
.server-customer-overview .customer-fields dt,.server-customer-overview .customer-fields dd{font-size:14px;line-height:1.6;margin:0}
.server-customer-overview .customer-fields dt{color:#78818d;flex-shrink:0}
.server-customer-overview .customer-fields dd{color:#4c5969;overflow-wrap:anywhere}
.server-module-title{justify-content:space-between;flex-wrap:nowrap}
.server-module-title h3{display:flex;align-items:center;gap:10px;font-size:18px}
.server-module-title h3 svg{width:21px;height:21px;flex-shrink:0;color:#c9693f}
.server-module-title>button{flex-shrink:0}
.server-module-actions{margin:16px 0 0 30px;gap:18px}
.server-module-actions .text-button{padding:4px 0;font-size:13px;color:#596675}
@media(max-width:650px){.server-customer-overview{padding:18px}.server-customer-overview .customer-detail h3{font-size:22px}.server-customer-overview .customer-fields{flex-direction:column}.server-customer-overview .customer-fields>div{flex-wrap:wrap}.server-module-actions{align-items:flex-start}.server-module-title h3{font-size:16px}}