/* AKIŞ Task V14.19 — cohesive visual and interaction layer.
   Presentation-only: no role, API, offline queue or database behaviour changes. */
:root {
  --a19-navy:#12213d; --a19-ink:#1a304b; --a19-muted:#64748b;
  --a19-blue:#176de8; --a19-blue-dark:#1256c0; --a19-mint:#0f987b;
  --a19-bg:#f4f7fc; --a19-line:#e2eaf3; --a19-focus:#faad45;
  --a19-shadow:0 10px 30px rgba(25,54,93,.055);
  --a19-radius:18px;
  --ink:var(--a19-ink); --muted:var(--a19-muted); --bg:var(--a19-bg);
  --indigo:var(--a19-blue); --line:var(--a19-line);
  --shadow:var(--a19-shadow);
  --akis-accent:var(--a19-blue);
}
html{scroll-padding-top:90px}
body{font-family:Inter,"DM Sans","Manrope","Segoe UI",system-ui,sans-serif;color:var(--a19-ink)}
#app{font-family:inherit;color:var(--a19-ink)}
#app :is(button,input,select,textarea){font-family:inherit}
#app button:not(:disabled),#app [role="button"]{touch-action:manipulation}
#app :is(button,a,input,textarea,select,[tabindex]):focus-visible,
.auth-view :is(button,a,input,textarea,select):focus-visible{
  outline:3px solid var(--a19-focus)!important;outline-offset:3px!important;
}
#app :is(.btn-primary,.btn-secondary,.filter-btn,.nav-btn,.project-link,.icon-btn){transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s}
#app .btn-primary,
#app .v181-network-form .btn-primary{background:linear-gradient(135deg,#2185f9 0%,#1568e7 100%);border-radius:12px;font-weight:800;box-shadow:0 7px 17px rgba(25,104,221,.19);color:white}
#app .btn-primary:hover{background:linear-gradient(135deg,#176fe8,#1159c7);box-shadow:0 9px 22px rgba(25,104,221,.25)}
#app .btn-primary:active{transform:translateY(0);box-shadow:none}
#app .btn-secondary{border:1px solid #dce6f2;border-radius:11px;background:#fff;color:#37516e;min-height:42px}
#app .btn-secondary:hover{border-color:#b5d4f5;color:#165bb7;background:#f3f8ff}
#app :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){border-color:#dce5f0;color:#243a52;background-color:#fff;min-width:0}
#app :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):not([readonly]):focus{
  border-color:#3c91ef!important;box-shadow:0 0 0 4px rgba(43,133,235,.12)!important;outline:0;
}
#app :is(input,textarea)::placeholder{color:#8b9aad}
#app :is(input,textarea)[readonly]{background:#f4f7fb;color:#66788c}
#app .panel,#app .stat-card,#app .v8-block,#app .phase6-card,#app .settings-card{
  border:1px solid var(--a19-line);box-shadow:var(--a19-shadow);
}
#app .panel-head h2,#app .settings-card h2,#app .phase6-card h2{color:#172b47;letter-spacing:-.025em}
#app .eyebrow{color:#2675d7;letter-spacing:.12em}
#app .page-heading h1{color:#172b47;letter-spacing:-.045em;font-weight:850}
#app .page-heading p{color:#63758b;font-size:13px;max-width:680px}
#app .tabs,#app .filter-group{scrollbar-width:thin}
#app :is(.filter-btn,.tabs button){white-space:nowrap}
#app .empty-state{color:#637a94;line-height:1.7}
#app .empty-state h3{color:#253c55}
#app .loading-screen{display:flex;align-items:center;justify-content:center;min-height:35dvh;color:#5b7898;font-size:14px;font-weight:700}
#app .toast{background:#16395b;border:1px solid rgba(255,255,255,.14);color:white;box-shadow:0 18px 45px rgba(13,39,75,.2);border-radius:13px}
#app .modal{box-shadow:0 30px 80px rgba(17,40,78,.2)}
#app .modal-head{border-bottom:1px solid #e9eef5}
#app .modal-foot{border-top:1px solid #e9eef5}
#app .modal-body .field label{color:#334b65;font-size:12px;font-weight:750}
#app .modal-body :is(input,select,textarea){border-radius:11px}
#app .modal-body textarea{min-height:95px;resize:vertical}
#app .small-help,#app .phase6-note{line-height:1.65}
#app .v181-network{background:#fff;border:1px solid #e1ebf6;box-shadow:var(--a19-shadow)}
#app .v181-network-links>div,#app .v181-network-command{background:#f5f9fe}
#app .v181-network-warning{border-left-color:#d39c38}

