:root {
  color-scheme: light;
  --bg:#f3f6fa;--panel:#ffffff;--panel-2:#f7f9fc;
  --border:#dfe7ef;--border-strong:#bccbd9;
  --text:#162c45;--text-2:#435a70;--muted:#63768a;
  --accent:#087f83;--accent-weak:#e5f4f3;--accent-strong:#08666c;
  --ok:#13704f;--warn:#8b5b0b;--serious:#a64c20;--danger:#bd3549;
  --ok-bg:#e9f5ef;--warn-bg:#fff5df;--serious-bg:#fff0e6;--danger-bg:#fff0f2;
  --chart-bar:#13898d;--chart-bar-hover:#09646c;--chart-grid:#e7edf3;
  --gl-nav-width:244px;--gl-nav-bg:#122a43;--gl-nav-bg-hover:#203d58;
  --gl-nav-text:#d5e2ed;--gl-nav-title:#fff;--gl-nav-muted:#a8bfd2;
  --radius:14px;--shadow:0 3px 14px #18334f08;
}
html { scroll-padding-top:24px; }
body { background:var(--bg);color:var(--text);font-family: "Pretendard", "Noto Sans KR", "Malgun Gothic", system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased; }
main,.gl-main,.content { min-width:0; }

@media screen {
  body:not(.gl-auth):not(.kiosk) #gl-main main {
    max-width:none;
    width:calc(100% - 32px);
    margin-left:16px;
    margin-right:16px;
    padding-left:0;
    padding-right:0;
  }
  body:not(.gl-auth):not(.kiosk) #workspace-bar {
    max-width:none;
    width:100%;
    margin-left:0;
    margin-right:0;
  }
  body:not(.gl-auth):not(.kiosk) #gl-main > .wrap {
    max-width:none;
    width:100%;
    margin-left:0;
    margin-right:0;
  }
}
@media screen and (max-width:880px) {
  body:not(.gl-auth):not(.kiosk) #gl-main main {
    width:calc(100% - 24px);
    margin-left:12px;
    margin-right:12px;
  }
}
h1,h2,h3 { color:var(--text);letter-spacing:-.035em;line-height:1.35; }
h1 { font-weight:750;font-size:clamp(23px,2.1vw,31px); }
h2 { font-weight:700; }
.sub,.muted,small { color:var(--muted); }
a { text-underline-offset:3px; }
#gl-nav { background:var(--gl-nav-bg);border-right:1px solid #243e57;box-shadow:none; }
#gl-nav .gl-brand { padding:25px 22px 22px; }
#gl-nav .gl-brand strong { font-size:18px;letter-spacing:-.03em; }
#gl-nav .gl-brand span { font-size:11px;letter-spacing:.07em; }
#gl-nav a { margin:3px 10px;border-radius:8px;padding-top:10px;padding-bottom:10px; }
#gl-nav a.current { background:#1b4659;border-left-color:#48c3bd;color:#fff; }
#gl-nav .gl-group { padding-top:21px;font-weight:650; }
#gl-nav .gl-search input { border-radius:8px;min-height:40px; }
#gl-nav .gl-foot { border-top-color:#ffffff1c; }
.panel,.card,.kpi,.ops-kpi,.metric-card,.company-card { background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow); }
.panel { padding:22px; }
.panel h2,.card h2 { margin-top:0; }
.panel>.sub { margin-top:6px; }
.kpi,.ops-kpi { border-top:3px solid #d4e9ed;padding:18px 20px; }
.kpi strong,.ops-kpi strong,.kpi .value { font-variant-numeric:tabular-nums;letter-spacing:-.04em; }
button,.button,input,select,textarea { font:inherit; }
button,.button { min-height:40px;border-radius:9px;padding:9px 16px;background:var(--accent);border:1px solid transparent;color:white;font-weight:650;transition:background .15s,border-color .15s; }
button:hover,.button:hover { background:var(--accent-strong); }
button.secondary,button.ghost { background:var(--panel);border:1px solid var(--border-strong);color:var(--text-2); }
button.secondary:hover,button.ghost:hover { background:var(--accent-weak);border-color:var(--accent);color:var(--accent-strong); }
button:disabled { cursor:not-allowed;background:var(--panel-2);border-color:var(--border);color:var(--muted); }
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea { min-height:42px;background:var(--panel);color:var(--text);border:1px solid var(--border-strong);border-radius:9px;padding:9px 12px;max-width:100%; }
input::placeholder,textarea::placeholder { color:#738599; }
:is(input,select,textarea):focus { border-color:var(--accent);outline:3px solid #087f831a; }
:is(button,a,input,select,textarea):focus-visible { outline:3px solid #087f8366;outline-offset:3px; }
input[type=checkbox],input[type=radio] { accent-color:var(--accent); }
label { color:var(--text-2); }
.table-scroll,.table-wrap { border:1px solid var(--border);border-radius:10px;overflow:auto; }
table { border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums; }
th { background:var(--panel-2);color:var(--text-2);font-size:12px;font-weight:700;white-space:nowrap;padding:12px 14px;border-bottom:1px solid var(--border); }
td { padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text); }
tbody tr:hover td { background:var(--accent-weak); }
tbody tr:last-child td { border-bottom:0; }
.badge { padding:4px 10px;line-height:1.4;background:var(--panel-2);color:var(--text-2); }
.badge.ok { color:var(--ok);background:var(--ok-bg); }
.badge.warn { color:var(--warn);background:var(--warn-bg); }
.badge.danger { color:var(--danger);background:var(--danger-bg); }
.gl-banner { border-radius:10px;padding:12px 16px; }
.gl-auth { background:linear-gradient(135deg,#edf3fa 0%,#f8fbfd 62%,#eaf7f5 100%);padding:32px 20px; }
.gl-auth .login-shell { width:min(100%,460px); }
.gl-auth .login-brand { margin-bottom:28px; }
.gl-auth .login-mark { border-radius:15px;background:#122a43;color:white;width:54px;height:54px;font-size:27px;box-shadow:0 6px 18px #122a431c; }
.gl-auth .login-card { background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:32px;box-shadow:0 16px 48px #16314e0a; }
.gl-auth .login-card h2 { font-size:25px; }
.gl-auth .login-card button { min-height:46px; }
.gl-auth .login-error { color:var(--danger); }
pre { white-space:pre-wrap;overflow-wrap:anywhere;background:var(--panel-2);padding:16px;border:1px solid var(--border);border-radius:10px; }
@media(max-width:760px) {
  .panel { padding:16px;border-radius:12px; }
  .gl-auth .login-card { padding:25px 22px; }
  h1 { font-size:24px; }
  td,th { padding:10px 12px; }
  button,.button { min-height:44px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important;transition:none!important;animation:none!important; } }
@media print { body { background:white; } .panel,.card { box-shadow:none; } }


:root{
 --bg:#f4f7fa;--border:#dce5ed;--text:#173047;--muted:#52687c;
 --radius:16px;--shadow:0 4px 18px rgba(23,48,71,.045);
}
body:not(.kiosk){font-size:14px;line-height:1.65}
body:not(.kiosk) #gl-nav{background:linear-gradient(180deg,#102c43,#173a4f);border-right:0}
body:not(.kiosk) #gl-nav .gl-brand{padding:28px 20px;border-bottom:1px solid #ffffff14}
body:not(.kiosk) #workspace-menu>a{margin:5px 12px;padding:13px 16px;border-radius:11px;font-weight:600;letter-spacing:-.02em}
body:not(.kiosk) #workspace-menu>a.current{background:#dff4f0;color:#095e61;border-left-color:#39b6a8;box-shadow:0 2px 10px #071c2420}
body:not(.kiosk) #workspace-menu>a:not(.current):hover{background:#ffffff12;color:#fff}
body:not(.kiosk) #gl-nav .workspace-role{color:#acc5d3;letter-spacing:.1em;font-size:11px;padding:24px 24px 10px}
body:not(.kiosk) #workspace-bar{background:var(--panel);border-bottom:1px solid var(--border);padding:20px 28px;box-shadow:0 2px 8px #17304704}
body:not(.kiosk) #workspace-bar h2{font-size:22px;letter-spacing:-.04em}
body:not(.kiosk) :is(.workspace-stat,.ops-kpi,.metric-card){box-shadow:var(--shadow);border-radius:16px;border:1px solid var(--border);border-top:3px solid #9ad6ce;min-width:0}
body:not(.kiosk) .workspace-stat{padding:20px;gap:8px;text-decoration:none;transition:border-color .15s,box-shadow .15s}
body:not(.kiosk) .workspace-stat:hover{border-color:#62b8ad;box-shadow:0 6px 22px #1730470c}
body:not(.kiosk) .workspace-stat.attention{border-top-color:#c99345}
body:not(.kiosk) .workspace-stat.muted{border-top-color:#a8b7c5}
body:not(.kiosk) .workspace-stat strong{font-size:32px;line-height:1.2;font-variant-numeric:tabular-nums}
body:not(.kiosk) .workspace-stat small{line-height:1.55;color:var(--muted)}
body:not(.kiosk) :is(.workspace-two>article,.ops-panel,.commercial-page>section){border-radius:16px;box-shadow:var(--shadow)}
body:not(.kiosk) :is(.workspace-section-title,.ops-panel-head){padding-bottom:12px;border-bottom:1px solid var(--border)}
body:not(.kiosk) :is(.workspace-node,.workspace-tasks>a,.workspace-health>a){border-radius:10px}
body:not(.kiosk) :is(.workspace-note,.ops-footnote,.note){color:var(--muted);line-height:1.65}
button,.button{box-shadow:0 1px 2px #17304708}
button:active:not(:disabled){transform:translateY(1px)}
button:disabled{box-shadow:none}
button.danger,button.destructive{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}
body:not(.kiosk) :is(.table-wrap,.table-scroll,.ops-table-wrap){border-radius:12px;scrollbar-color:var(--border-strong) var(--panel-2);scrollbar-width:thin}
body:not(.kiosk) table th{font-size:12px;background:var(--panel-2);color:var(--text-2);line-height:1.5}
body:not(.kiosk) table td{line-height:1.6}
.ops-hero{padding:24px 28px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(110deg,var(--panel) 55%,var(--accent-weak));box-shadow:var(--shadow)}
.ops-hero h1{font-size:clamp(27px,2.5vw,38px)}
.ops-kpi strong{font-size:30px}
.ops-table-wrap:has(.site-actions) table{min-width:1060px;table-layout:fixed}
.ops-table-wrap:has(.site-actions) th:first-child{width:17%}
.ops-table-wrap:has(.site-actions) th:nth-child(2){width:8%}
.ops-table-wrap:has(.site-actions) th:nth-child(3){width:15%}
.ops-table-wrap:has(.site-actions) th:nth-child(4){width:13%}
.ops-table-wrap:has(.site-actions) th:nth-child(5){width:15%}
.ops-table-wrap:has(.site-actions) td{white-space:normal;overflow-wrap:anywhere;vertical-align:top;padding:16px 12px}
.site-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.site-actions input,.site-actions select{min-width:0;max-width:100%}
.site-actions input[type=url]{width:100%}
.site-actions a{display:inline-flex;align-items:center;min-height:40px;padding:6px 10px;border:1px solid var(--border);border-radius:9px;color:var(--accent-strong);text-decoration:none;background:var(--accent-weak)}
.site-actions button{font-size:12px;padding:8px 10px}
#workflowNav{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;padding:7px;background:var(--panel-2);border:0;border-radius:12px;align-items:center}
#workflowNav button{background:transparent;color:var(--text-2);border:1px solid transparent;box-shadow:none;font-size:13px;min-height:42px;padding:8px 13px}
#workflowNav button:hover{background:var(--accent-weak);color:var(--accent-strong)}
#workflowNav button[aria-pressed=true]{background:var(--panel);color:var(--accent-strong);border-color:var(--border-strong);box-shadow:0 2px 6px #1730470a}
#workflowBody{min-width:0;padding-top:20px}
#workflowBody>div>p:first-child{margin-top:0}
#workflowBody details{border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin:12px 0;background:var(--panel-2)}
#workflowBody summary{cursor:pointer;font-weight:650;color:var(--text)}
#workflowBody form label{display:flex;flex-direction:column;gap:6px;min-width:0}
#workflowBody form{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))!important}
#workflowBody table{width:100%;min-width:620px}
#workflowBody td button{margin:3px 6px 3px 0;font-size:12px}
#workflowBody .workflow-empty{border:1px dashed var(--border-strong);border-radius:12px;padding:30px 20px;text-align:center;background:var(--panel-2);color:var(--muted)}
#workflowMessage:empty{display:none}
#workflowMessage:not(:empty){padding:10px 14px;border-radius:10px;background:var(--accent-weak);color:var(--accent-strong);overflow-wrap:anywhere}
.gl-auth{box-sizing:border-box;min-height:100dvh;background:radial-gradient(ellipse at 15% 20%,var(--accent-weak),transparent 55%),var(--bg);padding:32px}
.gl-auth .login-shell{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;row-gap:24px;width:min(100%,1000px);align-items:center;padding:40px 0}
.gl-auth .login-brand{grid-column:1;margin:0;align-self:end}
.gl-auth .login-brand h1{font-size:23px}
.gl-auth .auth-intro{grid-column:1;align-self:start;padding-top:12px}
.gl-auth .auth-intro h2{font-size:clamp(30px,3.2vw,44px);line-height:1.3;letter-spacing:-.045em;margin:0 0 18px;max-width:420px}
.gl-auth .auth-intro>p{font-size:15px;line-height:1.9;color:var(--text-2);max-width:400px}
.gl-auth .auth-intro ul{list-style:none;padding:20px 0 0;display:grid;gap:14px;color:var(--text-2)}
.gl-auth .auth-intro li{display:flex;align-items:center;gap:10px}
.gl-auth .auth-intro li::before{content:"";width:7px;height:7px;background:#128d81;border-radius:50%;flex-shrink:0}
.gl-auth .login-card{grid-column:2;grid-row:1 / 3;padding:36px;border-radius:22px;box-shadow:0 20px 65px #1730470c;border:1px solid var(--border)}
.gl-auth .login-card input{box-sizing:border-box;min-height:48px;background:var(--panel-2)}
.gl-auth .login-card button{min-height:48px;margin-top:4px}
.gl-auth .shell{padding:0;width:min(470px,100%)}
.gl-auth .brand{color:var(--text)}
.gl-auth .brand p{color:var(--muted)}
.gl-auth .shell>.card{box-shadow:0 20px 65px #1730470c;border:1px solid var(--border)}
.gl-auth .login-mark{overflow:hidden;flex-shrink:0}
@media(max-width:1000px){.gl-auth .login-shell{column-gap:32px}.gl-auth .login-card{padding:28px}}
@media(max-width:760px){
 body:not(.kiosk) #workspace-bar{padding:16px 18px}
 body:not(.kiosk) .workspace-stat{padding:16px}
 body:not(.kiosk) .workspace-stat strong{font-size:27px}
 .ops-hero{padding:20px}
 #workflowNav button{width:auto;flex:1 1 105px;font-size:12px}
 .gl-auth{padding:24px 18px}
 .gl-auth .login-shell{display:flex;flex-direction:column;align-items:stretch;width:min(100%,460px);gap:24px;padding:0}
 .gl-auth .login-brand{align-self:auto}
 .gl-auth .auth-intro{padding:0}
 .gl-auth .auth-intro h2{font-size:27px;margin:0 0 8px}
 .gl-auth .auth-intro>p{margin:0;font-size:13px}
 .gl-auth .auth-intro ul{display:none}
 .gl-auth .login-card{padding:26px 22px}
 .commercial-page #workflowNav button{width:auto}
}
@media(prefers-reduced-motion:reduce){button:active:not(:disabled){transform:none}.workspace-stat{transition:none!important}}
@media print{.auth-intro,.site-actions{box-shadow:none}.ops-hero{background:#fff}#workflowNav{display:none}}


#sitesTable { min-width:1480px;table-layout:fixed; }
#sitesTable th:first-child { width:168px; }
#sitesTable th:nth-child(2) { width:60px; }
#sitesTable th:nth-child(3) { width:200px; }
#sitesTable th:nth-child(4) { width:96px; }
#sitesTable th:nth-child(5) { width:122px; }
#sitesTable th,#sitesTable td { padding:5px 6px;white-space:nowrap;vertical-align:middle;line-height:1.4;font-size:12px; }
#sitesTable th { font-size:11px; }
#sitesTable td:not(:last-child) { overflow:hidden;text-overflow:ellipsis; }
#sitesTable td:nth-child(n+3):not(:last-child) { font-size:11px; }
#sitesTable .site-actions { flex-wrap:nowrap;gap:4px; }
#sitesTable .site-actions > :is(input,select,button,a) { box-sizing:border-box;flex-shrink:0;height:28px;min-height:28px;margin:0;padding:3px 6px;font-size:11px;line-height:20px;border-radius:6px;white-space:nowrap; }
#sitesTable .site-actions input[type=text] { width:86px; }
#sitesTable .site-actions input[type=url] { width:130px; }
#sitesTable .site-actions input[type=number] { width:74px; }
#sitesTable .site-actions select { width:72px; }


:root{--ink:var(--text);--line:var(--border)}
@media screen { :root[data-theme='dark']{
 color-scheme:dark;
 --bg:#0f1925;--panel:#172635;--panel-2:#1d3042;
 --border:#30485d;--border-strong:#4c667e;
 --text:#e8f0f7;--text-2:#c5d5e3;--muted:#9db4c7;
 --accent:#48c9c2;--accent-weak:#183b43;--accent-strong:#86e0da;
 --ok:#6ed6ac;--warn:#f2c870;--serious:#ffb389;--danger:#ff9aaa;
 --ok-bg:#17382e;--warn-bg:#3c321e;--serious-bg:#402b20;--danger-bg:#412632;
 --chart-bar:#48c9c2;--chart-bar-hover:#86e0da;--chart-grid:#30485d;
 --shadow:0 4px 18px rgba(0,0,0,.16);
} }
@media screen and (prefers-color-scheme:dark) { :root:not([data-theme]){
 color-scheme:dark;
 --bg:#0f1925;--panel:#172635;--panel-2:#1d3042;
 --border:#30485d;--border-strong:#4c667e;
 --text:#e8f0f7;--text-2:#c5d5e3;--muted:#9db4c7;
 --accent:#48c9c2;--accent-weak:#183b43;--accent-strong:#86e0da;
 --ok:#6ed6ac;--warn:#f2c870;--serious:#ffb389;--danger:#ff9aaa;
 --ok-bg:#17382e;--warn-bg:#3c321e;--serious-bg:#402b20;--danger-bg:#412632;
 --chart-bar:#48c9c2;--chart-bar-hover:#86e0da;--chart-grid:#30485d;
 --shadow:0 4px 18px rgba(0,0,0,.16);
} }



:root{--ui-space:8px;--ui-radius:10px;--ui-control:34px;--ui-font:13px;--ui-focus:#087f83}
body.gl-design{font-family:Pretendard,"Noto Sans KR","Malgun Gothic",system-ui,sans-serif;font-size:13px;line-height:1.5;color:var(--text,#162c45);background:var(--bg,#f3f6fa)}
.gl-design :is(button,input,select,textarea){font-family:inherit;font-size:13px}
.gl-design :is(h1,h2,h3){letter-spacing:-.025em;overflow-wrap:anywhere}
.gl-design h1{font-size:22px;line-height:1.35}
.gl-design h2{font-size:18px;line-height:1.4}
.gl-design h3{font-size:15px;line-height:1.4}
.gl-design :is(input,select,textarea){box-sizing:border-box;max-width:100%;border-radius:8px;color:var(--text,#162c45);background:var(--panel,#fff);border-color:var(--border-strong,#bccbd9)}
.gl-design :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select){min-height:34px;padding:6px 10px}
.gl-design textarea{padding:8px 10px;line-height:1.5}
.gl-design :is(button,.button){border-radius:8px;font-weight:650;line-height:1.4}
.gl-design :is(button,.button):not(.topo-node):not(.tab):not(.icon-btn):not(.beacon):not(.map-marker){min-height:34px;padding:6px 12px}
.gl-design :is(button,.button):disabled{cursor:not-allowed}
.gl-design :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}
.gl-design :is(.panel,.card,.company-card,.metric-card,.state-card,.ops-kpi,.kpi){border-radius:var(--ui-radius);border-color:var(--border,#dfe7ef);box-shadow:0 2px 8px #18334f06}
.gl-design :is(.panel,.card){padding:16px}
.gl-design :is(.panel,.card)>:is(h2,h3):first-child{margin-top:0;margin-bottom:10px}
.gl-design :is(.panel,.card)>:last-child{margin-bottom:0}
.gl-design :is(.kpi,.ops-kpi,.state-card){padding:12px 14px}
.gl-design :is(.kpi strong,.ops-kpi strong,.state-card strong,.workspace-stat strong){font-variant-numeric:tabular-nums}
.gl-design :is(.table-wrap,.table-scroll){border-radius:8px;border:1px solid var(--border,#dfe7ef);overflow-x:auto;max-width:100%}
.gl-design table{font-size:12px}
.gl-design :is(th,td){padding:9px 10px;line-height:1.45}
.gl-design th{font-size:11px;font-weight:700;background:var(--panel-2,#f7f9fc);color:var(--text-2,#435a70)}
.gl-design td{font-variant-numeric:tabular-nums}
.gl-design :is(.badge,.pill,.tag){font-size:11px;line-height:1.4;border-radius:6px}
.gl-design :is(.sub,.subtle,.section-copy,.field-hint){line-height:1.5;color:var(--muted,#63768a)}
.gl-design :is(.head-row,.section-head,.top-tools,.action-row,.actions,.toolbar){gap:8px}
.gl-design .field{gap:5px}
.gl-design .form-grid{gap:12px}
.gl-design .form-box{padding:14px;border-radius:10px}
.gl-design :is(.pg5,.pager){gap:6px;font-size:12px}
.gl-design .pg5 button{min-height:32px;padding:5px 10px}
body.gl-design:not(.gl-auth):not(.kiosk) #workspace-bar{padding:4px 16px 0!important}
body.gl-design:not(.kiosk) #workspace-bar .workspace-eyebrow{display:none}
body.gl-design:not(.kiosk) #workspace-bar h2{font-size:19px;line-height:1.25;margin:0!important}
body.gl-design:not(.kiosk) #workspace-bar .workspace-heading{gap:8px;min-width:0}
body.gl-design:not(.kiosk) #workspace-bar .workspace-actions{gap:6px;flex-wrap:wrap}
body.gl-design:not(.kiosk) #workspace-bar .workspace-tabs{margin-top:2px;padding-bottom:2px;gap:4px}
body.gl-design:not(.kiosk) #workspace-bar .workspace-tabs a{padding:5px 10px;min-height:28px;box-sizing:border-box;font-size:12px;border-radius:7px}
body.gl-design:not(.gl-auth):not(.kiosk) #gl-main main{margin-top:2px!important;gap:10px;padding-bottom:24px}
.gl-design #gl-nav a{font-size:12px;border-radius:7px}
.gl-design #gl-nav .gl-group{padding-top:14px;font-size:11px}
.gl-design #gl-nav .gl-brand{padding-top:18px;padding-bottom:16px}
.gl-design .workspace-two{gap:12px}
.gl-design .workspace-stat{border-radius:10px;padding:14px}

.gl-design #sitesTable :is(th,td){padding:5px 6px}
.gl-design #sitesTable .site-actions>:is(button,input,select,a){min-height:28px;height:28px;padding:3px 6px;font-size:11px}

.gl-design .side{background:#122a43;color:#d5e2ed}
.gl-design .side .brand{color:#fff}
.gl-design .side nav button{border-radius:7px}
.gl-design .side nav button.active{background:#087f83;color:#fff}
.gl-design #globalToolbar{background:var(--panel,#fff);color:var(--text,#162c45);border-color:var(--border,#dfe7ef);gap:6px;padding:5px 12px}
.gl-design #globalToolbar :is(button,select){font-size:12px;min-height:30px;padding:5px 9px}
.gl-design #globalToolbar h1{font-size:16px;line-height:1.3}
.gl-design #globalBeaconSound{opacity:1!important}

.gl-design.gl-auth .login-card{border-radius:14px}
.gl-design.gl-auth :is(input,button){min-height:42px}
@media(max-width:900px){body.gl-design:not(.kiosk) #workspace-bar .workspace-heading{flex-wrap:wrap;flex-direction:row;align-items:center}.gl-design .workspace-actions{flex-wrap:wrap}}
@media(max-width:650px){body.gl-design:not(.gl-auth):not(.kiosk) #workspace-bar{padding:4px 12px 0!important}.gl-design :is(.panel,.card){padding:12px}.gl-design h1{font-size:20px}.gl-design h2{font-size:17px}.gl-design :is(.head-row,.top-tools,.toolbar){flex-wrap:wrap}.gl-design #globalToolbar :is(button,select){min-height:34px}.gl-design .workspace-tabs a{white-space:nowrap}.gl-design .drawer{padding:16px;box-sizing:border-box}}
@media print{body.gl-design{background:white;color:#111}.gl-design :is(.panel,.card){box-shadow:none;break-inside:avoid}.gl-design :is(button,a,input,select,textarea):focus-visible{outline:none}}


body.gl-design input:not([type=checkbox]):not([type=radio]):not([type=range]),body.gl-design select,body.gl-design textarea{background:var(--panel,#fff);color:var(--text,#162c45);border-color:var(--border-strong,#bccbd9)}
body.gl-design #workspace-bar .workspace-actions :is(button,a){background:var(--panel,#fff);color:var(--text,#162c45);border:1px solid var(--border-strong,#bccbd9)}
body.gl-design button.primary,body.gl-design .button.primary{background:#087f83;color:#fff}

body.gl-design.gl-auth :is(input:not([type=checkbox]):not([type=radio]),button){min-height:44px!important}