/* Build 17 consolidated design review — TEST SITE ONLY */
.zuramani-logo-wrap{display:flex;justify-content:center;align-items:center;max-width:100%;overflow:hidden}
.zuramani-logo-wrap img{display:block;object-fit:contain;object-position:center;max-width:min(100%,760px);width:100%;height:auto;aspect-ratio:750/227}
.brand.zuramani-brand{max-width:100%;margin:0 auto;padding:0}
@media(max-width:700px){.zuramani-logo-wrap img{width:100%;max-height:130px}.brand-strapline{font-size:10px}}
/* Shared visual hierarchy, without nesting ornamental boxes */
#content>.card,#content>.customer-layout,#content>.b17-year-calendar{margin-bottom:18px}
#content .card>h2,#content .card>.overview-section-heading h2{letter-spacing:-.025em}
#content .card .row{gap:12px;flex-wrap:wrap}
#content .card .btn{white-space:normal;line-height:1.3}
#content .card h3{margin-top:18px}
#content .tbl th{white-space:normal;line-height:1.25;vertical-align:middle}
#content .tbl td{vertical-align:middle}
/* Secondary close controls are intentionally understated */
#content .btn.secondary.profile-back,#content .overview-collapse-dropdowns,.b17-discreet-close{background:transparent!important;border:1px solid #39546a!important;color:#76d9c4!important;box-shadow:none!important;min-height:34px!important;font-size:12px!important;padding:6px 10px!important;border-radius:8px!important;width:auto!important}
#content .btn.secondary.profile-back:hover,#content .overview-collapse-dropdowns:hover,.b17-discreet-close:hover{background:#193d42!important}
/* Clear customer directory and separate selected record */
.customer-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.customer-directory{border:1px solid #344e66;border-radius:18px;background:#111f2f;padding:14px;min-width:0}
.customer-directory:before{content:'Customer Directory';display:block;font-size:19px;font-weight:750;letter-spacing:-.02em;margin:0 0 3px}
.customer-directory:after{content:'Select a customer to view their details';display:block;color:#a5b8c9;font-size:12px;margin:10px 0 0}
.customer-directory .profile-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.customer-directory .profile-toolbar input,.customer-directory .profile-toolbar select{min-width:0;max-width:100%;width:100%;box-sizing:border-box}
.customer-directory .profile-list{height:460px;max-height:460px;overflow-y:auto;border:1px solid #35506a;border-radius:12px;overscroll-behavior:contain}
.customer-directory .profile-entry{min-height:85px;padding:12px!important}
.customer-directory .profile-entry strong{line-height:1.4}
#customerProfileDetails>.profile-detail>.card{border:1px solid #3a6471}
#customerProfileDetails .profile-detail-head{gap:12px;align-items:start}
#customerProfileDetails .profile-detail-head .row{gap:8px;align-items:center}
#customerProfileDetails .profile-detail-head .row .btn{min-height:40px}
@media(min-width:1100px){.customer-layout{grid-template-columns:minmax(290px,40%) minmax(0,1fr)}.customer-directory .profile-list{height:600px;max-height:600px}}
/* Twelve-month calendar sits below the standard calendar, closed by default */
.b17-year-calendar{border:1px solid #344e66;background:#101e2e;border-radius:16px;padding:12px 16px}
.b17-year-calendar>summary{list-style:none!important;display:flex!important;align-items:center;justify-content:center;width:100%!important;min-height:44px!important;box-sizing:border-box;margin:0!important;background:#22364b;border:1px solid #496179;border-radius:9px;cursor:pointer;font-weight:650}
.b17-year-calendar>summary::-webkit-details-marker{display:none}
.b17-year-calendar .b17-toggle-hide{display:none}
.b17-year-calendar[open] .b17-toggle-hide{display:inline}
.b17-year-calendar[open] .b17-toggle-show{display:none}
/* Charts: spacing and no cramped controls */
#content .chart-legend,#content .analytics-legend{display:flex;flex-wrap:wrap;gap:12px}
#content button[id*='refreshService'],#content button[id*='refreshCalendar'],#content button[id*='refreshHistory']{margin:14px 0;min-height:44px}
/* Settings / Pricing management */
.b17-section{border:1px solid #344e66;background:#101e2e;border-radius:16px;padding:16px;margin:0 0 18px}
.b17-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.b17-section-head h2{margin:0;font-size:21px}
.b17-section-head p{margin:4px 0 0;color:#a4b7c9;font-size:13px}
.b17-settings-link{display:flex;align-items:center;gap:12px;padding:15px 6px;color:inherit;text-decoration:none;border-top:1px solid #2e455c}
.b17-settings-link strong{display:block;font-size:16px}
.b17-settings-link small{display:block;color:#a7b8c7;margin-top:4px;font-size:12px}
.b17-settings-link .b17-chevron{margin-left:auto;color:#70d8c2}
.b17-price-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px}
.b17-price-grid>div{padding:10px 0;border-bottom:1px solid #294158}
.b17-price-grid>div:nth-child(even){text-align:right;font-weight:650}
.b17-price-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 0}
.b17-price-actions button{min-height:40px}
.b17-price-editor{margin-top:14px;padding:14px;border:1px solid #38546b;border-radius:12px}
.b17-price-editor label{display:block;margin:8px 0}
.b17-price-editor input,.b17-price-editor select{width:100%;max-width:100%;box-sizing:border-box;min-height:44px}
.b17-price-editor .b17-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.b17-price-note{font-size:12px;color:#a5b9c8;line-height:1.5}
@media(max-width:600px){.b17-price-editor .b17-two{grid-template-columns:1fr}.b17-section{padding:13px}.b17-settings-link{padding:13px 0}#content .tbl{font-size:12px}#content .tbl th,#content .tbl td{padding:7px 5px!important}}

#analyticsServiceRefresh{display:block!important;width:100%!important;max-width:100%;margin:16px 0!important;min-height:46px!important}
#analyticsServiceRefresh + .note{display:none}
#content details:has(#analyticsStartFile){display:none!important}
@media(max-width:700px){.side .zuramani-logo-wrap{width:100%!important;flex:1 1 auto!important}.side .zuramani-logo-wrap img{max-width:100%!important;max-height:150px!important}}