:root{
  --navy:#17202e;
  --blue:#315f9f;
  --ink:#202733;
  --muted:#667085;
  --line:#dfe3e8;
  --bg:#f5f6f8;
  --green:#25805b;
  --red:#b54452;
}


body{background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;letter-spacing:0}
h1,h2,h3,h4,strong{letter-spacing:0}
#app{grid-template-columns:248px minmax(0,1fr)}
#app>aside{padding:22px 16px;background:var(--navy);box-shadow:none}
#app>aside .brand{padding:0 8px;font-size:19px;letter-spacing:.1em}
#app>main{max-width:1600px;padding:28px 32px 48px}
#app main>header{min-height:auto;margin-bottom:20px;align-items:center}
#app main>header .eyebrow{display:none}
#app main>header h1{margin:0;font-size:24px;font-weight:650;letter-spacing:0}

button{min-height:36px;border-radius:6px;padding:8px 13px;font-weight:600;box-shadow:none}
button:hover{filter:none}
button:not(:disabled):active{transform:none}
button.secondary,.table-action{border:1px solid var(--line);background:#fff;color:#344054}
button.secondary:hover,.table-action:hover{border-color:#c7cdd5;background:#f8f9fa}
input,select,textarea{font-weight:400}
.form-grid label,.login-card label{color:#344054;font-weight:600}
.form-grid input,.form-grid select,.form-grid textarea,.toolbar input,.toolbar select{border-radius:6px;padding:9px 10px}
.eyebrow{text-transform:none;letter-spacing:0;font-size:12px;font-weight:600;color:var(--muted)}

.metrics{gap:10px;margin:18px 0}
.metrics article{padding:15px;border-radius:7px;box-shadow:none}
.metrics article:before{display:none}
.metrics article:hover{transform:none;box-shadow:none}
.metrics span{font-size:12px;font-weight:500}
.metrics strong{margin-top:4px;font-size:24px;font-weight:650;letter-spacing:0}

.toolbar{gap:8px;margin-bottom:12px;padding:10px;border-radius:7px;box-shadow:none}
.toolbar input,.toolbar select{min-height:36px}
.content{min-height:280px;border-radius:7px;box-shadow:none}
.table th,.table td{padding:11px 13px}
.table th{background:#f7f8fa;color:#596273;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
.table tr:hover td{background:#f8fafc}
.name{font-weight:650}
.sub{color:#727b8c}
.badge,.os-badge,.kb-pill,.platform-badge,.os-type{border-radius:4px;font-weight:600;text-transform:none;letter-spacing:0}
.empty{min-height:180px;padding:38px 20px}
.empty:before{display:none}

#app>aside .side-search{margin:20px 0 12px}
#app>aside .side-search input{border-radius:6px;background:#111a27}
#app>aside .side-group-toggle{padding:8px 9px!important;color:#aab3c2!important;font-size:11px;font-weight:600;letter-spacing:0;text-transform:none}
#app>aside .side-group-items button[data-tab]{gap:9px;padding:9px 10px!important;border-radius:5px!important;font-size:13px}
#app>aside .side-group-items button[data-tab]:hover{background:#202c3d;transform:none}
#app>aside .side-group-items button[data-tab].active{border-color:transparent!important;background:#2b3b52!important;box-shadow:inset 3px 0 0 #7fa3d5!important}
#app>aside .side-group-items button[data-tab]::before{font-size:13px;color:#9aabc3}
#app>aside .aside-foot{padding-left:8px;padding-right:4px;font-size:12px}

dialog,.os-modal,.os-manager,.os-detail,.kb-modal,.platform-dialog{border:1px solid var(--line);border-radius:9px;box-shadow:0 16px 45px #1018282b}
dialog::backdrop{background:#10182880;backdrop-filter:none}
.modal-head{padding:18px 22px 13px;border-bottom:1px solid var(--line)}
.modal-head h2{font-size:20px;font-weight:650}
.modal-actions{padding:14px 22px;box-shadow:none}
.preference-note,.os-manager-help,.platform-note,.kb-warning{border-radius:6px;background:#f5f7fa}
.data-card,.person-card,.contact-cards article,.company-option,.recipient-option{border-radius:6px}
.data-card:hover,.person-card:hover,.contact-cards article:hover,.company-option:hover,.recipient-option:hover{transform:none;box-shadow:none}
.integration-card{border-radius:6px;box-shadow:none}
.entity-subnav button{border-radius:4px 4px 0 0}

#app .os-toolbar,#app .os-filter-panel,#app .kb-toolbar{border-radius:7px;box-shadow:none}
#app .os-quick-search{display:flex;align-items:center;min-width:220px;max-width:310px;flex:1}
#app .os-quick-search>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#app .os-quick-search input{width:100%;min-height:36px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}
#app .os-filter-grid label{color:#596273;font-size:11px;font-weight:600;letter-spacing:0;text-transform:none}
#app .os-filter-grid input,#app .os-filter-grid select{border-radius:6px}
#app .os-view-switch,#app .platform-tabs{border-radius:6px}
#app .os-view-switch button,#app .platform-tabs button{border-radius:4px}
#app .os-column,#app .kb-column{border-radius:7px;background:#f7f8fa}
#app .os-card,#app .kb-card{border-radius:6px;box-shadow:none}
#app .os-card:hover,#app .kb-card:hover{border-color:#cdd3db}
#app .os-card:focus-visible{outline:2px solid #6f92c2;outline-offset:2px}
#app .kb-filter-menu{position:relative}
#app .kb-filter-menu>summary{display:flex;align-items:center;min-height:36px;padding:8px 13px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#344054;font-weight:600;cursor:pointer;list-style:none}
#app .kb-filter-menu>summary::-webkit-details-marker{display:none}
#app .kb-filter-menu>summary:after{content:'+';margin-left:9px;color:#667085}
#app .kb-filter-menu[open]>summary:after{content:'−'}
#app .kb-filter-menu>div{position:absolute;z-index:15;top:42px;left:0;display:grid;gap:7px;min-width:230px;padding:10px;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:0 8px 24px #1018281c}
#app .kb-filter-menu select{width:100%;min-width:0}
#app .kb-auto-note{color:#7b8493;font-size:11px}
#app .os-day{border-radius:6px}
#app .os-event{border-radius:4px}
#app .os-actions button,#app .kb-actions button{min-height:30px}

#app .platform-workspace{gap:12px}
#app .platform-head{align-items:center}
#app .platform-head>div:first-child h2{display:none}
#app .platform-head>div:first-child p{margin:0;color:#667085;font-size:13px}
#app .platform-card,#app .platform-panel{border-radius:7px;box-shadow:none}
#app .platform-card{padding:14px}
#app .platform-card>span{font-size:12px;font-weight:500}
#app .platform-card>strong{font-size:22px;font-weight:650}
#app .platform-table th,#app .platform-table td{padding:10px 12px}
#app .platform-table th{font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
.platform-quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:2px}
.platform-attention{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.platform-attention-card{display:grid;grid-template-columns:1fr auto;gap:2px 12px;min-height:88px;padding:13px 14px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);text-align:left}
.platform-attention-card span{align-self:end;color:#667085;font-size:12px;font-weight:500}
.platform-attention-card strong{grid-row:1/3;grid-column:2;align-self:center;font-size:25px;font-weight:650}
.platform-attention-card small{color:#315f9f;font-size:11px}
.platform-attention-card.needs-attention{border-left:3px solid #c47b29}
.platform-attention-card:hover{background:#f8fafc}
#app .platform-summary-grid{padding:14px}

.os-advanced{margin-top:4px;border:1px solid var(--line);border-radius:7px;background:#fafbfc}
.os-advanced>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 13px;cursor:pointer;color:#344054;font-weight:600;list-style:none}
.os-advanced>summary::-webkit-details-marker{display:none}
.os-advanced>summary:after{content:'+';font-size:18px;font-weight:400;color:#667085}
.os-advanced[open]>summary:after{content:'−'}
.os-advanced>summary small{margin-left:auto;color:#7b8493;font-size:11px;font-weight:400}
.os-advanced>.os-grid{padding:4px 13px 14px;border-top:1px solid var(--line)}

.login{background:#eef1f4}
.login-card{border:1px solid #d9dee5;border-radius:10px;padding:32px;box-shadow:0 12px 32px #10182814}
.login-card .brand{margin-bottom:30px;font-size:20px;letter-spacing:.1em}
.login-card h1{margin-bottom:6px;font-size:26px;font-weight:650}
.login-card .eyebrow{margin-bottom:5px}
.login-card input{min-height:42px;border-radius:6px}
.login-card button{min-height:42px}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:900px){
  #app{grid-template-columns:1fr}
  #app>aside{padding:14px 16px}
  #app>main{padding:22px 18px 40px}
  .platform-attention{grid-template-columns:repeat(2,minmax(0,1fr))}
  #app .os-quick-search{order:4;max-width:none;min-width:100%;width:100%}
  #app .kb-auto-note{display:none}
}
@media(max-width:560px){
  #app>main{padding:18px 12px 32px}
  #app main>header{align-items:flex-start}
  #app main>header h1{font-size:21px}
  .login-card{padding:26px 22px}
  .platform-attention{grid-template-columns:1fr 1fr}
  .platform-attention-card{min-height:80px;padding:11px}
  .table th:nth-child(n),.table td:nth-child(n){display:table-cell}
  .os-list{display:block;overflow-x:auto;white-space:nowrap}
  .os-advanced>summary small{display:none}
}
/* Arquivo automático por empresa */
.archive-panel{display:grid;gap:16px;min-height:260px}.archive-list{display:grid;gap:10px}.archive-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:start;padding:14px;border:1px solid var(--line,#dfe4ec);border-radius:12px;background:#fff}.archive-row>div:first-child{display:grid;gap:3px;min-width:0}.archive-row strong{font-size:14px;overflow-wrap:anywhere}.archive-row small{color:#687386}.archive-row em{color:#b42318;font-size:12px;font-style:normal;overflow-wrap:anywhere}.archive-kind{color:#5b6576;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.archive-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.archive-actions .button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.archive-callout{display:grid;gap:5px;padding:18px;border:1px solid #f2c94c;border-radius:12px;background:#fff9e8}.archive-callout span{color:#6b5b25}.badge.red{background:#fee4e2;color:#b42318}.badge.blue{background:#e8f1ff;color:#175cd3}
.archive-group{display:grid;gap:10px;padding:14px;border:1px solid var(--line,#dfe4ec);border-radius:14px;background:#f8fafc}.archive-group>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.archive-group>header>div{display:grid;gap:2px}.archive-group>header strong{font-size:15px;color:#172033}.archive-group>header span{font-size:12px;color:#687386}.archive-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#e8eef8;color:#344054!important;font-weight:700}
@media(max-width:720px){.archive-row{grid-template-columns:1fr}.archive-row>.badge{justify-self:start}.archive-actions{grid-column:1}.archive-actions>*{flex:1 1 140px}}

/* Shared working surface: readable controls, predictable layout, no hidden actions. */
html{font-size:16px;scroll-padding-top:24px}
body{font-size:.9375rem}
[hidden]{display:none!important}
:is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #5088cf;outline-offset:3px}
button:disabled{cursor:not-allowed;filter:none}
.skip-link{position:fixed;left:12px;top:-100px;z-index:2000;background:#fff;color:#17202e;padding:12px 16px;border:2px solid #315f9f;border-radius:6px}
.skip-link:focus{top:12px}
#app>main{min-width:0;align-self:start}
#app main>header{gap:16px;flex-wrap:wrap}
#app main>header h1{font-size:1.5rem;line-height:1.3}
#app .header-actions{align-items:center;gap:8px}
#app button,dialog button{font-size:.875rem;min-height:38px}
#app :is(input,select,textarea),dialog :is(input,select,textarea){font-size:.9375rem;line-height:1.45;min-width:0;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:9px 11px;background:#fff}
#app :is(input,select),dialog :is(input,select){min-height:40px}
#app input[type=checkbox],dialog input[type=checkbox],#app input[type=radio],dialog input[type=radio]{min-height:18px;width:18px;height:18px;flex:0 0 18px;accent-color:var(--blue);padding:0}
#app :is(input,textarea)::placeholder,dialog :is(input,textarea)::placeholder{color:#707b8c;opacity:1}
#app :is(.form-grid,.platform-form,.os-grid,.kb-form) label,dialog :is(.form-grid,.platform-form,.os-grid,.kb-form) label{font-size:.875rem;line-height:1.5}
#app :is(.table,.platform-table) th,#app :is(.table,.platform-table) td{font-size:.875rem;line-height:1.5;vertical-align:middle}
#app :is(.table,.platform-table) th{font-weight:650;color:#495569;white-space:nowrap}
#app :is(.table,.platform-table) td{overflow-wrap:anywhere}
#app :is(.sub,.platform-mini,.kb-auto-note){font-size:.8125rem;color:#606c7d}
#app :is(.badge,.platform-badge,.os-badge,.kb-pill){font-size:.75rem;line-height:1.4;white-space:normal}
#app :is(.content,.platform-table-wrap){overflow:auto;scrollbar-width:thin;scrollbar-color:#aab4c2 #f4f6f8}
#app .content>.table{min-width:680px}
#app .row-actions{flex-wrap:wrap;gap:6px;min-width:130px}
#app .row-actions button{white-space:nowrap}
#app .toolbar{flex-wrap:wrap;align-items:center;gap:8px}
#app .toolbar input[type=search]{flex:2 1 260px;max-width:none}
#app .toolbar select{flex:1 1 180px;max-width:280px}
#app :is(.empty,.platform-empty){font-size:.9375rem;line-height:1.6;color:#596679}
#app .platform-head p{font-size:.875rem}
#app .platform-head>div:first-child{min-width:180px}
#app .platform-actions{align-items:center}
#app :is(.platform-card,.platform-attention-card) span{font-size:.875rem}
#app :is(.platform-card,.platform-attention-card) small{font-size:.8125rem}
#app .os-filter-grid label{font-size:.875rem}
#app .os-actions button,#app .kb-actions button{min-height:36px}
#app :is(.os-view-switch,.platform-tabs){flex-wrap:wrap}
#app .os-filter-panel{overflow:visible}
#app :is(.os-column,.kb-column){border:1px solid #dde3eb}
#app :is(.os-card,.kb-card){border:1px solid #d8dfe8;line-height:1.5}
#app :is(.os-card,.kb-card):hover{border-color:#8099b9;box-shadow:0 2px 5px #1720330d}
#app .platform-workspace .platform-head{margin-bottom:2px}
dialog{max-height:calc(100dvh - 32px);overscroll-behavior:contain}
dialog .modal-head{align-items:flex-start;gap:16px}
dialog .modal-head h2{font-size:1.25rem;line-height:1.35;overflow-wrap:anywhere}
dialog .modal-head .icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;font-size:24px;border:1px solid var(--line);border-radius:6px}
dialog .modal-actions{z-index:5;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);background:#fff}
dialog .form-grid .wide{grid-column:1/-1}
dialog .entity-subnav{gap:4px;padding-bottom:2px;scrollbar-width:thin}
dialog .entity-subnav button{font-size:.875rem;min-height:40px}
dialog .entity-subnav button.active{box-shadow:inset 0 -2px var(--blue);background:#eef3f9}
dialog :is(.preference-note,.platform-note,.os-manager-help){font-size:.875rem;line-height:1.55}
.toast{z-index:3000;max-width:min(460px,calc(100vw - 32px));font-size:.9375rem;line-height:1.5;overflow-wrap:anywhere;pointer-events:none}
.view-loading{padding:36px 20px;color:#596679;text-align:center}
.view-error{display:grid;gap:12px;justify-items:center;padding:32px 20px;text-align:center;color:#974136}
.view-error p{margin:0;max-width:560px;overflow-wrap:anywhere}
.view-error button{margin-top:4px}
#app>aside{min-width:0;height:100dvh;overflow:hidden}
#app>aside .brand{font-size:1.125rem;flex-shrink:0}
#app>aside>nav[data-enhanced="1"]{flex:1;width:100%;margin-top:0;display:block;overflow-y:auto;overflow-x:hidden}
#app>aside .side-search{flex-shrink:0;margin:20px 0 12px;width:100%}
#app>aside .side-search input{font-size:.875rem;padding:10px 34px 10px 12px;color:#fff;background:#101925;border-color:#3d4b60;min-height:40px}
#app>aside .side-search input::placeholder{color:#b1bccb}
#app>aside .side-search button{min-height:32px;padding:0 9px;color:#cbd5e1;background:transparent}
#app>aside .side-group-toggle{font-size:.8125rem!important;min-height:36px!important;color:#b4c0d1!important;border-bottom:0!important;padding:7px 10px!important}
#app>aside .side-group-items{max-height:none!important;opacity:1;overflow:visible;transition:none;padding:0 0 8px!important}
#app>aside .side-group{min-width:0;margin-bottom:6px}
#app>aside .side-group-items button[data-tab]{font-size:.875rem!important;line-height:1.4;min-height:40px;padding:9px 10px!important;gap:10px;white-space:normal}
#app>aside .side-group-items button[data-tab]::before{content:none!important}
#app>aside .nav-icon{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
#app>aside .nav-label{min-width:0}
#app>aside .aside-foot{display:flex;flex-shrink:0;font-size:.875rem;gap:10px;min-height:52px;margin-top:12px}
#app>aside #username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-empty{font-size:.875rem;color:#c6d0de;padding:8px 12px}
.mobile-menu-toggle{display:none}
@media(max-width:900px){
  #app{grid-template-columns:minmax(0,1fr)}
  #app>aside{position:relative;height:auto;min-height:64px;display:flex;flex-flow:row wrap;align-items:center;gap:0 12px;padding:12px 16px;overflow:visible;z-index:20}
  #app>aside .brand{padding:0;margin-right:auto}
  #app>aside .mobile-menu-toggle{display:block;background:#2b3b52;color:#fff;border:1px solid #4b5b72;min-height:40px;margin-left:auto}
  #app>aside:not(.menu-open)>:is(nav,.side-search,.side-empty,.aside-foot){display:none!important}
  #app>aside.menu-open>nav[data-enhanced="1"]{display:block;flex:auto;width:100%;max-height:55dvh;overflow:auto;order:3}
  #app>aside .side-search{order:2;flex-basis:100%;margin:14px 0 8px}
  #app>aside .side-empty{order:4;width:100%}
  #app>aside .aside-foot{order:5;width:100%;margin:8px 0 0}
  #app>main{padding:22px 18px 36px}
  #app :is(.platform-toolbar,.platform-actions){flex-wrap:wrap}
  #app .platform-toolbar>*{min-width:0;max-width:100%}
}
@media(max-width:560px){
  #app>main{padding:18px 12px 28px}
  #app main>header{gap:12px}
  #app main>header h1{font-size:1.375rem}
  #app .header-actions{width:100%}
  #app .header-actions button{flex:1 1 140px}
  #app button,dialog button{min-height:42px}
  #app :is(input,select,textarea),dialog :is(input,select,textarea){font-size:1rem}
  #app .toolbar>*{flex:1 1 100%;width:100%;max-width:none}
  #app .toolbar>button{flex:1 1 120px;width:auto}
  #app .platform-attention{grid-template-columns:1fr}
  #app :is(.table,.platform-table) th,#app :is(.table,.platform-table) td{display:table-cell}
  #app .platform-form,dialog .form-grid{grid-template-columns:minmax(0,1fr)}
  dialog .form-grid :is(.wide,.span2){grid-column:1}
  dialog .modal-head{padding:16px}
  dialog .modal-actions{padding:12px 16px}
  dialog .modal-actions button{flex:1 1 120px}
  #app .chat-row{min-width:720px;grid-template-columns:42px 1.2fr 1fr 1fr 110px}
  #app .chat-row>*:nth-child(n){display:block}
  .toast{right:16px;bottom:16px}
}


/* Readable reports, calendar and cards use the same visual language. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#app :is(.gc-filter,.reports-filter) label{font-size:.875rem;font-weight:600;text-transform:none;letter-spacing:0;color:#495569}
#app :is(.gc-head,.reports-head){align-items:center}
#app :is(.gc-head,.reports-head) h2{display:none}
#app :is(.gc-filter,.reports-filter,.reports-stat,.reports-panel,.gc-nav,.gc-view-switch,.gc-day){border-radius:7px;box-shadow:none}
#app :is(.gc-filter,.reports-filter){gap:12px}
#app :is(.gc-updated,.reports-updated,.gc-filter-foot,.reports-filter-foot,.gc-legend){font-size:.8125rem;color:#606c7d}
#app :is(.gc-event time,.gc-event span,.gc-more){font-size:.8125rem;line-height:1.5}
#app .gc-event{min-height:36px;padding:7px;align-items:flex-start}
#app .gc-event span{white-space:normal;overflow-wrap:anywhere}
#app .gc-day{min-width:0}
#app :is(.gc-nav,.gc-view-switch,.gc-actions){flex-wrap:wrap}
#app .gc-day.today{border:2px solid #315f9f}
#app :is(.reports-table th,.reports-table td){font-size:.875rem;line-height:1.5}
#app .reports-table th{text-transform:none;letter-spacing:0;color:#495569}
#app .reports-stat span{font-size:.875rem}
#app .reports-badge{font-size:.75rem;text-transform:none;border-radius:4px}
#app :is(.kb-meta span,.kb-source-note,.os-card small){font-size:.8125rem}
#app .kb-card p{font-size:.875rem}
#app :is(.kb-actions button,.kb-row-actions button){font-size:.875rem;min-height:36px}
#app .kb-welcome{min-height:260px;padding:28px 20px}
#app .platform-panel-head{flex-wrap:wrap;gap:8px}
#app .platform-panel-head>span{max-width:600px}
#app .gc-nav strong{min-width:150px}
.login-page .login{width:100%;max-width:none;margin:0;min-height:100dvh;padding:24px 0}
.login-card .password-field{display:flex;align-items:center;gap:6px}
.login-card .password-field input{min-width:0;flex:1}
.login-card .password-field button{width:auto;margin:0;padding:9px 12px;flex-shrink:0;font-size:.875rem}
.technician-schedule{display:grid;gap:2px;white-space:nowrap}.technician-schedule small{color:#667085;font-size:.75rem}
.technician-days{margin:4px 0 0;padding:12px;border:1px solid var(--line);border-radius:7px}.technician-days legend{padding:0 6px;color:#344054;font-size:.875rem;font-weight:600}.technician-days legend small{color:#667085;font-weight:400}.technician-days>div{display:flex;flex-wrap:wrap;gap:8px 14px}.technician-days label{display:flex!important;align-items:center;gap:6px;margin:0!important;color:#344054;font-weight:500!important}
@media(max-width:700px){
  #app :is(.gc-filter,.reports-filter){grid-template-columns:minmax(0,1fr)}
  #app .reports-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  #app .gc-nav{flex-wrap:nowrap}
  #app .gc-nav strong{min-width:0;flex:1}
  #app :is(.gc-filter-foot,.reports-filter-foot){flex-wrap:wrap}
}