:root{--bg:#020914;--panel:#081526;--panel2:#0d1c31;--line:#1a3150;--text:#edf6ff;--muted:#8fa8c2;--primary:#19b7ff;--cyan:#55e6ff;--green:#2ee59d;--yellow:#ffcc66;--red:#ff5d73;--shadow:0 18px 50px rgba(0,0,0,.28)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 90% 0,#09254a 0,transparent 28%),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:rgba(4,14,29,.97);border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 24px}.brand-logo{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-weight:900;letter-spacing:-2px;background:linear-gradient(145deg,var(--cyan),var(--primary));color:#00111f;box-shadow:0 0 28px rgba(25,183,255,.25)}.brand strong,.brand span{display:block}.brand span{font-size:12px;color:var(--muted);margin-top:3px}.sidebar nav{display:grid;gap:4px;overflow:auto}.sidebar nav a{color:#a9bdd1;text-decoration:none;padding:11px 13px;border-radius:10px;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,rgba(25,183,255,.2),rgba(25,183,255,.04));color:#fff;border:1px solid rgba(85,230,255,.18)}.side-foot{margin-top:auto;border-top:1px solid var(--line);padding:18px 8px 0;color:var(--muted);display:flex;gap:8px;align-items:center;font-size:13px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.online{background:var(--green);box-shadow:0 0 12px var(--green)}.main{margin-left:248px;width:calc(100% - 248px);padding:28px}.topbar{display:flex;align-items:center;gap:16px;margin-bottom:22px}.topbar h1{margin:0;font-size:28px}.topbar p{margin:5px 0 0;color:var(--muted)}.clock{margin-left:auto;color:var(--cyan);font-weight:700}.menu{display:none;background:var(--panel);color:#fff;border:1px solid var(--line);border-radius:10px;padding:9px}.hero{background:linear-gradient(120deg,rgba(15,46,81,.95),rgba(5,20,38,.98));border:1px solid #21466d;border-radius:22px;padding:26px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);margin-bottom:20px}.hero h2{margin:5px 0 8px;font-size:25px}.hero p{margin:0;color:#a9c3dc}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--cyan);font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.stat span,.stat small{display:block;color:var(--muted)}.stat strong{display:block;font-size:25px;margin:8px 0}.tank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.tank-card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:20px;padding:22px;display:grid;grid-template-columns:180px 1fr;gap:24px;box-shadow:var(--shadow)}.tank-visual{position:relative;width:150px;height:230px;border:6px solid #58708c;border-top-width:10px;border-radius:12px 12px 22px 22px;overflow:hidden;background:#04101e;margin:auto}.water{position:absolute;inset:auto 0 0;height:0;background:linear-gradient(180deg,#32c8ff,#0876d8);transition:height .6s}.water:before{content:"";position:absolute;top:-7px;left:-10%;width:120%;height:16px;background:rgba(160,242,255,.5);border-radius:50%}.tank-level{position:absolute;inset:0;display:grid;place-items:center;font-size:30px;font-weight:900;text-shadow:0 2px 8px #000}.tank-info h3{font-size:22px;margin:0 0 8px}.tank-info .state{color:var(--cyan);font-weight:700}.tank-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}.tank-meta div{background:#061324;border:1px solid #18314d;border-radius:12px;padding:10px}.tank-meta small{display:block;color:var(--muted)}.float-row{display:flex;gap:7px;flex-wrap:wrap}.float-dot{padding:5px 8px;border-radius:8px;background:#0a192a;color:var(--muted);font-size:11px;border:1px solid var(--line)}.float-dot.on{background:rgba(46,229,157,.12);color:var(--green);border-color:rgba(46,229,157,.4)}.grid{display:grid;gap:18px;margin-bottom:18px}.grid.two{grid-template-columns:1fr 1fr}.panel{background:rgba(8,21,38,.95);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.panel.compact{padding:17px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-head h3{margin:0}.panel-head a{color:var(--cyan);text-decoration:none;font-size:13px}.badge,.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#10263f;color:#b9d4ed;font-size:11px}.badge.ok,.pill.ok{background:rgba(46,229,157,.13);color:var(--green)}.badge.warn,.pill.warning{background:rgba(255,204,102,.13);color:var(--yellow)}.pill.critical{background:rgba(255,93,115,.13);color:var(--red)}.equipment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.equipment{padding:13px;background:#061425;border:1px solid var(--line);border-radius:12px}.equipment.on{border-color:rgba(46,229,157,.5);box-shadow:inset 0 0 20px rgba(46,229,157,.05)}.equipment strong,.equipment small{display:block}.equipment small{color:var(--muted);margin-top:5px}.list-row{display:flex;justify-content:space-between;align-items:center;padding:11px;border-bottom:1px solid rgba(26,49,80,.55)}.list-row:last-child{border:0}.list-row small{display:block;color:var(--muted);margin-top:3px}.empty,.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.span-2{grid-column:span 2}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fields label,.check{display:grid;gap:7px;color:#aec3d8;font-size:13px}.fields .full{grid-column:span 2}.fields input,.fields select,.fields textarea{width:100%;background:#04101e;color:#fff;border:1px solid #21405f;border-radius:10px;padding:11px;outline:none}.fields input:focus,.fields select:focus,.fields textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(25,183,255,.1)}textarea{min-height:90px}.checks{display:grid;gap:12px;margin:15px 0}.checks.inline{display:flex;flex-wrap:wrap;gap:14px}.checks label,.check{display:flex;align-items:center;gap:8px}.btn{border:0;border-radius:11px;padding:11px 16px;font-weight:800;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--primary),#0976d4);color:#00111f}.btn.danger{background:linear-gradient(135deg,#ff5d73,#c72d48);color:#fff}.btn.warn{background:linear-gradient(135deg,var(--yellow),#e99a20);color:#241600}.btn.big{padding:15px 22px}.actions{display:flex;justify-content:flex-end}.warning,.toast{padding:14px 16px;border-radius:12px;margin-bottom:18px}.warning{background:rgba(255,204,102,.1);border:1px solid rgba(255,204,102,.25);color:#ffe2a6}.toast.success{background:rgba(46,229,157,.1);border:1px solid rgba(46,229,157,.3);color:var(--green)}.manual-actions{display:flex;gap:10px;flex-wrap:wrap}.meta{display:grid;gap:5px;color:var(--muted);font-size:12px;margin:14px 0}.switch-list{display:grid;gap:9px}.switch-row{display:flex;justify-content:space-between;background:#061425;border:1px solid var(--line);padding:12px;border-radius:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:13px}th{color:#8fa8c2;font-size:11px;text-transform:uppercase}.mini{border:1px solid var(--line);background:#10243a;color:#fff;border-radius:8px;padding:7px;cursor:pointer}.mini.danger{color:var(--red)}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.tank-grid,.grid.two,.cards{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main{margin-left:0;width:100%;padding:18px}.menu{display:block}.topbar h1{font-size:21px}.clock{display:none}.hero{align-items:flex-start;gap:18px;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.tank-card{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.fields .full,.span-2{grid-column:auto}.form-grid{grid-template-columns:1fr}}

/* Acesso e perfis */
.nav-section{margin:15px 12px 5px;color:#607f9e;font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.user-foot{align-items:center}.user-foot div{min-width:0}.user-foot strong,.user-foot small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-foot strong{color:#dcecff;font-size:13px}.user-foot small{margin-top:3px;color:var(--muted);font-size:11px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:11px}.topbar-actions .clock{margin-left:0}.account-link,.logout-link{display:inline-flex;align-items:center;text-decoration:none;border-radius:9px;padding:8px 10px;font-size:12px;font-weight:700}.account-link{color:#c6ddf4;border:1px solid var(--line);background:#071528}.logout-link{color:#ff9aaa;border:1px solid rgba(255,93,115,.25);background:rgba(255,93,115,.06)}
.login-body{min-height:100vh;overflow:auto;display:grid;place-items:center;padding:28px;position:relative}.login-glow{position:fixed;border-radius:50%;filter:blur(20px);pointer-events:none}.login-glow-one{width:420px;height:420px;right:-140px;top:-160px;background:rgba(25,183,255,.14)}.login-glow-two{width:360px;height:360px;left:-140px;bottom:-170px;background:rgba(46,229,157,.08)}.login-shell{width:min(1040px,100%);min-height:590px;display:grid;grid-template-columns:1.15fr .85fr;border:1px solid #1c3f61;border-radius:28px;overflow:hidden;background:rgba(4,14,29,.95);box-shadow:0 35px 100px rgba(0,0,0,.5);position:relative;z-index:1}.login-brand-panel{padding:48px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 20% 20%,rgba(25,183,255,.16),transparent 35%),linear-gradient(145deg,#0b2340,#04101f)}.login-brand{padding:0}.login-brand-panel h1{font-size:43px;line-height:1.05;margin:15px 0 18px;max-width:520px}.login-brand-panel p{color:#9bb5ce;line-height:1.65;max-width:520px}.login-status{color:#9bb5ce;font-size:13px;display:flex;align-items:center;gap:9px}.login-card{padding:50px 44px;display:flex;flex-direction:column;justify-content:center;background:rgba(7,20,37,.95)}.login-card-head small{color:var(--cyan);letter-spacing:2px;font-weight:800}.login-card-head h2{font-size:30px;margin:10px 0 6px}.login-card-head p{margin:0 0 25px;color:var(--muted)}.login-form{display:grid;gap:18px}.login-form label{display:grid;gap:8px;color:#b7cce0;font-size:13px}.login-form input{width:100%;background:#020b16;color:#fff;border:1px solid #264968;border-radius:12px;padding:14px;outline:none}.login-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(25,183,255,.12)}.login-submit{margin-top:5px;padding:14px}.profile-summary{display:flex;align-items:center;gap:18px}.profile-avatar{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;font-size:29px;font-weight:900;color:#00111f;background:linear-gradient(145deg,var(--cyan),var(--primary))}.profile-summary h3{margin:0 0 4px;font-size:22px}.profile-summary p{margin:0 0 10px;color:var(--muted)}.permission-box{margin-top:22px;padding:15px;border-radius:12px;background:#061425;border:1px solid var(--line);color:#a9c2d9;line-height:1.5}.profile-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.profile-rule{display:flex;gap:16px;align-items:center}.profile-rule h3{margin:0 0 5px}.profile-rule p{margin:0;color:var(--muted)}.profile-number{width:48px;height:48px;flex:0 0 48px;border-radius:14px;display:grid;place-items:center;background:#0c2b49;color:var(--cyan);font-weight:900;font-size:20px;border:1px solid #205078}.user-cards{margin-top:18px}.user-card .panel-head small{color:var(--muted)}.user-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;padding:10px 0;border-top:1px solid var(--line)}
@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-brand-panel{min-height:300px;padding:32px}.login-brand-panel h1{font-size:33px}.login-card{padding:36px 30px}.profile-cards{grid-template-columns:1fr}}@media(max-width:760px){.topbar-actions{margin-left:auto}.account-link{display:none}.logout-link{padding:7px 9px}.user-meta{flex-direction:column}.login-body{padding:14px}.login-brand-panel{min-height:260px}.login-card{padding:30px 22px}}
.ultrasonic-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:10px 0 12px;padding:9px 10px;border-radius:10px;background:#061425;border:1px solid var(--line)}
.ultrasonic-row .muted{font-size:11px}

/* Identidade visual com logo oficial */
.brand-logo-image{display:block;width:86px;height:54px;object-fit:contain;object-position:center;flex:0 0 auto;filter:drop-shadow(0 10px 24px rgba(25,183,255,.16))}.login-logo-image{width:152px;height:96px}.login-brand{align-items:center}.login-brand>div:last-child{margin-left:-4px}

/* Caixa d'água central */
.stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.reservoir-section{margin-bottom:20px;padding:22px;border:1px solid rgba(85,230,255,.25);border-radius:22px;background:linear-gradient(135deg,rgba(7,34,59,.96),rgba(5,20,38,.98));box-shadow:var(--shadow)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{margin:4px 0 5px;font-size:22px}.section-heading p{margin:0;color:var(--muted)}.compact-heading{margin:4px 0 12px}.central-tank-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.central-reservoir-card{grid-template-columns:220px minmax(0,1fr);border-color:rgba(85,230,255,.36);background:linear-gradient(145deg,#0b2138,#071526)}.central-tank-visual{width:190px;height:260px;border-color:#69a9c9}.tank-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.tank-title-row h3{margin-top:4px}.central-config-card{grid-column:span 2;border-color:rgba(85,230,255,.35);background:linear-gradient(145deg,rgba(10,34,57,.98),rgba(7,21,38,.98))}

@media(max-width:1100px){.central-config-card{grid-column:auto}}
@media(max-width:760px){.brand-logo-image{width:74px;height:46px}.login-logo-image{width:132px;height:82px}.central-reservoir-card{grid-template-columns:1fr}.central-tank-visual{width:165px;height:240px}.tank-title-row{flex-direction:column}.section-heading{align-items:flex-start;flex-direction:column}}

/* Alternância de modo no dashboard */
.hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.hero-actions .btn{min-width:178px}.btn:disabled{cursor:not-allowed;opacity:.55;filter:saturate(.55)}@media(max-width:760px){.hero-actions{width:100%;display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%;min-width:0}}

/* Agendamentos operacionais v1.6.0 */
.schedule-hero{gap:28px}.schedule-mode-card{min-width:220px;padding:16px 18px;border:1px solid rgba(85,230,255,.22);border-radius:16px;background:rgba(2,9,20,.35)}.schedule-mode-card small,.schedule-mode-card strong{display:block}.schedule-mode-card small{color:var(--muted)}.schedule-mode-card strong{font-size:22px;margin:5px 0 13px}.btn.secondary{background:#0c2945;color:#dff5ff;border:1px solid #23577e;text-decoration:none;display:inline-flex;justify-content:center}.schedule-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.schedule-create{margin-bottom:20px}.schedule-create>summary,.schedule-edit>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px}.schedule-create>summary::-webkit-details-marker,.schedule-edit>summary::-webkit-details-marker{display:none}.schedule-create>summary strong{display:block;font-size:19px;margin-top:4px}.schedule-create>summary b{font-size:26px;color:var(--cyan)}.schedule-form{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.schedule-main-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.schedule-form label small{color:var(--muted);font-size:10px;line-height:1.4}.input-unit{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.input-unit input{border-radius:10px 0 0 10px!important}.input-unit span{height:100%;display:grid;place-items:center;padding:0 12px;color:var(--muted);border:1px solid #21405f;border-left:0;border-radius:0 10px 10px 0;background:#07182a}.schedule-days{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0}.schedule-days>span{margin-right:5px;color:#aec3d8;font-size:13px}.schedule-days label{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#061425;color:#b9cde0;font-size:12px}.schedule-options{margin-top:17px;padding:17px;border:1px solid var(--line);border-radius:15px;background:rgba(4,16,30,.52)}.section-title-inline{margin-bottom:14px}.section-title-inline h4{margin:4px 0 0;font-size:16px}.schedule-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.schedule-checks label{padding:10px;border:1px solid rgba(26,49,80,.8);border-radius:10px;background:#061425}.danger-check{color:#ffd0d7!important;border-color:rgba(255,93,115,.24)!important}.schedule-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.schedule-card{min-width:0}.schedule-card.disabled-card{opacity:.72}.schedule-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.schedule-card-head h3{margin:5px 0 7px;font-size:20px}.schedule-card-head p{margin:0;color:var(--muted);line-height:1.45}.schedule-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:17px 0}.schedule-summary-grid>div{min-width:0;padding:10px;border-radius:11px;border:1px solid var(--line);background:#061425}.schedule-summary-grid small,.schedule-summary-grid strong{display:block}.schedule-summary-grid small{color:var(--muted);font-size:10px}.schedule-summary-grid strong{margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.schedule-last-error{margin:10px 0;padding:10px 12px;border-radius:10px;background:rgba(255,204,102,.08);border:1px solid rgba(255,204,102,.18);color:var(--yellow);font-size:12px}.schedule-actions{display:flex;gap:8px;flex-wrap:wrap}.schedule-actions form{margin:0}.small-button{border:1px solid #245071;border-radius:9px;background:#0a2540;color:#dff4ff;padding:8px 10px;font-weight:750;font-size:11px;cursor:pointer}.small-button:hover{border-color:var(--cyan)}.small-button.danger{color:#ff9dac;border-color:rgba(255,93,115,.35);background:rgba(255,93,115,.08)}.schedule-edit{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.schedule-edit>summary{color:var(--cyan);font-size:12px}.schedule-history{margin-bottom:25px}.table{overflow:auto}.status-pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;background:#10263f;color:#b9d4ed}.status-pill.success{background:rgba(46,229,157,.12);color:var(--green)}.status-pill.warning{background:rgba(255,204,102,.12);color:var(--yellow)}.status-pill.danger{background:rgba(255,93,115,.12);color:var(--red)}.notice{padding:13px 15px;border-radius:12px;margin-bottom:16px}.notice.success{background:rgba(46,229,157,.1);border:1px solid rgba(46,229,157,.28);color:var(--green)}.notice.warning{background:rgba(255,204,102,.1);border:1px solid rgba(255,204,102,.28);color:var(--yellow)}.notice.danger{background:rgba(255,93,115,.1);border:1px solid rgba(255,93,115,.28);color:var(--red)}[hidden]{display:none!important}
@media(max-width:1180px){.schedule-main-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-list{grid-template-columns:1fr}}
@media(max-width:760px){.schedule-mode-card{width:100%;min-width:0}.schedule-main-fields,.schedule-summary-grid,.schedule-checks,.schedule-kpis{grid-template-columns:1fr}.schedule-days{align-items:stretch}.schedule-days>span{width:100%}.schedule-days label{flex:1 1 80px}.schedule-actions{display:grid;grid-template-columns:1fr 1fr}.schedule-actions form,.schedule-actions button{width:100%}}
.mode-picker{display:flex;gap:8px;align-items:stretch}.mode-picker select{min-width:145px;border:1px solid #315b7e;border-radius:11px;background:#07182a;color:var(--text);padding:10px 12px;font-weight:750}.mode-picker select:disabled{opacity:.6}.mode-explanation{display:grid;gap:8px;margin:15px 0;padding:13px;border:1px solid var(--line);border-radius:12px;background:#061425}.mode-explanation p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.mode-explanation strong{color:var(--text)}
@media(max-width:760px){.mode-picker{display:grid;grid-template-columns:1fr;width:100%}.mode-picker select,.mode-picker button{width:100%}}

/* Modo de operação e limites obrigatórios v1.7.0 */
.mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.mode-option{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:15px;border:1px solid var(--line);border-radius:14px;background:#061425;cursor:pointer}.mode-option:has(input:checked){border-color:var(--cyan);box-shadow:0 0 0 1px rgba(85,230,255,.25),inset 0 0 24px rgba(25,183,255,.06)}.mode-option input{margin-top:3px}.mode-option strong,.mode-option small{display:block}.mode-option small{margin-top:5px;color:var(--muted);line-height:1.4}.safety-flow{margin:16px 0;padding:15px;border:1px solid rgba(46,229,157,.26);border-radius:14px;background:rgba(46,229,157,.07);color:#c9f9e7;line-height:1.55}.safety-flow strong{color:var(--green)}@media(max-width:1100px){.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.mode-grid{grid-template-columns:1fr}}