header{display:flex;align-items:center;justify-content:space-between;gap:16px}header .app-logout{margin:0;width:auto}.app-logout button{margin:0;min-width:100px}main{max-width:1100px}.app-login{max-width:520px;margin:24px auto}.site-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}.site-nav-card{min-width:0}.site-nav-card .button{margin:0}.operator-signature canvas{max-width:100%;height:auto;touch-action:none;background:#fff}input[type=radio],input[type=checkbox]{width:22px;min-width:22px;height:22px;min-height:22px;flex:0 0 22px}.brand{min-width:0}@media(max-width:540px){header{padding:16px}.brand span{display:block;font-size:12px}main{padding:20px 14px}.panel{padding:18px}.rwa-section{min-width:0;padding:16px}.rcd-radio-option,.karblap-person{gap:12px;justify-content:flex-start}.app-logout button{min-width:80px}}

body>header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.main-menu>nav>.app-logout{height:100%;width:auto;min-width:0;margin:0}.app-logout button{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:8px;width:100%;height:100%;padding:16px;border:1px solid #e8b4b4;border-radius:14px;background:#fff0ee;color:#991b1b;text-align:left}.app-logout button span{font-weight:400;font-size:13px}.main-menu>nav{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.app-fault{border-left-width:5px}.app-fault-new{background:#fff1f0;border-color:#efb0aa}.app-fault-in_progress{background:#fff9e8;border-color:#e8c967}.app-fault-closed{background:#edf9f0;border-color:#a4d7b1}.app-fault-status{font-weight:700}.app-fault-new .app-fault-status{color:#a1261a}.app-fault-in_progress .app-fault-status{color:#805800}.app-fault-closed .app-fault-status{color:#096a30}@media(max-width:540px){.main-menu>nav{grid-template-columns:repeat(2,minmax(0,1fr))}.app-logout button{padding:14px}}

.app-due-card{border-left:5px solid #009a3d}.app-due-status{font-weight:700;color:#096a30}.app-due-overdue{background:#fff1f0;border-color:#efb0aa}.app-due-overdue .app-due-status{color:#a1261a}

/* Keep native details content full-width. */
body>header{display:block;position:relative}body>header>.header-brand-row{padding-right:110px;min-height:52px}body>header>.main-menu{display:block;width:100%;margin:0}body>header>.main-menu>summary{position:absolute;right:max(16px,calc((100% - 1200px)/2));top:20px}body>header>.main-menu>nav{width:100%;min-width:0}.main-menu>nav>a>strong{overflow-wrap:normal;word-break:normal;font-size:15px}.main-menu>nav>.app-logout{max-width:none}.main-menu>nav>.app-logout button{margin-top:0}@media(max-width:600px){body>header>.main-menu>summary{top:16px}}