@font-face{font-family:Lato;src:local("Lato Regular"),local("Lato");font-display:swap}
:root{--navy-900:#12243a;--navy-700:#1e3a56;--teal-600:#167c80;--teal-700:#10666a;--surface:#fff;--surface-muted:#f3f6f8;--border:#d7e0e6;--text:#12243a;--muted:#587084;--success:#217a4b;--warning:#916000;--danger:#b4232f;--focus:#0b75c9;--shadow:0 3px 12px rgba(18,36,58,.08);--r-sm:6px;--r-md:10px}
[data-theme="dark"]{--surface:#111a24;--surface-muted:#192531;--border:#344454;--text:#eaf2f8;--muted:#b9cad8;--teal-600:#55b9b7;--teal-700:#78cbc8;--success:#62c98d;--warning:#e7bd62;--danger:#ff8b94;--focus:#7cc4ff;--shadow:none;color-scheme:dark}
[data-theme="dark"] .button-primary{color:#12243a}
.topbar-brand{color:var(--topbar-text);font-weight:800;text-decoration:none}.topbar-brand:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
*{box-sizing:border-box}html{background:var(--surface-muted);color:var(--text);font-family:Lato,Inter,"Segoe UI",system-ui,sans-serif;font-size:16px;line-height:1.5}body{margin:0}a{color:var(--teal-700)}button,input{font:inherit}button,a,input{outline-offset:3px}:focus-visible{outline:3px solid var(--focus)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.15}h2{font-size:1.25rem}h3{font-size:1rem}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:20;background:var(--surface);padding:.75rem 1rem}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);max-width:100%}.sidebar{min-width:0;overflow:hidden;background:var(--navy-900);color:#fff;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:2rem}.brand{display:flex;align-items:center;gap:.75rem;color:inherit;text-decoration:none;font-weight:800;font-size:1.15rem}.brand-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:var(--r-sm);background:#fff;color:#12243a}.main-nav{min-width:0;max-width:100%;display:grid;gap:.35rem}.main-nav a{display:flex;align-items:center;gap:.75rem;padding:.7rem .8rem;border-radius:var(--r-sm);color:#dce8f0;text-decoration:none}.main-nav a:hover,.main-nav a[aria-current="page"]{background:rgba(85,185,183,.18);color:#fff}.sidebar-foot{margin-top:auto;display:grid;gap:.5rem}.sidebar-foot .button{color:#fff;border-color:rgba(255,255,255,.35);width:100%}.main-column{min-width:0}.topbar{min-width:0;min-height:68px;display:flex;align-items:center;gap:1rem;padding:.75rem clamp(1rem,3vw,2rem);border-bottom:1px solid var(--border);background:var(--surface)}.global-search{min-width:0;flex:1;max-width:680px}.global-search input,.field input,.table-tools input{width:100%;min-width:0;min-height:44px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text);padding:.65rem .8rem}.user-label{margin-left:auto;color:var(--muted)}.content{min-width:0;max-width:1280px;margin:auto;padding:clamp(1rem,3vw,2rem)}
.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem}.page-header h1{margin-bottom:.5rem}.page-header p{color:var(--muted);max-width:68ch;margin-bottom:0}.eyebrow{color:var(--teal-700)!important;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.55rem .85rem;border:1px solid transparent;border-radius:var(--r-sm);font-weight:700;text-decoration:none;cursor:pointer}.button-primary{background:var(--teal-600);color:#fff}.button-primary:hover{background:var(--teal-700)}.button-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.button-quiet{background:transparent;color:var(--text);border-color:var(--border)}
.section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow)}.section-heading{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;margin-bottom:1rem}.section-heading h2{margin:0}.section-heading span{color:var(--muted)}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.item-list,.service-list{display:grid;gap:.5rem}.list-row,.service-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:start;padding:1rem;border-top:1px solid var(--border)}.list-row:first-child{border-top:0}.list-row h3,.list-row p,.service-row h2,.service-row p{margin:0}.list-row p,.service-row p{color:var(--muted)}.service-row{grid-template-columns:minmax(0,1fr) auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);text-decoration:none;box-shadow:var(--shadow)}.status{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;font-size:.82rem;font-weight:800}.status-online,.status-success{color:var(--success)}.status-warning,.status-veraltet{color:var(--warning)}.status-offline,.status-error{color:var(--danger)}.status-unknown{color:var(--muted)}.status-line{display:flex;gap:1rem;align-items:center}.notice{display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding:1rem;border:1px solid var(--border);border-left:4px solid var(--teal-600);border-radius:var(--r-sm);background:var(--surface);margin-bottom:1rem}.notice-warning{border-left-color:var(--warning)}.notice-error{border-left-color:var(--danger)}.empty-state{text-align:center;padding:2rem;color:var(--muted)}.empty-state h3{color:var(--text);margin-bottom:.35rem}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin-bottom:1rem;overflow-x:auto}.tabs a{padding:.65rem .9rem;text-decoration:none;white-space:nowrap}.tabs a[aria-current="page"]{border-bottom:3px solid var(--teal-600);color:var(--text);font-weight:800}.table-tools{display:grid;grid-template-columns:auto minmax(180px,360px) 1fr;gap:.75rem;align-items:center;margin-bottom:1rem}.source-badge{justify-self:end;font-size:.78rem;padding:.2rem .5rem;background:var(--surface-muted);border:1px solid var(--border);border-radius:999px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:.75rem;border-bottom:1px solid var(--border)}th{font-size:.8rem;color:var(--muted)}.form-stack{display:grid;gap:1rem}.field{display:grid;gap:.35rem}.field label{font-weight:700}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1rem;background:var(--surface-muted)}.auth-card{width:min(100%,440px);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:2rem;box-shadow:var(--shadow)}.auth-card .brand{color:var(--text);margin-bottom:2rem}.auth-card .page-header{display:block}.message-stack{margin-bottom:1rem}
@media(max-width:900px){.app-shell{grid-template-columns:minmax(0,1fr);align-content:start}.sidebar{position:static;padding:1rem;gap:1rem}.main-nav{display:flex;overflow-x:auto;overscroll-behavior-x:contain}.main-nav a{flex:0 0 auto;white-space:nowrap}.sidebar-foot{display:none}.two-column{grid-template-columns:1fr}}
@media(max-width:560px){.topbar{align-items:stretch}.user-label{display:none}.content{padding:1rem}.page-header{display:block}.page-header>.button{margin-top:1rem}.table-tools{grid-template-columns:1fr}.source-badge{justify-self:start}.list-row{grid-template-columns:1fr}.service-row{grid-template-columns:1fr auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.section summary{cursor:pointer}.section summary+*{margin-top:1rem}.upload-form{max-width:620px}.field small{color:var(--muted)}.field-error{color:var(--danger);font-weight:700}.row-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.mobile-nav,.mobile-home-grid{display:none}.mobile-nav button,.mobile-nav a{font:inherit}
@media(max-width:560px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.sidebar{display:none}.topbar{min-height:60px}.content{padding-bottom:1.5rem}.mobile-nav{position:fixed;z-index:15;display:grid;grid-template-columns:repeat(3,1fr);left:0;right:0;bottom:0;padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 16px rgba(18,36,58,.1)}.mobile-nav a,.mobile-nav button{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;border:0;background:transparent;color:var(--text);text-decoration:none;font-weight:700}.mobile-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.mobile-home-grid a{min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow);color:var(--text);text-decoration:none}.mobile-home-grid a span{font-size:1.8rem;color:var(--teal-700)}.mobile-more-menu{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--text)}.mobile-more-menu::backdrop{background:rgba(4,18,32,.58)}.mobile-menu-panel{position:absolute;left:.65rem;right:.65rem;bottom:calc(74px + env(safe-area-inset-bottom));max-height:calc(100dvh - 100px - env(safe-area-inset-bottom));overflow:auto;padding:.85rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:0 22px 55px rgba(4,18,32,.3)}.mobile-menu-head{position:sticky;top:-.85rem;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:-.85rem -.85rem .65rem;padding:.85rem;background:var(--surface);border-bottom:1px solid var(--border)}.mobile-menu-head h2{margin:0}.mobile-menu-head button{width:48px;min-height:48px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-size:1.5rem}.mobile-menu-panel nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.mobile-menu-panel nav a{display:flex;align-items:center;gap:.6rem;min-width:0;min-height:56px;padding:.65rem;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-muted);color:var(--text);font-weight:800;text-decoration:none;overflow-wrap:anywhere}.mobile-menu-panel nav a>span:first-child{display:grid;place-items:center;flex:0 0 2rem;width:2rem;height:2rem;border-radius:var(--r-sm);background:var(--surface);color:var(--teal-700)}.mobile-menu-panel nav a[aria-current="page"]{border-color:var(--teal-600);background:color-mix(in srgb,var(--teal-600) 13%,var(--surface))}}
.unsaved-dialog{max-width:34rem;border:1px solid var(--border);border-radius:var(--r-md);padding:1.5rem;background:var(--surface);color:var(--text);box-shadow:0 24px 70px rgba(4,18,32,.28)}.unsaved-dialog::backdrop{background:rgba(4,18,32,.58)}.unsaved-dialog form{display:grid;gap:1rem}.unsaved-dialog h2,.unsaved-dialog p{margin:0}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.65rem}.button-danger{color:#9d1d20}
.field textarea,.field select{width:100%;min-width:0;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text);padding:.65rem .8rem}.field textarea{resize:vertical}.row-actions .field{min-width:min(100%,240px)}
.medication-list{display:grid;gap:.75rem}.medication-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-muted)}.medication-card h3{margin:.35rem 0}.medication-card p{margin:0;color:var(--muted)}.source-line{margin-top:.75rem!important;font-size:.86rem;color:var(--muted)}@media(max-width:560px){.medication-card{grid-template-columns:1fr}.medication-card .button{width:100%}}
.medication-conflict{padding:1rem;margin-bottom:1rem;border:2px solid var(--warning);border-radius:var(--r-md)}.medication-conflict pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}