/* Desktop workspace — precise rhythm, reassuring hierarchy, and legible tables. */
@media(min-width:901px){
  body:has(#app.m149-admin-app){background:var(--a19-bg)!important}
  #app.m149-admin-app{--side:#0d1c34;--side2:#132746;--radius:var(--a19-radius)}
  #app.m149-admin-app .sidebar{
    width:266px;flex-basis:266px;padding:26px 14px 16px;
    background:linear-gradient(165deg,#0e1b34 0%,#142b4b 100%);
    box-shadow:4px 0 24px rgba(25,55,91,.07);
  }
  #app.m149-admin-app .app-content{width:calc(100% - 266px);background:var(--a19-bg)}
  #app.m149-admin-app .brand{margin-bottom:23px;padding-left:10px}
  #app.m149-admin-app .brand-mark{background:linear-gradient(142deg,#24a5f6,#2669de);transform:none;border-radius:13px;box-shadow:0 7px 23px rgba(26,136,238,.27)}
  #app.m149-admin-app .brand-mark svg{transform:none}
  #app.m149-admin-app .brand-title{font-size:20px;letter-spacing:-.025em}
  #app.m149-admin-app .brand-title span{color:#a9d9ff!important}
  #app.m149-admin-app .brand-sub{color:#83a5c8;font-size:9px;letter-spacing:1.8px}
  #app.m149-admin-app .workspace-switch{margin:0 6px 25px;background:rgba(255,255,255,.06);border:1px solid rgba(170,203,247,.12);border-radius:13px;min-height:66px}
  #app.m149-admin-app .ws-name{font-size:12px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}
  #app.m149-admin-app .ws-label{color:#93b5d8;font-size:9px}
  #app.m149-admin-app .nav-group-label{color:#8daaca;font-size:10px;letter-spacing:1.1px;margin-bottom:8px}
  #app.m149-admin-app .nav-section{margin-bottom:22px}
  #app.m149-admin-app :is(.nav-btn,.project-link){font-size:12px;min-height:42px;color:#bfd0e5;border-radius:11px;gap:11px;padding:10px 12px}
  #app.m149-admin-app .nav-btn:hover,#app.m149-admin-app .project-link:hover{color:white;background:rgba(96,154,231,.16);transform:none}
  #app.m149-admin-app .nav-btn.is-active{color:#fff;background:linear-gradient(95deg,#277edb,#2162c5);box-shadow:0 8px 20px rgba(0,33,90,.17)}
  #app.m149-admin-app .nav-btn.is-active:before{display:none}
  #app.m149-admin-app .profile{border-color:rgba(188,211,242,.16)}
  #app.m149-admin-app .profile-role{color:#a3bdd8}
  #app.m149-admin-app .topbar{height:75px;position:sticky;top:0;z-index:19;padding:0 clamp(24px,3vw,48px);background:rgba(255,255,255,.97);box-shadow:0 1px 12px rgba(39,70,112,.035);border-bottom:1px solid #e6edf5}
  #app.m149-admin-app .breadcrumb{font-size:12px;color:#6c829b;min-width:0}
  #app.m149-admin-app .breadcrumb strong{font-size:13px;color:#203b58}
  #app.m149-admin-app .searchbox{min-height:41px;width:clamp(185px,20vw,320px);background:#f7f9fd;border-color:#e5ecf5;border-radius:11px}
  #app.m149-admin-app .top-actions{gap:13px}
  #app.m149-admin-app #main{max-width:1540px;padding:36px clamp(24px,3vw,48px) 75px}
  #app.m149-admin-app .page-heading{margin-bottom:25px;align-items:center}
  #app.m149-admin-app .page-heading h1{font-size:clamp(24px,2vw,30px);line-height:1.23}
  #app.m149-admin-app .page-heading p{margin-top:8px}
  #app.m149-admin-app .hero{border-radius:20px;min-height:211px;padding:28px 36px;box-shadow:0 17px 34px rgba(35,85,171,.13);background:linear-gradient(107deg,#143769 0%,#1c67be 57%,#398bdc 100%)}
  #app.m149-admin-app .hero h2{font-size:30px;line-height:1.25}
  #app.m149-admin-app .hero:after{border-color:rgba(255,255,255,.1)}
  #app.m149-admin-app .stats-grid{gap:18px}
  #app.m149-admin-app .stat-card{min-height:145px;border-radius:18px;padding:21px;box-shadow:0 7px 24px rgba(25,58,100,.035)}
  #app.m149-admin-app .stat-title{color:#637793;font-size:12px}
  #app.m149-admin-app .stat-value{font-size:30px;color:#1a2e4a}
  #app.m149-admin-app .body-grid{gap:20px}
  #app.m149-admin-app :is(.panel,.v8-block,.phase6-card,.settings-card){border-radius:18px}
  #app.m149-admin-app .panel-head{padding:22px 23px 16px}
  #app.m149-admin-app .panel-head h2{font-size:15px}
  #app.m149-admin-app .panel-head p{font-size:11px;color:#72849b}
  #app.m149-admin-app :is(.table-wrap,.v8-table-scroll){border-radius:12px;max-width:100%;overscroll-behavior-x:contain}
  #app.m149-admin-app .simple-table{width:100%}
  #app.m149-admin-app .simple-table thead{background:#f5f8fc}
  #app.m149-admin-app .simple-table th{color:#526783;font-size:11px;letter-spacing:.03em}
  #app.m149-admin-app .simple-table td{color:#334b66;line-height:1.5}
  #app.m149-admin-app .simple-table tbody tr:hover{background:#f8fbff}
  #app.m149-admin-app .v8-toolbar{gap:12px;align-items:end}
  #app.m149-admin-app .v8-toolbar label{font-weight:750;color:#526987}
  #app.m149-admin-app .modal{border-radius:20px;max-width:min(640px,calc(100vw - 40px))}
}
@media(min-width:901px) and (max-width:1180px){
  #app.m149-admin-app .sidebar{width:238px;flex-basis:238px}
  #app.m149-admin-app .app-content{width:calc(100% - 238px)}
  #app.m149-admin-app .topbar{padding-inline:23px}
  #app.m149-admin-app #main{padding:28px 23px 60px}
  #app.m149-admin-app .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #app.m149-admin-app .body-grid{grid-template-columns:minmax(0,1fr)}
  #app.m149-admin-app .searchbox{width:185px}
}

/* Mobile workspace — coherent app-like layout, not a scaled desktop page. */
@media(max-width:900px){
  body:has(#app.m149-member-app){background:#f4f7fc!important}
  #app.m149-member-app{--m149-blue:#176de8;--m149-ink:#1a304b;--m149-muted:#62758d;--m149-line:#e2eaf3;box-shadow:0 0 0 1px #e7eef7;max-width:520px;background:#f5f8fd}
  #app.m149-member-app .app-content{background:#f5f8fd!important}
  #app.m149-member-app #topbar{height:72px!important;min-height:72px!important;padding:11px 18px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e6eef7!important;box-shadow:0 3px 16px rgba(23,67,118,.045)!important}
  #app.m149-member-app .m149-top-left strong{color:#193551;font-size:14px;letter-spacing:-.025em}
  #app.m149-member-app .m149-top-caption{color:#447ba9;font-size:9px;letter-spacing:1.1px}
  #app.m149-member-app #topbar .m149-top-btn{background:#f3f8ff;border:1px solid #e0edfa;color:#2565a6;box-shadow:none;width:41px;height:41px}
  #app.m149-member-app #topbar .m149-top-btn:active{background:#e4f1ff}
  #app.m149-member-app #main{padding:0 18px calc(115px + env(safe-area-inset-bottom))!important;background:transparent}
  #app.m149-member-app .m149-page{padding-top:13px}
  #app.m149-member-app .m149-welcome{
    margin:6px 0 0;min-height:166px;padding:22px 22px 30px;align-items:flex-start;
    border-radius:22px;background:linear-gradient(125deg,#123b76 0%,#176dd1 68%,#2b94ef 100%);
    color:#fff;position:relative;overflow:hidden;
    box-shadow:0 14px 29px rgba(15,85,175,.14);
  }
  #app.m149-member-app .m149-welcome:after{content:"";position:absolute;width:230px;height:230px;right:-95px;top:-105px;border:1px solid rgba(255,255,255,.22);border-radius:50%;pointer-events:none}
  #app.m149-member-app .m149-welcome h1{color:#fff!important;font-size:clamp(24px,6vw,29px)!important;line-height:1.18!important;margin:12px 0 8px!important;letter-spacing:-.045em!important}
  #app.m149-member-app .m149-welcome p{color:#dcecff;font-size:12px;line-height:1.55}
  #app.m149-member-app .m149-kicker{color:#cee6ff;font-size:11px;text-transform:capitalize}
  #app.m149-member-app .m149-avatar{height:43px;width:43px;background:rgba(255,255,255,.18);color:white;border:1px solid rgba(255,255,255,.4);border-radius:14px;z-index:1}
  #app.m149-member-app .a19-progress-card{position:relative;z-index:2;margin:-15px 12px 22px;padding:14px 16px 15px;display:grid;gap:9px;background:#fff;border:1px solid #e8eef5;border-radius:16px;box-shadow:0 8px 20px rgba(15,54,105,.095)}
  #app.m149-member-app .a19-progress-meta{display:flex;justify-content:space-between;gap:12px;align-items:center}
  #app.m149-member-app .a19-progress-meta strong{font-size:12px;color:#2a4461}
  #app.m149-member-app .a19-progress-meta span{font-size:12px;font-weight:850;color:#146bc6}
  #app.m149-member-app .a19-progress-track{height:8px;background:#e9f1f9;border-radius:20px;overflow:hidden}
  #app.m149-member-app .a19-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#17b49c,#2a92e7);border-radius:inherit;transition:width .25s ease}
  #app.m149-member-app .a19-progress-card small{font-size:10px;color:#697f98;line-height:1.35}
  #app.m149-member-app .m149-stats{gap:10px;margin:0 0 24px}
  #app.m149-member-app .m149-stat{min-height:122px;padding:14px 12px!important;border:1px solid #e6eef7!important;border-radius:17px!important;box-shadow:0 5px 17px rgba(30,65,105,.035)}
  #app.m149-member-app .m149-stat strong{font-size:25px;color:#1d3653}
  #app.m149-member-app .m149-stat small{font-size:11px;color:#536b85}
  #app.m149-member-app .m149-stat-icon{width:34px;height:34px;border-radius:11px}
  #app.m149-member-app .m149-section{margin-bottom:25px}
  #app.m149-member-app .m149-section-head{margin-bottom:13px}
  #app.m149-member-app .m149-section h2{font-size:16px!important;color:#1d3450!important}
  #app.m149-member-app .m149-section-head>button{font-size:12px;color:#176bc7;min-height:35px;padding:0 3px}
  #app.m149-member-app .m149-quick{padding:14px 8px;border:1px solid #e7eef7;border-radius:17px;box-shadow:0 5px 18px rgba(30,65,105,.035)}
  #app.m149-member-app .m149-quick>button{gap:9px;min-height:76px;color:#465c77;font-size:11px;font-weight:750;line-height:1.28}
  #app.m149-member-app .m149-quick>button>span{width:46px;height:46px;border-radius:14px}
  #app.m149-member-app .m149-schedule{border:1px solid #e5edf6;border-radius:17px;box-shadow:0 6px 20px rgba(20,65,109,.04)}
  #app.m149-member-app .m149-schedule-row{min-height:66px;grid-template-columns:43px 10px minmax(0,1fr) auto;gap:10px}
  #app.m149-member-app .m149-schedule-info strong{font-size:12px;color:#2a405b}
  #app.m149-member-app .m149-schedule-info small{color:#6f8298}
  #app.m149-member-app .m149-hour{color:#5f748d;font-weight:650}
  #app.m149-member-app .m149-state{font-size:10px}
  #app.m149-member-app .m149-task-stack{gap:11px}
  #app.m149-member-app .m149-task-card{border:1px solid #e5edf6;border-radius:17px;padding:16px;box-shadow:0 6px 19px rgba(20,65,109,.045)}
  #app.m149-member-app .m149-task-title{font-size:14px;line-height:1.45;color:#1d3553}
  #app.m149-member-app .m149-task-sub,#app.m149-member-app .m149-task-date{color:#617a93;font-size:11px}
  #app.m149-member-app .m149-tag{border-radius:8px;padding:6px 9px}
  #app.m149-member-app .m149-tag.urgent,#app.m149-member-app .m149-tag.high{background:#fff0ec;color:#c94a43}
  #app.m149-member-app .m149-progress{height:6px;background:#edf3fa}
  #app.m149-member-app .m149-header{margin:16px 0 22px}
  #app.m149-member-app .m149-header h1{font-size:24px!important;line-height:1.23!important;color:#182f4d!important}
  #app.m149-member-app .m149-header p{font-size:12px;color:#667e98;line-height:1.5}
  #app.m149-member-app .m149-search{border:1px solid #dfebf7;border-radius:13px;min-height:49px;background:#fff;color:#617a93}
  #app.m149-member-app .m149-search input{font-size:16px;min-height:47px}
  #app.m149-member-app .m149-segment{background:#e7eff8;border:1px solid #dfebf5;border-radius:13px;padding:4px}
  #app.m149-member-app .m149-segment button{min-height:41px;color:#54718b}
  #app.m149-member-app .m149-segment button.selected{color:#125fc1;box-shadow:0 2px 8px rgba(19,75,145,.09)}
  #app.m149-member-app .m149-empty{padding:30px 16px;color:#58718e;font-size:12px}
  #app.m149-member-app .m149-shared-link{border-radius:16px;border-color:#e4ecf5;padding:14px;box-shadow:0 5px 18px rgba(20,65,109,.04)}
  #app.m149-member-app .m1414-menu-stack{border-color:#e3edf6;border-radius:17px}
  #app.m149-member-app .m1414-menu-tile{min-height:75px;padding:12px 14px;color:#61758c}
  #app.m149-member-app .m1414-menu-copy strong{font-size:13px;color:#233a55}
  #app.m149-member-app .m1414-menu-copy small{font-size:11px;color:#61788e}
  #app.m149-member-app .m1414-manager-banner{background:linear-gradient(125deg,#123d77,#1c78d3);border-radius:19px;box-shadow:0 11px 24px rgba(24,91,173,.14)}
  #app.m149-member-app .m149-settings-card{border:1px solid #e4edf6;border-radius:17px;box-shadow:var(--a19-shadow)}
  #app.m149-member-app .m149-setting-row small{color:#687f96}
  #app.m149-member-app #mobileNav{height:calc(74px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.985)!important;border-top:1px solid #e5edf5!important;box-shadow:0 -8px 28px rgba(33,72,119,.07);padding:8px 9px calc(8px + env(safe-area-inset-bottom))!important}
  #app.m149-member-app #mobileNav>button:not(.mobile-add){font-size:10px!important;color:#667e97!important;position:relative}
  #app.m149-member-app #mobileNav>button:not(.mobile-add).active{color:#146cca!important}
  #app.m149-member-app #mobileNav>button:not(.mobile-add).active:after{content:"";height:3px;width:17px;background:#1c84e5;border-radius:7px;position:absolute;top:0;left:50%;transform:translateX(-50%)}
  #app.m149-member-app #mobileNav .mobile-add{background:linear-gradient(145deg,#258df3,#1264d6)!important;box-shadow:0 8px 20px rgba(16,103,221,.27)!important;border-width:4px!important}
  #app.m149-member-app #modalRoot .modal-backdrop{background:rgba(10,26,50,.53)!important}
  #app.m149-member-app #modalRoot .modal.m150-full-screen{background:#f7f9fd!important}
  #app.m149-member-app #modalRoot .modal.m150-full-screen .modal-head{background:#fff!important;border-bottom:1px solid #e4eaf4!important}
  #app.m149-member-app #modalRoot .modal.m150-full-screen .modal-body{padding:20px 17px 26px!important}
  #app.m149-member-app #modalRoot .modal.m150-full-screen .modal-foot{box-shadow:0 -7px 20px rgba(21,51,88,.035)}
  #app.m149-member-app #modalRoot .modal .modal-head h2{color:#203b59!important}
  #app.m149-member-app #modalRoot .modal-body .field{min-width:0}
  #app.m149-member-app #modalRoot .modal-body .field label{font-size:12px;color:#3d566e}
  #app.m149-member-app .v181-network{padding:16px;border-radius:17px}
  #app.m149-member-app .v181-network-head{align-items:flex-start}
  #app.m149-member-app .v181-network-head p{font-size:12px;line-height:1.55}
}
@media(max-width:380px){
  #app.m149-member-app #main{padding-left:12px!important;padding-right:12px!important}
  #app.m149-member-app .m149-welcome{padding:19px 16px 27px;min-height:156px}
  #app.m149-member-app .m149-stats{gap:7px}
  #app.m149-member-app .m149-stat{padding:11px 8px!important;min-height:112px}
  #app.m149-member-app .m149-stat strong{font-size:22px}
  #app.m149-member-app .m149-stat small{font-size:10px}
  #app.m149-member-app .m149-quick{padding:10px 3px}
  #app.m149-member-app .m149-quick>button{font-size:10px}
  #app.m149-member-app .m149-quick>button>span{width:39px;height:39px}
  #app.m149-member-app .a19-progress-card{margin-inline:7px}
}
@media(prefers-reduced-motion:reduce){
  #app .a19-progress-track span{transition:none}
}

/* Login/register/reset share one visual language with the authenticated app. */
.auth-view{--auth-line:#dce6f2;background:#f5f8fd}
.auth-view .auth-promo{background:linear-gradient(145deg,#0e2347,#12386b 63%,#176bc1)}
.auth-view .auth-main{background:radial-gradient(ellipse at 95% 4%,#e8f3ff,transparent 42%),#f7f9fe}
.auth-view .auth-card h2{color:#173050;letter-spacing:-.045em}
.auth-view .auth-card .lead{color:#637992}
.auth-view .auth-card label{color:#324b67}
.auth-view .auth-card input{border-color:#d8e5f2;border-radius:13px}
.auth-view .auth-card input:focus{outline:3px solid var(--a19-focus)!important;outline-offset:2px;box-shadow:0 0 0 4px #267fe91a}
.auth-view .auth-card .primary{border-radius:13px;background:linear-gradient(115deg,#268ff6,#1469db);box-shadow:0 12px 24px #147aff23}
.auth-view .auth-card .primary:hover{background:linear-gradient(115deg,#1d7fe2,#1056c4)}
.auth-view .auth-eyebrow{color:#1469c7}
.auth-view .auth-note{background:#eaf4ff;border-color:#d5e8ff;color:#476584}
@media(max-width:900px){
  .auth-view .auth-main{background:radial-gradient(circle at 30% 0,#e3f1ff,transparent 42%),#f7f9fe}
  .auth-view .auth-card{max-width:460px}
  .auth-view .auth-card :is(input,select,textarea){font-size:16px}
  .auth-view .auth-top{min-height:57px}
}
/* Keyboard-only bypass link — visible on focus, hidden at rest. */
.a19-skip{position:fixed;top:10px;left:12px;z-index:9999;padding:12px 17px;border-radius:12px;background:#fff;color:#114f9e;font-weight:800;transform:translateY(-160%);box-shadow:0 8px 30px #14396835}
.a19-skip:focus,.a19-skip:focus-visible{transform:translateY(0);outline:3px solid #faad45;outline-offset:2px}
/* Tight desktop viewport: preserve actionable controls without overflow. */
@media(min-width:901px) and (max-width:1030px){
  #app.m149-admin-app .top-actions{gap:8px;flex-shrink:0}
  #app.m149-admin-app .top-actions .searchbox{display:none}
  #app.m149-admin-app .breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:900px){
  /* Read-only accounts have three relevant quick actions, not a blank fourth slot. */
  #app.m149-member-app .m149-quick:has(>button:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
}
