.approval-shortcut{white-space:nowrap;border-color:#b90025;color:#eee}.management-workflow .approval-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}.management-workflow .panel{margin-bottom:14px;min-width:0}.management-workflow label{display:flex;flex-direction:column;gap:8px;margin:12px 0}.management-workflow summary{cursor:pointer;font-weight:700;padding:10px 0}.management-workflow input,.management-workflow select,.management-workflow textarea{max-width:100%;min-width:0}.workflow-actions{display:flex;gap:12px;flex-wrap:wrap}.management-workflow button,.management-workflow select{min-height:44px}.attendance-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.attendance-metrics dd{margin:0;text-align:right}.management-workflow textarea{min-height:80px}@media(max-width:700px){.approval-shortcut{font-size:11px;padding:8px;white-space:normal}.management-workflow .page-title{flex-wrap:wrap}.management-workflow .form-grid{grid-template-columns:1fr}.workflow-actions button{flex:1}}
@media(max-width:700px){body:not(:has(#view-studio:not([hidden]))) header{display:grid;grid-template-columns:40px minmax(0,1fr) 78px;height:auto;min-height:100px;padding:7px;gap:6px}body:not(:has(#view-studio:not([hidden]))) header .brand{grid-column:2;grid-row:1;min-width:0;width:100%;max-width:150px;height:48px;background-size:contain}body:not(:has(#view-studio:not([hidden]))) header #sidebar-toggle{grid-column:1;grid-row:1;min-width:36px;padding:6px}body:not(:has(#view-studio:not([hidden]))) header #connection{grid-column:3;grid-row:1;white-space:normal;font-size:9px}body:not(:has(#view-studio:not([hidden]))) header #logout{grid-column:3;grid-row:2;font-size:11px;min-height:38px;padding:6px}body:not(:has(#view-studio:not([hidden]))) header .approval-shortcut{grid-column:1/3;grid-row:2;min-height:38px;font-size:12px}body:not(:has(#view-studio:not([hidden]))) header .console-label,body:not(:has(#view-studio:not([hidden]))) header .station-name{display:none}}
@media(max-width:700px){body:not(:has(#view-studio:not([hidden]))) header .brand{background-image:url('/station-logo.png');background-size:46px 46px;background-position:left center;padding-left:50px;justify-content:center}body:not(:has(#view-studio:not([hidden]))) header .brand>*{visibility:visible}body:not(:has(#view-studio:not([hidden]))) header .brand strong{font-size:19px}body:not(:has(#view-studio:not([hidden]))) header .brand span{font-size:6px}}