/* MX Workspace reference system: shared shell, navigation and content language. */
:root{--app-bg:#e8eef3;--topbar:#16283d;--topbar-text:#f4f8fb;--accent:#4fc2c3}
[data-theme="dark"]{--app-bg:#24384b;--surface:#172737;--surface-muted:#203448;--border:#3b5368;--navy-900:#10243a;--navy-700:#18344e;--text:#f1f6fa;--muted:#bed0dc;--teal-600:#4fc2c3;--teal-700:#71d4d2}
html,body{min-width:320px;background:var(--app-bg)}
.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;overscroll-behavior:contain}.topbar{position:sticky;top:0;z-index:10;background:var(--topbar);border-color:rgba(255,255,255,.13);color:var(--topbar-text)}.global-search input{background:#21374c;border-color:#40576c;color:#fff}.global-search input::placeholder{color:#c1d0dc}.user-label{display:grid;line-height:1.15;color:#fff;text-decoration:none;text-align:right}.user-label span{font-size:.78rem;color:#b9cad8}.content{min-height:calc(100vh - 68px)}
.main-nav a:hover{background:rgba(79,194,195,.12)}.main-nav a[aria-current="page"]{background:rgba(79,194,195,.2);box-shadow:inset 3px 0 var(--accent)}
.notice-compact{padding:.65rem 1rem}.service-unavailable{box-shadow:none}.account-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem}.account-summary h2,.account-summary p{margin:0}
.drive-list{display:grid}.drive-row{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.drive-row:last-child{border:0}.file-type{color:var(--muted);font-size:.82rem;font-weight:800}.file-details{min-width:0}.file-details h2{font-size:1rem;margin:0;overflow-wrap:anywhere}.file-details h2 a{text-decoration:none}.file-details p{margin:.25rem 0 0;color:var(--muted)}
.calendar-days{display:grid;gap:1rem}.calendar-day{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow);overflow:clip}.calendar-day.is-today{border-color:var(--teal-600);box-shadow:inset 4px 0 var(--teal-600)}.calendar-day-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--surface-muted);border-bottom:1px solid var(--border)}.calendar-day-heading h2{margin:0;font-size:1.2rem}.day-kicker{margin:0;color:var(--teal-700);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.holiday{display:grid;text-align:right;color:var(--text)}.holiday small{color:var(--muted)}.day-events{display:grid}.calendar-event{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1rem;padding:.9rem 1.25rem;border-bottom:1px solid var(--border)}.calendar-event:last-child{border:0}.calendar-event.all-day{background:color-mix(in srgb,var(--teal-600) 8%,var(--surface))}.event-time{font-weight:800;color:var(--muted)}.event-body{min-width:0}.event-body h3,.event-body p{margin:0}.event-body h3 a{color:var(--text);text-decoration:none}.event-body p{color:var(--muted);overflow-wrap:anywhere}.external-mark{color:var(--teal-700)}.no-events,.day-unavailable{margin:0;padding:1rem 1.25rem;color:var(--muted)}.day-unavailable{color:var(--danger)}

@media(max-width:760px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.app-shell{display:block}.sidebar{display:none}.topbar{min-height:60px}.content{padding:1rem 1rem 1.5rem}.mobile-nav{position:fixed;z-index:15;display:grid;grid-template-columns:repeat(3,1fr);left:0;right:0;bottom:0;padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 16px rgba(18,36,58,.1)}.mobile-nav a,.mobile-nav button{min-width:44px;min-height:64px}.mobile-nav a[aria-current="page"]{color:var(--teal-700);box-shadow:inset 0 3px var(--teal-600)}.mobile-home-grid{display:grid}.mobile-more-menu{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--text)}.page-header{margin-bottom:1.25rem}.calendar-day-heading{align-items:flex-start;flex-direction:column}.holiday{text-align:left}.calendar-event{grid-template-columns:5.5rem minmax(0,1fr);padding:.85rem}.drive-row{grid-template-columns:1fr;gap:.25rem}.account-summary{align-items:stretch;flex-direction:column}.account-summary .button{width:100%}}
@media(min-width:761px){.mobile-nav,.mobile-more-menu,.mobile-home-grid{display:none!important}}
@media(max-width:390px){.global-search input{font-size:16px}.calendar-event{grid-template-columns:1fr;gap:.2rem}.event-time{font-size:.85rem}.mobile-menu-panel nav{grid-template-columns:1fr}.service-row{grid-template-columns:1fr}.content{padding-left:.75rem;padding-right:.75rem}}
@media print{.sidebar,.topbar,.mobile-nav,.mobile-more-menu,.sidebar-foot{display:none!important}.app-shell{display:block}.content{max-width:none;padding:0}.calendar-day{break-inside:avoid;box-shadow:none}}
.status-ok{color:var(--success)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1rem}.metric{display:grid;gap:.25rem;padding:1rem;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-muted)}.metric span{color:var(--muted);font-size:.85rem}.metric strong{font-size:1.5rem;line-height:1.1}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.table-tools select{min-height:40px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text);padding:.45rem .6rem}
.account-list{display:grid;gap:1rem}.account-card{display:grid;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-muted)}.account-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.account-card h3,.account-card p{margin:0}.account-username{color:var(--muted)}.account-form{display:grid;gap:1rem}.check-row{display:flex;gap:1rem;flex-wrap:wrap}.check-field{display:flex;align-items:center;gap:.5rem;min-height:44px;font-weight:700}.button-danger{border:1px solid var(--danger);background:transparent;color:var(--danger)}
.file-sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;margin-bottom:1rem}.source-card{display:grid;gap:.25rem;padding:1rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);text-decoration:none;box-shadow:var(--shadow)}.source-card span{color:var(--muted);font-size:.85rem}.source-card.is-selected{border-color:var(--teal-600);box-shadow:inset 3px 0 var(--teal-600);background:var(--surface-muted)}
@media(max-width:760px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.button{min-height:44px}.field textarea,.field select{min-height:44px}code{overflow-wrap:anywhere;word-break:break-word}.muted{color:var(--muted)}
@media(max-width:560px){.section-heading{align-items:flex-start;flex-direction:column;gap:.25rem}.auth-card{padding:1.25rem}}
.pdf-actions,.sync-status{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;margin-bottom:1rem;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-muted)}.pdf-actions p{margin:0;color:var(--muted)}.sync-status{align-items:flex-start;font-size:.9rem}.sync-status span{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.mobile-menu-panel{position:absolute;left:.65rem;right:.65rem;bottom:calc(74px + env(safe-area-inset-bottom));max-height:calc(100dvh - 100px - env(safe-area-inset-bottom));overflow:auto;padding:.85rem;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:0 22px 55px rgba(4,18,32,.3)}.mobile-menu-head{position:sticky;top:-.85rem;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:-.85rem -.85rem .65rem;padding:.85rem;background:var(--surface);border-bottom:1px solid var(--border)}.mobile-menu-head h2{margin:0}.mobile-menu-head button{width:48px;min-height:48px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-size:1.5rem}.mobile-menu-panel nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.mobile-menu-panel nav a{display:flex;align-items:center;gap:.6rem;min-width:0;min-height:56px;padding:.65rem;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-muted);color:var(--text);font-weight:800;text-decoration:none;overflow-wrap:anywhere}.pdf-actions,.sync-status{align-items:stretch;flex-direction:column}}
/* Drei klar getrennte mobile Zeitfelder */
.time-parts{display:inline-flex;align-items:center;gap:.35rem;max-width:100%}.time-parts input{width:4.5rem;min-height:44px;text-align:center}.time-parts span{font-weight:800;color:var(--muted)}
.service-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem;margin:1rem 0}.service-settings-grid>div{display:grid;gap:.3rem;min-width:0;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-muted)}.service-settings-grid strong{font-size:.82rem;color:var(--muted)}.service-settings-grid span{overflow-wrap:anywhere}


