/* ANSP theme is included in style.css. */
/* ANSP Manager Mobile */
.mobile-dock,.mobile-menu-button{display:none}
@media screen and (max-width:760px){
 body{display:block;overflow-x:hidden}body[data-mode=app] aside{position:sticky;top:0;width:100%;height:auto;padding:10px 16px;z-index:20;box-shadow:0 3px 15px #001b3244}
 body[data-mode=app] aside .brand{display:none}body[data-mode=app] .product-label{margin:0;font-size:17px;display:flex;justify-content:space-between;align-items:center;padding-right:78px}body[data-mode=app] .product-label span{font-size:10px;margin:0}
 body[data-mode=app] aside .aside-note,body[data-mode=app] #navlabel{display:none}
 body[data-mode=app] .mobile-menu-button{display:block;position:absolute;right:12px;top:8px;min-height:44px;padding:8px 12px;background:#123e59;color:#fff}
 body[data-mode=app] aside nav{display:none;margin:12px 0 0;grid-template-columns:1fr 1fr;gap:6px;max-height:60vh;overflow:auto}body[data-mode=app].mobile-menu-open aside nav:not([hidden]){display:grid}
 body main,body[data-mode=app] main{margin:0;width:100%;padding:18px 12px calc(94px + env(safe-area-inset-bottom))}header{gap:10px;align-items:flex-start;flex-direction:column}header h1{font-size:25px}header small{font-size:9px}#account{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
 .card{padding:18px 14px;border-radius:16px;margin-bottom:16px;min-width:0}.hero h2{font-size:25px}.grid,.dashboard-columns,.formgrid,.module-grid{grid-template-columns:1fr!important;gap:12px}.hero-actions{flex-wrap:wrap}.row>*{max-width:100%}
 input,select,textarea{font-size:16px;min-height:46px}input[type=checkbox]{min-height:24px;width:24px;vertical-align:middle}button,.button{min-height:44px;white-space:normal}textarea{min-height:110px}label{font-size:14px;line-height:1.5}#search{flex-basis:100%}
 #content .mobile-card-table,#content .mobile-card-table tbody{display:block;width:100%}#content .mobile-card-table thead,#content .mobile-card-table tr:has(th){display:none}#content .mobile-card-table tr:has(td){display:block;margin:0 0 14px;border:1px solid #d5e3ed;border-radius:12px;padding:8px;background:#fff}
 #content .mobile-card-table td{display:block;width:100%;padding:9px 6px;border:0;overflow-wrap:anywhere}#content .mobile-card-table td:before{content:attr(data-mobile-label);display:block;font-size:11px;letter-spacing:.6px;color:#527288;font-weight:700;margin-bottom:6px}#content .mobile-card-table td button{margin:4px 4px 4px 0}
 #content .tablewrap{overflow:visible}dialog{width:calc(100% - 20px);max-width:560px;max-height:90dvh;overflow:auto;padding:18px}
 .mobile-dock{display:none;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#051b2b;border-top:1px solid #217292;padding:6px 4px calc(6px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);gap:3px}body[data-mode=app] .mobile-dock{display:grid}.mobile-dock button{background:transparent;color:#b9d2e1;border-radius:8px;padding:7px 2px;font-size:10px;display:flex;align-items:center;flex-direction:column;gap:4px;min-width:0}.mobile-dock button.active{background:#124765;color:#66dbff}.mobile-dock .icon{width:20px;height:20px}
 #notice{position:sticky;top:65px;z-index:15;overflow-wrap:anywhere}footer{font-size:11px}.report-doc .report-header{padding:18px;flex-wrap:wrap}.report-doc .report-content{padding:16px}.report-doc .report-info{grid-template-columns:1fr}
}
@media print{.mobile-dock,.mobile-menu-button{display:none!important}}

.stat-card[data-go]{cursor:pointer;transition:box-shadow .15s,border-color .15s}.stat-card[data-go]:hover{border-color:#00b8f1;box-shadow:0 4px 18px #008acb25}.stat-card[data-go]:focus-visible{outline:3px solid #00b8f1;outline-offset:3px}

.staffing-panel{margin:18px 0}.staffing-item{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 0;border-bottom:1px solid #d5e3ed}.staffing-item>strong:first-child{flex:1;min-width:130px}.staffing-warning{color:#a13b14}.planning-alerts{border-left:4px solid #00a9ed}.planning-alerts p{line-height:1.6;overflow-wrap:anywhere}@media(max-width:760px){.staffing-item{align-items:flex-start;flex-direction:column}}

#content tr[hidden]{display:none!important}.invitation-filters{border:1px solid #d5e3ed;background:#f4f8fc;padding:14px;border-radius:12px;margin:18px 0}#attendancesummary{line-height:1.8;font-weight:600}@media screen and (max-width:760px){.mobile-dock{grid-template-columns:repeat(6,1fr)}}

.availability-preferred{outline:3px solid #00b8f1;outline-offset:3px}.upcoming-overview{border-top:4px solid #00b8f1}#surveyagents{margin:22px 0;padding:16px;border:1px solid #d5e3ed;border-radius:12px}

.dashboard-surveys{border-left:3px solid #00b8f1;padding-left:14px;margin-bottom:22px}.dashboard-surveys .event-preview{align-items:flex-start}.dashboard-surveys .badge{white-space:normal}.client-post{border:1px solid #d5e3ed;border-radius:12px;padding:18px;margin:18px 0}.client-post legend{font-weight:700;padding:0 8px}#clientanswer{max-width:900px;margin:auto}
