:root{
  --nav:#002f5f;--nav2:#004b86;--nav3:#0067b1;--blue:#0067b1;--blue2:#0088d1;--cyan:#00a7e1;--green:#0a9f67;--red:#d83b54;--amber:#d98a00;
  --bg:#eef5fb;--card:#fff;--ink:#10263b;--ink2:#203d57;--muted:#6d8194;--line:#dbe8f2;--soft:#f5f9fc;--shadow:0 14px 38px rgba(0,63,110,.09);
}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.app{min-height:100vh}.side{position:fixed;inset:0 auto 0 0;width:278px;background:linear-gradient(180deg,var(--nav) 0%,#003d72 48%,var(--nav2) 100%);color:#d9e9f8;z-index:60;display:flex;flex-direction:column;box-shadow:15px 0 50px rgba(0,47,95,.12)}
.sideBrand{display:flex;align-items:center;gap:12px;padding:22px 18px 14px;color:#fff}.sideBrand strong{display:block;font-size:17px;letter-spacing:.05em}.sideBrand small{display:block;font-size:9px;letter-spacing:.16em;color:#9fd4f4;margin-top:2px;font-weight:800}.sideLogo{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#009be0,#0067b1);display:grid;place-items:center;color:#fff;font-weight:950;font-size:20px;box-shadow:0 8px 24px rgba(0,155,224,.26)}
.sideStatus{margin:0 14px 10px;padding:11px 12px;border-radius:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center}.sideStatus b{display:block;color:#fff;font-size:11px}.sideStatus small{display:block;font-size:9px;color:#a9c8df;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.statusDot{display:inline-block;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.08)}.statusDot.on{background:#24d38b}.statusDot.off{background:#ff6278}
.navScroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 12px 18px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.navScroll::-webkit-scrollbar{width:6px}.navScroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:999px}.navLabel{font-size:9px;text-transform:uppercase;letter-spacing:1.45px;color:#82afd0;padding:17px 10px 7px;font-weight:900}.snav{display:grid;gap:4px}.snav a{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;font-size:12.5px;font-weight:760;color:#d8e8f6;border:1px solid transparent;transition:.16s}.snav a:hover{background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.06);transform:translateX(1px)}.snav a.active{background:#fff;color:#004e89;box-shadow:0 7px 20px rgba(0,28,61,.16);border-color:#fff}.navIco{width:32px;height:32px;border-radius:10px;background:rgba(0,167,225,.16);display:grid;place-items:center;color:#bfeeff;font-size:11px;font-weight:950;letter-spacing:-.02em}.snav a.active .navIco{background:#e5f5fd;color:#0067b1}.navText{min-width:0;line-height:1.2}.navBadge{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:9px;font-weight:900}.snav a.active .navBadge{background:#e7f4fb;color:#0067b1}.snav.external a{color:#c5dced}.sideFoot{padding:12px 15px;border-top:1px solid rgba(255,255,255,.09)}.sideFoot a{display:block;padding:10px 12px;border-radius:10px;text-align:center;background:rgba(255,255,255,.07);font-size:11px;font-weight:850;color:#fff}.sideFoot a:hover{background:rgba(255,255,255,.12)}
.main{margin-left:278px;min-height:100vh}.top{height:76px;background:rgba(255,255,255,.96);backdrop-filter:blur(13px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;display:flex;align-items:center;padding:0 28px;gap:16px;box-shadow:0 5px 18px rgba(0,62,105,.035)}.menuBtn{display:none;border:1px solid var(--line);background:#f4f9fc;color:#005596;width:42px;height:42px;border-radius:12px;font-size:18px}.topTitle{display:flex;flex-direction:column;gap:2px}.topTitle .crumb{font-size:9px;letter-spacing:.12em;color:#7b93a8;font-weight:900}.topTitle b{font-size:15px;color:#11324d}.topRight{margin-left:auto;display:flex;gap:9px;align-items:center}.pill{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:11px;font-weight:850;color:#23465f}.adminName{font-size:11px;font-weight:850;color:#31546d;padding:0 3px}.logout{padding:9px 13px;border-radius:10px;background:#edf5fb;color:#005a99;font-size:11px;font-weight:900}.logout:hover{background:#0067b1;color:#fff}
.content{padding:24px 28px 42px;max-width:1680px;margin:0 auto}.pageHero{min-height:142px;border-radius:23px;background:linear-gradient(118deg,#003d72 0%,#0067b1 58%,#008fd2 100%);color:#fff;padding:24px 26px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:18px;align-items:center;margin-bottom:18px;box-shadow:0 17px 45px rgba(0,78,139,.2);position:relative;overflow:hidden}.pageHero:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-150px;top:-210px;border:50px solid rgba(255,255,255,.07)}.pageHeroIcon{width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;font-size:19px;font-weight:950;z-index:1}.pageHeroText,.pageActions{z-index:1}.eyebrow{display:inline-block;font-size:9px;letter-spacing:.16em;font-weight:950;color:#aee7ff;margin-bottom:4px}.pageHero h1{margin:0;font-size:25px;line-height:1.2}.pageHero p{margin:6px 0 0;color:#d7effc;font-size:12px;max-width:760px;line-height:1.6}.pageActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pageHero .btn.soft{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16);color:#fff}.pageHero .btn.soft:hover{background:#fff;color:#0067b1}.pageHero .btn.primary{background:#fff;color:#005c9e}.pageHero .btn.primary:hover{background:#dff4ff}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.metrics.mini{margin-top:0}.metric{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(0,60,105,.05);position:relative;overflow:hidden}.metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#78c7ec}.metric.strongBlue:before{background:#0067b1}.metricTop{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.metric small{color:var(--muted);font-weight:800;font-size:11px}.micon{width:39px;height:39px;border-radius:12px;background:#e8f5fc;color:#0067b1;display:grid;place-items:center;font-weight:950}.metric strong{display:block;font-size:25px;margin-top:9px;color:#11334f;line-height:1.1}.metric .smallStrong{font-size:15px;word-break:break-word}.trend{font-size:10.5px;color:var(--green);font-weight:900}.sub{font-size:11.5px;color:var(--muted);line-height:1.5}.grid2{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.grid2.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:19px;box-shadow:0 8px 25px rgba(0,56,96,.045);margin-bottom:16px}.accentCard{border-top:4px solid #0067b1}.cardHead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.headActions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.headActions form{margin:0;display:inline-flex}.card h2{font-size:16px;margin:0;color:#153751}.cardTag{padding:6px 9px;border-radius:999px;background:#e8f5fc;color:#0067b1;font-size:9px;font-weight:950;letter-spacing:.05em}.search{display:flex;gap:9px}.input,textarea,select{width:100%;border:1px solid #cfe0ec;border-radius:11px;padding:10px 11px;background:#fff;color:var(--ink);outline:none;transition:.15s}label{display:block;margin:10px 0 5px;color:#436077;font-size:10.5px;font-weight:850}.input:focus,textarea:focus,select:focus{border-color:#008bd0;box-shadow:0 0 0 3px rgba(0,139,208,.1)}textarea{min-height:110px;resize:vertical;line-height:1.55}.btn{border:0;border-radius:10px;padding:10px 13px;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;transition:.15s}.btn.primary{background:linear-gradient(135deg,#0067b1,#008ad0);color:#fff}.btn.primary:hover{background:linear-gradient(135deg,#005590,#0077b7);box-shadow:0 6px 18px rgba(0,103,177,.18)}.btn.soft{background:#edf5fa;color:#24536f}.btn.soft:hover{background:#dceef8;color:#004f88}.btn.danger{background:#fff0f2;color:#bf2943;border:1px solid #ffd8df}.btn.danger:hover{background:#d83b54;color:#fff}.btn.small{padding:7px 9px;font-size:10px}.btn.full{width:100%;margin-top:10px;padding:12px}.buttonRow{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}.inlineForm{display:inline;margin:0}.tableWrap{overflow:auto;border:1px solid #e5eef5;border-radius:13px}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{padding:11px 10px;border-bottom:1px solid #eaf0f5;text-align:left;font-size:11.5px;vertical-align:top}.table th{color:#537088;font-size:9px;text-transform:uppercase;letter-spacing:.65px;background:#f5f9fc;position:sticky;top:0}.table tbody tr:hover{background:#f3f9fd;color:#10263b}.messageCell{max-width:430px;white-space:pre-wrap;word-break:break-word}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#e7f7f0;color:#087450;font-size:9px;font-weight:950;letter-spacing:.025em}.badge.blue{background:#e8f3fc;color:#005fa5}.badge.red{background:#fff0f2;color:#bc3048}.memberResult{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:14px}.memberCard{border:1px solid #dce8f1;border-radius:14px;padding:14px;background:#fff}.memberCardTop{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}.memberCard h3{margin:10px 0 5px;font-size:15px}.memberMeta{font-size:11px;color:var(--muted);line-height:1.65}.list{display:grid;gap:10px}.activity{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:start;padding-bottom:10px;border-bottom:1px solid #edf2f6}.activity:last-child{border-bottom:0;padding-bottom:0}.bubble{width:35px;height:35px;border-radius:11px;background:#e8f4fb;color:#0067b1;display:grid;place-items:center;font-size:10px;font-weight:950}.activity b{font-size:11.5px}.activity p{font-size:10.5px;color:var(--muted);margin:2px 0;line-height:1.45}.activity time{font-size:9.5px;color:#8fa0af}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.tabs a{padding:7px 10px;border-radius:9px;background:#edf3f7;color:#4a687e;font-size:10px;font-weight:850}.tabs a.active{background:#0067b1;color:#fff}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.notice{padding:12px 14px;border-radius:12px;margin-bottom:14px;font-size:11.5px;font-weight:750;line-height:1.55;border:1px solid transparent}.notice.success,.notice:not(.err):not(.info){background:#e8f7f0;color:#08724f;border-color:#cceee0}.notice.err{background:#fff0f2;color:#b92e46;border-color:#ffd6de}.notice.info{background:#edf7fd;color:#174d70;border-color:#d3ecfa}.quickGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quickGrid a{border:1px solid #dce9f2;border-radius:12px;padding:12px;background:#f8fbfd;transition:.15s}.quickGrid a:hover{border-color:#9dd7f3;background:#eef8fd;transform:translateY(-1px)}.quickGrid b{display:block;font-size:12px;color:#0067b1}.quickGrid span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.statusList{display:grid;gap:8px}.statusList>div{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:9px 0;border-bottom:1px solid #edf2f6}.statusList>div:last-child{border-bottom:0}.statusList span{font-size:10.5px;color:var(--muted)}.statusList b{font-size:11px;color:#193c55;max-width:65%;text-align:right;word-break:break-word}.switchCard{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;border:1px solid #dbe8f1;padding:13px;border-radius:13px;margin:0 0 13px;background:#f8fbfd}.switchCard input{position:absolute;opacity:0}.switchVisual{width:43px;height:24px;border-radius:999px;background:#b7c7d4;position:relative;transition:.18s}.switchVisual:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 2px 5px rgba(0,0,0,.15);transition:.18s}.switchCard input:checked + .switchVisual{background:#0aa16b}.switchCard input:checked + .switchVisual:after{left:22px}.switchCard b{display:block;font-size:12px}.switchCard small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.fieldInfo{border:1px solid #dce9f2;background:#f8fbfd;border-radius:10px;padding:9px 10px;display:flex;justify-content:space-between;gap:10px;align-items:center;margin:6px 0 10px;font-size:10.5px}.fieldInfo span{color:var(--muted)}.fieldInfo b{color:#234b68;text-align:right;word-break:break-word}.fieldHint{font-size:10px;color:var(--muted);margin:5px 0 10px}.checkField{display:flex;align-items:end;padding-bottom:8px}.checkField label,.checkboxLine{display:flex;align-items:center;gap:7px;margin:0}.checkField input,.checkboxLine input{width:auto}.endpoint{border:1px solid #dbe9f3;background:#f7fbfd;border-radius:11px;padding:10px;margin:8px 0 11px;display:grid;gap:5px}.endpoint.big{grid-template-columns:1fr auto;align-items:center}.endpoint.big small{grid-column:1/-1}.endpoint small{font-size:9px;font-weight:900;color:#6c8294;letter-spacing:.05em}.endpoint code{font-size:10.5px;color:#005d9e;word-break:break-all}.copyBtn{border:0;border-radius:8px;background:#e5f3fb;color:#005e9f;padding:7px 9px;font-size:9px;font-weight:900;cursor:pointer}.copyBtn:hover{background:#0067b1;color:#fff}.codeBox{white-space:pre-wrap;word-break:break-word;background:#0a1f31;color:#d7eafa;border-radius:12px;padding:14px;max-height:420px;overflow:auto;font-size:10.5px;line-height:1.5}.logList{display:grid;gap:7px;max-height:520px;overflow:auto}.logList pre{margin:0;background:#f5f9fc;border:1px solid #e4edf4;border-radius:9px;padding:9px;font-size:9.5px;white-space:pre-wrap;word-break:break-all;color:#36536a}.checkList{display:grid;gap:9px}.checkList>div{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid #e0ebf3;border-radius:12px;background:#fbfdfe}.checkList>div>span{width:38px;height:38px;border-radius:11px;background:#e6f5fc;color:#0067b1;display:grid;place-items:center;font-size:10px;font-weight:950}.checkList p{margin:0}.checkList b{display:block;font-size:11.5px}.checkList small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.unknownGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.unknownCard blockquote{margin:10px 0;padding:10px 11px;border-left:3px solid #00a7e1;background:#f4fafd;border-radius:0 9px 9px 0;font-size:11.5px;line-height:1.55}.knowledgeGrid{align-items:start}.knowledgeCard{margin-bottom:11px}.stickyCard{position:sticky;top:94px}.templateGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.filterBar{display:grid;grid-template-columns:180px minmax(0,1fr) auto auto;gap:8px}.healthGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.healthItem{display:grid;grid-template-columns:36px 1fr;gap:8px;align-items:center;padding:11px;border-radius:12px;border:1px solid #e0ebf3}.healthItem>span{grid-row:1/3;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:950}.healthItem b{font-size:11px}.healthItem small{font-size:9.5px;color:var(--muted)}.healthItem.ok{background:#f3fbf7}.healthItem.ok>span{background:#dff5ea;color:#087450}.healthItem.bad{background:#fff6f7}.healthItem.bad>span{background:#ffe2e7;color:#bd3048}.emptyState{padding:22px 12px;text-align:center;color:#8092a1;font-size:11px;border:1px dashed #dbe7ef;border-radius:11px;background:#fafcfd}.emptyState.large{padding:38px 16px;margin-top:14px}.overlay{display:none}
.loginPage{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 12%,#007cc1 0,transparent 28%),radial-gradient(circle at 86% 78%,#005793 0,transparent 25%),linear-gradient(135deg,#001e3b,#004a82);padding:20px}.loginBox{width:min(435px,100%);background:#fff;border-radius:24px;padding:30px;box-shadow:0 30px 90px rgba(0,27,55,.32);border:1px solid rgba(255,255,255,.3)}.loginBrand{display:flex;gap:10px;align-items:center;font-weight:950;font-size:18px;margin-bottom:18px;color:#10324c}.loginBrand .sideLogo{flex:0 0 auto}.loginBox h1{font-size:25px;margin:0 0 7px}.loginBox p{color:var(--muted);font-size:12px;line-height:1.6;margin-bottom:18px}.loginLinks{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:10.5px;font-weight:850;color:#0067b1}
@media(max-width:1180px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2,.grid2.equal{grid-template-columns:1fr}.stickyCard{position:static}.templateGrid{grid-template-columns:1fr}}
@media(max-width:860px){.side{transform:translateX(-100%);transition:.22s}.side.open{transform:none}.main{margin-left:0}.menuBtn{display:block}.overlay.show{display:block;position:fixed;inset:0;background:rgba(0,27,53,.42);z-index:50}.content{padding:16px}.top{padding:0 15px;height:70px}.pageHero{grid-template-columns:48px 1fr;padding:20px}.pageHeroIcon{width:48px;height:48px}.pageActions{grid-column:1/-1;justify-content:flex-start}.pageHero h1{font-size:21px}.formGrid,.memberResult,.unknownGrid,.healthGrid{grid-template-columns:1fr}.filterBar{grid-template-columns:1fr 1fr}.filterBar .input:nth-child(3){grid-column:1/-1}.adminName{display:none}}
@media(max-width:560px){.metrics,.metrics.mini{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:14px}.metric strong{font-size:20px}.content{padding:11px}.pageHero{border-radius:17px;margin-bottom:12px}.pageHeroIcon{display:none}.pageHero{grid-template-columns:1fr}.pageActions{grid-column:1}.card{border-radius:15px;padding:14px}.search{display:grid}.topTitle .crumb,.pill{display:none}.topTitle b{font-size:13px}.topRight{gap:5px}.logout{padding:8px 10px}.filterBar{grid-template-columns:1fr}.templateGrid{grid-template-columns:1fr}.endpoint.big{grid-template-columns:1fr}.endpoint.big small{grid-column:1}.quickGrid{grid-template-columns:1fr 1fr}}

/* Wablas connection monitor V17.2 */
.wablasConnection{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:15px;align-items:center;padding:18px 20px;border-radius:18px;margin-bottom:16px;border:1px solid #d7e7f2;background:linear-gradient(135deg,#f6fbfe,#edf6fb);box-shadow:0 8px 24px rgba(0,66,110,.05)}
.wablasConnection.connected{background:linear-gradient(135deg,#eaf9f2,#f8fffb);border-color:#bcead5}.wablasConnection.disconnected{background:linear-gradient(135deg,#fff2f4,#fff9fa);border-color:#ffcbd5}.wablasConnection.server_error,.wablasConnection.not_configured{background:linear-gradient(135deg,#fff7ea,#fffdf8);border-color:#f2d4a1}
.connectionIcon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:#e3f2fb;color:#0067b1;font-size:16px;font-weight:950}.wablasConnection.connected .connectionIcon{background:#d8f4e7;color:#087450}.wablasConnection.disconnected .connectionIcon{background:#ffe1e7;color:#bd3048}.wablasConnection.server_error .connectionIcon,.wablasConnection.not_configured .connectionIcon{background:#fff0cf;color:#a46a00}
.connectionText span{font-size:9px;letter-spacing:.12em;font-weight:950;color:#7690a4}.connectionText h2{margin:2px 0 4px;font-size:20px;color:#153751}.connectionText p{margin:0;color:#5f778a;font-size:11.5px;line-height:1.5}.qrShell{display:grid;place-items:center;padding:16px;border:1px solid #dce9f2;border-radius:16px;background:repeating-conic-gradient(#f6fafd 0 25%,#fff 0 50%) 50%/18px 18px}.qrShell img{display:block;width:min(100%,420px);aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,47,95,.09)}.scanCard{border-top:4px solid #d83b54}.connectedCard{border-top:4px solid #0a9f67}
@media(max-width:700px){.wablasConnection{grid-template-columns:48px 1fr}.wablasConnection .btn{grid-column:1/-1}.connectionIcon{width:48px;height:48px}.connectionText h2{font-size:17px}.qrShell{padding:10px}}

/* Wablas central configuration V17.3 */
.wablasConfigCard{border-top:4px solid #0067b1}.wablasConfigCard .formGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.helpText{display:block;margin-top:5px;font-size:9.5px;line-height:1.45;color:#74899a}.inputWithAction{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.inputWithAction .btn{white-space:nowrap}.wablasConfigCard code{word-break:break-all}.wablasConfigCard input[readonly]{background:#f4f8fb;color:#31556e}
@media(max-width:760px){.wablasConfigCard .formGrid{grid-template-columns:1fr}.inputWithAction{grid-template-columns:minmax(0,1fr) auto}}