.service-management .section { margin-block: 1rem; }
.service-management .row-actions { flex-wrap: wrap; }
.service-management pre { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 100%; }
.service-management .list-row { flex-wrap: wrap; overflow-wrap: anywhere; }
.service-management .metric-grid > .section { min-width: 0; }
.service-management form { margin-block: .4rem; }


.service-management .section { margin-block: 1rem; }
.service-management .row-actions { flex-wrap: wrap; }
.service-management pre { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 100%; }
.service-management .list-row { flex-wrap: wrap; overflow-wrap: anywhere; }
.service-management .metric-grid > .section { min-width: 0; }
.service-management form { margin-block: .4rem; }

@media(max-width:760px){html{scroll-padding-bottom:110px}.content button,.content input,.content select{scroll-margin-block:100px}}


.service-management .section { margin-block: 1rem; }
.service-management .row-actions { flex-wrap: wrap; }
.service-management pre { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 100%; }
.service-management .list-row { flex-wrap: wrap; overflow-wrap: anywhere; }
.service-management .metric-grid > .section { min-width: 0; }
.service-management form { margin-block: .4rem; }

@media(max-width:760px){html{scroll-padding-bottom:110px}.content button,.content input,.content select{scroll-margin-block:100px}}

.service-management .metric-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.service-management .status{white-space:normal;overflow-wrap:anywhere}
.service-management .metric-head{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap}


.service-management .section { margin-block: 1rem; }
.service-management .row-actions { flex-wrap: wrap; }
.service-management pre { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 100%; }
.service-management .list-row { flex-wrap: wrap; overflow-wrap: anywhere; }
.service-management .metric-grid > .section { min-width: 0; }
.service-management form { margin-block: .4rem; }

@media(max-width:760px){html{scroll-padding-bottom:110px}.content button,.content input,.content select{scroll-margin-block:100px}}

.service-management .metric-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.service-management .status{white-space:normal;overflow-wrap:anywhere}
.service-management .metric-head{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap}