:root{--gts-blue:#1268e9;--gts-navy:#0d1c2d;--gts-bg:#f5f7fa;--gts-line:#e6ebf2;--gts-text:#101828;--gts-muted:#667085;--gts-green:#2ea83b;--gts-orange:#f59e0b;--gts-red:#ef3d35;--gts-radius:14px}*{box-sizing:border-box}.gts-app,.gts-login-page{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--gts-text)}.gts-app{max-width:1480px;margin:24px auto;display:grid;grid-template-columns:190px minmax(0,1fr);min-height:780px;background:var(--gts-bg);border:1px solid var(--gts-line);border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(16,24,40,.08)}.gts-sidebar{background:linear-gradient(180deg,#102335,#0b1825);padding:25px 14px;color:#fff}.gts-brandmark{display:flex;flex-direction:column;line-height:.9;font-size:23px;font-weight:900;letter-spacing:-1.5px}.gts-brandmark span span{color:#f04438}.gts-brandmark b{font-size:26px}.gts-sidebar .gts-brandmark{margin:0 11px 32px}.gts-sidebar nav{display:flex;flex-direction:column;gap:7px}.gts-sidebar nav a{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:8px;color:#e9eef5;text-decoration:none;font-size:14px;font-weight:600}.gts-sidebar nav a.active,.gts-sidebar nav a:hover{background:var(--gts-blue);color:#fff}.gts-sidebar nav i{font-style:normal;width:18px;text-align:center}.gts-main{padding:24px 25px 28px;min-width:0}.gts-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.gts-topbar h1{font-size:20px;margin:0 0 3px}.gts-topbar p{margin:0;color:var(--gts-muted);font-size:13px}.gts-top-actions{display:flex;align-items:center;gap:10px;font-size:12px}.gts-date,.gts-user{background:#fff;border:1px solid var(--gts-line);padding:9px 11px;border-radius:8px}.gts-toolbar{display:flex;justify-content:flex-end;margin:-52px 0 18px}.gts-store-hero{display:grid;grid-template-columns:190px minmax(0,1fr) 220px;gap:22px;background:#fff;border:1px solid var(--gts-line);border-radius:var(--gts-radius);padding:20px;margin-bottom:14px;box-shadow:0 4px 14px rgba(16,24,40,.03)}.gts-store-hero.compact{grid-template-columns:minmax(0,1fr) 210px}.gts-store-photo{height:170px;border-radius:10px;overflow:hidden;background:#172435}.gts-store-photo img{width:100%;height:100%;object-fit:cover}.gts-photo-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;letter-spacing:.08em}.gts-store-info h2{font-size:19px;margin:6px 0 20px}.gts-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 24px;font-size:13px}.gts-info-grid span{min-width:0}.gts-info-grid small{display:block;color:var(--gts-muted);font-size:11px;margin-bottom:5px}.gts-active{font-style:normal;background:#eaf8e9;color:#20882d;padding:3px 8px;border-radius:6px}.gts-score-card{border-left:1px solid var(--gts-line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.gts-score-card h3{font-size:12px;margin:0 0 12px}.gts-score-card>small{color:var(--gts-muted);margin-top:10px;line-height:1.5}.gts-donut{--pct:0;width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--gts-green) calc(var(--pct)*1%),#e9edf2 0);display:grid;place-items:center;position:relative}.gts-donut:before{content:"";width:82px;height:82px;border-radius:50%;background:#fff;position:absolute}.gts-donut>div{position:relative;display:flex;flex-direction:column;align-items:center}.gts-donut strong{font-size:25px}.gts-donut span{font-size:11px;color:var(--gts-muted)}.gts-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--gts-line);border-radius:var(--gts-radius);margin-bottom:14px}.gts-kpi-row>div{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;border-right:1px solid var(--gts-line)}.gts-kpi-row>div:last-child{border-right:0}.gts-kpi-row i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:18px}.gts-kpi-row .ok{color:var(--gts-green);border:2px solid var(--gts-green)}.gts-kpi-row .warn{color:var(--gts-red);border:2px solid var(--gts-red)}.gts-kpi-row .wait{color:var(--gts-orange);border:2px solid var(--gts-orange)}.gts-kpi-row .all{color:var(--gts-blue);border:2px solid var(--gts-blue)}.gts-kpi-row span{font-size:11px;color:var(--gts-muted)}.gts-kpi-row strong{display:block;color:var(--gts-text);font-size:21px;margin-top:2px}.gts-panel{background:#fff;border:1px solid var(--gts-line);border-radius:var(--gts-radius);padding:16px 18px;box-shadow:0 3px 10px rgba(16,24,40,.025)}.gts-panel h2{font-size:15px;margin:0 0 13px}.gts-panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.gts-panel-title h2{margin-bottom:3px}.gts-panel-title p{margin:0;color:var(--gts-muted);font-size:12px}.gts-tabs{display:flex;gap:25px;border-bottom:1px solid var(--gts-line);margin:13px 0 0;font-size:12px}.gts-tabs span{padding:8px 0}.gts-tabs .active{color:var(--gts-blue);border-bottom:2px solid var(--gts-blue)}.gts-check-head,.gts-check-row{display:grid;grid-template-columns:34px minmax(180px,2fr) 150px 120px 130px 75px;align-items:center;gap:10px}.gts-check-head{font-size:11px;color:var(--gts-muted);padding:12px 4px 8px}.gts-check-row{position:relative;border-top:1px solid var(--gts-line);padding:12px 4px;font-size:12px}.gts-check-row>span:nth-child(2) small{display:block;color:var(--gts-muted);margin-top:4px}.gts-status{display:inline-block;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:700}.gts-status-compleet{background:#e7f7e7;color:#23872d}.gts-status-missing{background:#feeceb;color:#c8302a}.gts-status-wachten{background:#fff3d9;color:#b36a00}.overdue{color:var(--gts-red);font-weight:700}.gts-icon-btn{border:1px solid #cfe0ff;background:#f7faff;color:var(--gts-blue);width:31px;height:30px;border-radius:6px;cursor:pointer;margin-right:4px}.gts-inline-edit{display:none;grid-column:2/7;background:#f8fafc;border-radius:8px;padding:10px;gap:10px;align-items:center}.gts-inline-edit.open{display:flex}.gts-inline-edit select,.gts-manager-row select,.gts-manager-row input,.gts-remind input{border:1px solid #d9e0ea;border-radius:7px;padding:8px;background:#fff}.gts-penalty-mini{font-size:10px;color:#8a5b00;flex:1}.gts-btn{border:0;background:var(--gts-blue);color:#fff;border-radius:7px;padding:9px 13px;font-weight:700;font-size:12px;cursor:pointer;text-decoration:none;display:inline-block}.gts-btn.ghost{background:#fff;color:var(--gts-blue);border:1px solid #bdd4fa}.gts-help{margin-top:14px;background:#eef5ff;border:1px solid #d8e8ff;border-radius:8px;padding:12px;color:#40536b;font-size:12px}.gts-metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:0 0 14px}.gts-metric-grid>div{background:#fff;border:1px solid var(--gts-line);border-radius:10px;padding:16px}.gts-metric-grid small,.gts-metric-grid span{display:block;color:var(--gts-muted);font-size:11px}.gts-metric-grid strong{font-size:28px;display:block;margin:6px 0}.gts-metric-grid strong.orange{color:var(--gts-orange)}.gts-metric-grid strong.red{color:var(--gts-red)}.gts-metric-grid .up{color:var(--gts-green)}.gts-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.gts-dist{display:flex;align-items:center;gap:28px;padding:12px}.gts-dist-donut{--a:70;--b:90;width:145px;height:145px;border-radius:50%;background:conic-gradient(var(--gts-green) calc(var(--a)*1%),#f6bd24 0 calc(var(--b)*1%),var(--gts-red) 0);display:grid;place-items:center;position:relative}.gts-dist-donut:before{content:"";width:98px;height:98px;background:#fff;border-radius:50%;position:absolute}.gts-dist-donut strong,.gts-dist-donut span{position:absolute;z-index:1}.gts-dist-donut strong{font-size:28px;transform:translateY(-8px)}.gts-dist-donut span{font-size:11px;color:var(--gts-muted);transform:translateY(15px)}.gts-legend{display:flex;flex-direction:column;gap:10px;font-size:12px}.gts-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px}.gts-legend .green{background:var(--gts-green)}.gts-legend .yellow{background:#f6bd24}.gts-legend .red{background:var(--gts-red)}.gts-att-row{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--gts-text);padding:9px 0;border-top:1px solid var(--gts-line);font-size:12px}.gts-att-row small{margin-left:14px}.gts-att-row b,.gts-att-row em{font-style:normal;font-size:10px;padding:4px 6px;border-radius:5px}.gts-att-row b{background:#ffedeb;color:#c8302a}.gts-att-row em{background:#fff2dc;color:#a75d00;margin-left:5px}.gts-due,.gts-activity{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--gts-line);font-size:12px}.gts-due span{color:var(--gts-red)}.gts-activity{justify-content:flex-start}.gts-activity i{width:20px;height:20px;border-radius:50%;background:#e8f8e8;color:var(--gts-green);display:grid;place-items:center;font-style:normal}.gts-activity span{display:flex;flex-direction:column}.gts-activity small{color:var(--gts-muted);margin-top:3px}.gts-table-search{border:1px solid var(--gts-line);border-radius:7px;padding:8px 10px}.gts-store-head,.gts-store-row{display:grid;grid-template-columns:minmax(180px,2fr) 90px 75px 70px 75px 155px 35px;gap:8px;align-items:center}.gts-store-head{padding:10px 5px;color:var(--gts-muted);font-size:10px;border-bottom:1px solid var(--gts-line)}.gts-store-row{padding:10px 5px;border-bottom:1px solid var(--gts-line);text-decoration:none;color:var(--gts-text);font-size:11px}.gts-store-row:hover{background:#f8fbff}.gts-store-row small{display:block;color:var(--gts-muted);margin-top:2px}.gts-manager-list,.gts-hq-list{display:flex;flex-direction:column}.gts-manager-row,.gts-hq-row{display:grid;grid-template-columns:minmax(190px,1.5fr) 170px minmax(220px,1fr) 80px;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--gts-line)}.gts-manager-row span small,.gts-hq-row span small{display:block;color:var(--gts-muted);font-size:11px;margin-top:4px}.gts-hq-row{grid-template-columns:minmax(190px,1.5fr) 150px 90px minmax(300px,1fr)}.gts-remind{display:flex;gap:8px}.gts-remind input{flex:1}.gts-back{display:inline-block;margin-bottom:10px;color:var(--gts-blue);text-decoration:none;font-size:12px}.gts-empty{max-width:600px;margin:60px auto;background:#fff;border:1px solid var(--gts-line);border-radius:12px;padding:25px}.gts-login-page{max-width:1000px;margin:60px auto;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border-radius:18px;box-shadow:0 18px 55px rgba(16,24,40,.13)}.gts-login-intro{background:linear-gradient(145deg,#102435,#091723);color:#fff;padding:52px}.gts-login-intro h1{font-size:34px;margin:38px 0 12px}.gts-login-intro p{color:#cbd5e1;line-height:1.6}.gts-login-points{display:flex;flex-direction:column;gap:10px;margin-top:30px;color:#dbeafe}.gts-login-card{background:#fff;padding:50px}.gts-login-card h2{font-size:24px}.gts-login-card p{color:var(--gts-muted)}.gts-login-card input[type=text],.gts-login-card input[type=password]{width:100%;padding:11px;border:1px solid var(--gts-line);border-radius:7px}.gts-login-card input[type=submit]{width:100%;border:0;border-radius:7px;background:var(--gts-blue);color:#fff;padding:11px;font-weight:700}.gts-lightbox{display:none;position:fixed;inset:0;background:rgba(6,15,25,.78);z-index:99999;align-items:center;justify-content:center;flex-direction:column}.gts-lightbox.open{display:flex}.gts-lightbox img{max-width:min(760px,90vw);max-height:75vh;border-radius:10px;background:#fff}.gts-lightbox button{position:absolute;top:25px;right:30px;background:transparent;color:#fff;border:0;font-size:36px}.gts-lightbox p{color:#fff}@media(max-width:980px){.gts-app{grid-template-columns:1fr;margin:0;border-radius:0}.gts-sidebar{display:none}.gts-main{padding:16px}.gts-store-hero{grid-template-columns:1fr}.gts-store-photo{height:220px}.gts-score-card{border-left:0;border-top:1px solid var(--gts-line);padding-top:15px}.gts-metric-grid{grid-template-columns:repeat(2,1fr)}.gts-dashboard-grid{grid-template-columns:1fr}.gts-check-head{display:none}.gts-check-row{grid-template-columns:30px 1fr 120px}.gts-check-row>span:nth-child(4),.gts-check-row>span:nth-child(5){display:none}.gts-check-row>span:nth-child(6){grid-column:3}.gts-inline-edit{grid-column:1/4}.gts-store-head{display:none}.gts-store-row{grid-template-columns:1fr 70px 50px}.gts-store-row>span:nth-child(4),.gts-store-row>span:nth-child(5),.gts-store-row>span:nth-child(6),.gts-store-row>span:nth-child(7){display:none}.gts-manager-row,.gts-hq-row{grid-template-columns:1fr}.gts-login-page{grid-template-columns:1fr;margin:20px}.gts-login-intro,.gts-login-card{padding:30px}}@media(max-width:600px){.gts-info-grid{grid-template-columns:1fr 1fr}.gts-kpi-row{grid-template-columns:1fr 1fr}.gts-kpi-row>div:nth-child(2){border-right:0}.gts-kpi-row>div:nth-child(-n+2){border-bottom:1px solid var(--gts-line)}.gts-topbar{align-items:flex-start}.gts-top-actions{flex-direction:column;align-items:flex-end}.gts-metric-grid{grid-template-columns:1fr 1fr}.gts-check-row{grid-template-columns:25px 1fr}.gts-check-row>span:nth-child(3){grid-column:2}.gts-check-row>span:nth-child(6){grid-column:2}.gts-inline-edit{grid-column:1/3;flex-direction:column;align-items:stretch}} /* ===== v0.3.0 confirmed visual rebuild ===== */ html{scroll-behavior:smooth}.gts-standalone{margin:0!important;background:#f4f7fb!important;color:#101828!important}.gts-standalone #wpadminbar{display:none!important}.gts-standalone .gts-app{width:calc(100% - 36px);max-width:1540px;margin:18px auto;min-height:calc(100vh - 36px);border-radius:18px}.gts-standalone .gts-main{background:#f6f8fb}.gts-side-bottom{margin-top:auto;padding:20px 12px 0}.gts-sidebar{display:flex;flex-direction:column}.gts-side-bottom a{color:#aebdd0;font-size:12px;text-decoration:none}.gts-side-bottom a:hover{color:#fff}.gts-topbar{min-height:54px}.gts-topbar h1{font-size:19px;font-weight:750;letter-spacing:-.02em}.gts-topbar p{font-size:12px}.gts-store-hero{padding:18px}.gts-panel{border-radius:11px}.gts-metric-grid>div{min-height:112px;display:flex;flex-direction:column;justify-content:center}.gts-metric-grid strong{letter-spacing:-.035em}.gts-att-row span:first-child{display:flex;align-items:center;justify-content:space-between;flex:1}.gts-att-row span:last-child{min-width:142px;text-align:right}.gts-check-row strong,.gts-store-row strong{font-weight:700}.gts-check-row:hover,.gts-store-row:hover{background:#fbfdff}.gts-btn{transition:.18s ease}.gts-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(18,104,233,.17)} /* unified simple login */ .gts-login-simple{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;max-width:920px;min-height:570px;margin:7vh auto;display:grid;grid-template-columns:1.05fr .95fr;border:1px solid #e3e9f1;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 20px 70px rgba(15,32,52,.14)}.gts-login-brand-panel{background:linear-gradient(145deg,#102538,#071522);color:#fff;padding:58px 54px;display:flex;flex-direction:column;justify-content:center}.gts-login-brand-panel .gts-brandmark{margin-bottom:48px}.gts-login-brand-panel .gts-kicker{font-size:11px;letter-spacing:.16em;color:#83b7ff;font-weight:800}.gts-login-brand-panel h1{font-size:38px;line-height:1.08;margin:10px 0 14px;letter-spacing:-.04em}.gts-login-brand-panel p{font-size:15px;line-height:1.65;color:#c9d4e1;max-width:360px}.gts-login-badges{display:flex;flex-direction:column;gap:9px;margin-top:30px;font-size:13px;color:#e7eff8}.gts-login-form-panel{padding:62px 54px;display:flex;flex-direction:column;justify-content:center}.gts-login-form-panel h2{font-size:28px;margin:0 0 6px}.gts-login-form-panel>p{margin:0 0 30px;color:#667085}.gts-login-form-panel label{font-size:12px;font-weight:700;color:#344054}.gts-login-form-panel .login-username,.gts-login-form-panel .login-password{margin-bottom:16px}.gts-login-form-panel input[type=text],.gts-login-form-panel input[type=password]{width:100%;height:46px;border:1px solid #d9e1eb;border-radius:9px;padding:0 13px;background:#fff}.gts-login-form-panel .login-remember{font-size:12px}.gts-login-form-panel input[type=submit]{width:100%;height:46px;border:0;border-radius:9px;background:#1268e9;color:#fff;font-weight:800;cursor:pointer}.gts-login-form-panel>small{color:#98a2b3;font-size:11px;line-height:1.5;margin-top:15px} /* homepage supplied by plugin */ .gts-homepage{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#fff;color:#101828;min-height:100vh}.gts-home-nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,38px);border-bottom:1px solid #edf1f6}.gts-home-nav nav{display:flex;gap:28px;align-items:center}.gts-home-nav nav>a:not(.gts-btn){color:#344054;text-decoration:none;font-size:13px;font-weight:650}.gts-home-hero{min-height:620px;padding:80px max(5vw,38px);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px;background:linear-gradient(180deg,#fff,#f7faff)}.gts-kicker{font-size:11px;letter-spacing:.14em;color:#1268e9;font-weight:800}.gts-home-hero h1{font-size:54px;line-height:1.04;letter-spacing:-.055em;margin:14px 0 22px;max-width:650px}.gts-home-hero p{font-size:18px;color:#667085;line-height:1.65;max-width:620px}.gts-home-actions{display:flex;gap:12px;margin-top:32px}.gts-btn.big{padding:13px 18px;font-size:13px}.gts-home-preview{display:flex;justify-content:center}.gts-mini-window{width:min(700px,100%);height:400px;background:#f5f7fa;border:1px solid #dfe6ef;border-radius:20px;display:grid;grid-template-columns:130px 1fr;overflow:hidden;box-shadow:0 28px 70px rgba(15,32,52,.17);transform:perspective(1000px) rotateY(-2deg)}.gts-mini-side{background:#0d1c2d;color:#fff;padding:24px 14px;display:flex;flex-direction:column;gap:20px;font-size:11px}.gts-mini-side .gts-brandmark{margin-bottom:20px}.gts-mini-main{padding:25px}.gts-mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gts-mini-kpis b{background:#fff;border:1px solid #e4eaf2;border-radius:10px;padding:16px;font-size:26px}.gts-mini-kpis small{display:block;font-size:9px;color:#98a2b3;font-weight:600;margin-top:5px}.gts-mini-chart{height:170px;margin-top:18px;border-radius:12px;background:radial-gradient(circle at 50% 55%,white 0 31%,transparent 32%),conic-gradient(#2ea83b 0 72%,#f6bd24 72% 88%,#ef3d35 88%);border:1px solid #e4eaf2}.gts-mini-lines{margin-top:18px;display:grid;gap:9px}.gts-mini-lines i{height:9px;border-radius:20px;background:#e4eaf2}.gts-mini-lines i:nth-child(2){width:80%}.gts-mini-lines i:nth-child(3){width:92%}.gts-mini-lines i:nth-child(4){width:64%}.gts-home-section{padding:88px max(5vw,38px)}.gts-home-section.alt{background:#f7f9fc}.gts-section-title{max-width:760px;margin-bottom:40px}.gts-section-title>span{color:#1268e9;font-size:12px;font-weight:800}.gts-section-title h2{font-size:38px;line-height:1.16;letter-spacing:-.04em;margin:10px 0}.gts-feature-grid,.gts-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gts-feature-grid article,.gts-role-grid article{padding:30px;border:1px solid #e4eaf2;border-radius:15px;background:#fff}.gts-feature-grid article>b{color:#1268e9}.gts-feature-grid h3,.gts-role-grid h3{font-size:20px;margin:24px 0 9px}.gts-feature-grid p,.gts-role-grid p{font-size:14px;line-height:1.65;color:#667085}.gts-role-grid article>span{font-size:12px;font-weight:800;color:#1268e9}.gts-home-security{margin:0 max(5vw,38px) 70px;padding:36px 42px;border-radius:18px;background:#0d1c2d;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.gts-home-security h2{font-size:27px;margin:0 0 7px}.gts-home-security p{margin:0;color:#b9c7d5}.gts-home-footer{padding:30px max(5vw,38px);display:flex;justify-content:space-between;border-top:1px solid #edf1f6;color:#667085;font-size:12px} @media(max-width:980px){.gts-standalone .gts-app{width:100%;margin:0;min-height:100vh}.gts-login-simple{grid-template-columns:1fr;margin:20px;min-height:0}.gts-login-brand-panel,.gts-login-form-panel{padding:36px}.gts-login-brand-panel .gts-brandmark{margin-bottom:24px}.gts-home-hero{grid-template-columns:1fr;padding-top:56px}.gts-home-hero h1{font-size:42px}.gts-feature-grid,.gts-role-grid{grid-template-columns:1fr}.gts-home-nav nav>a:not(.gts-btn){display:none}.gts-home-security{flex-direction:column;align-items:flex-start}.gts-home-footer{flex-direction:column;gap:8px}} @media(max-width:600px){.gts-login-simple{margin:0;border-radius:0;min-height:100vh}.gts-login-brand-panel{display:none}.gts-login-form-panel{padding:30px 22px}.gts-home-nav{height:68px;padding:0 20px}.gts-home-hero,.gts-home-section{padding-left:20px;padding-right:20px}.gts-home-hero{min-height:0;padding-top:52px;padding-bottom:52px}.gts-home-hero h1{font-size:37px}.gts-home-hero p{font-size:16px}.gts-mini-window{height:320px;grid-template-columns:90px 1fr}.gts-mini-side{padding:16px 9px}.gts-mini-main{padding:15px}.gts-home-security{margin-left:20px;margin-right:20px;padding:28px}.gts-home-footer{padding-left:20px;padding-right:20px}} /* ===== v0.3.1 usability upgrade ===== */ .gts-date{display:flex;flex-direction:column;line-height:1.15;min-width:92px}.gts-date small{font-size:9px;color:var(--gts-muted);font-weight:700;margin-bottom:3px;text-transform:uppercase;letter-spacing:.05em} .gts-review-title{align-items:center;margin-bottom:10px}.gts-export-in-panel{white-space:nowrap} .gts-manager-row-v2{grid-template-columns:minmax(210px,1.5fr) 165px minmax(200px,1fr) 190px} .gts-manager-actions{display:flex!important;gap:7px!important;align-items:center}.gts-manager-actions .gts-btn{white-space:nowrap} .gts-btn.reviewed{background:#e7f7e7;color:#23872d;border:1px solid #a8d9ad;box-shadow:none;cursor:default}.gts-btn.reviewed:hover{transform:none;box-shadow:none} .gts-hq-row-v2{grid-template-columns:minmax(190px,1.35fr) 140px 155px minmax(280px,1fr)} .gts-review-readonly{border-radius:8px;padding:7px 9px;display:flex;flex-direction:column;align-items:flex-start}.gts-review-readonly b{font-size:11px}.gts-review-readonly small{font-size:9px!important;margin-top:2px!important;line-height:1.35} .gts-review-readonly.is-reviewed{background:#e7f7e7;color:#23872d;border:1px solid #c8eacb}.gts-review-readonly.not-reviewed{background:#f2f4f7;color:#667085;border:1px solid #e4e7ec} .gts-complete-note{font-size:11px;color:var(--gts-green);font-weight:700} .gts-admin-accounts{max-width:1500px}.gts-admin-account-grid{display:grid;gap:22px;margin-top:18px}.gts-admin-card{background:#fff;border:1px solid #dfe3e8;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(16,24,40,.03)}.gts-admin-card h2{margin-top:0} .gts-admin-list-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:15px}.gts-admin-list-head h2{margin-bottom:4px}.gts-admin-list-head p{margin:0;color:#646970}.gts-admin-list-head input{min-width:320px;padding:9px 11px} .gts-account-table{border:1px solid #e2e5e9;border-radius:9px;overflow:hidden}.gts-account-row{display:grid;grid-template-columns:minmax(180px,1.25fr) minmax(130px,.9fr) minmax(130px,.8fr) minmax(190px,1.1fr) 130px minmax(260px,1.3fr);gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid #e8eaed}.gts-account-row:last-child{border-bottom:0}.gts-account-head{background:#f6f7f7;font-size:12px;font-weight:700;color:#50575e}.gts-account-data{font-size:12px}.gts-account-data small{display:block;color:#8c8f94;margin-top:3px}.gts-account-data em{font-style:normal;color:#646970}.gts-account-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.gts-account-actions form{margin:0}.gts-account-empty{padding:20px;color:#646970} #gts-admin-store-search{margin-bottom:4px} @media(max-width:1100px){.gts-manager-row-v2,.gts-hq-row-v2{grid-template-columns:1fr}.gts-account-row{grid-template-columns:1fr 1fr}.gts-account-head{display:none}.gts-admin-list-head{flex-direction:column}.gts-admin-list-head input{width:100%;min-width:0}} /* ===== v0.3.2 routing + deadline fixes ===== */ .gts-panel-note{font-size:10px;color:var(--gts-muted);margin:-2px 0 8px} .gts-due-link{display:flex;text-decoration:none;color:inherit;transition:.16s ease} .gts-due-link:hover{background:#f7faff;padding-left:6px;padding-right:6px;border-radius:7px} .gts-due-link strong{display:flex;flex-direction:column;gap:2px} .gts-due-link strong small{font-size:9px;font-weight:500;color:var(--gts-muted)} .gts-empty-mini{padding:18px 0;color:var(--gts-muted);font-size:11px} .gts-reports-panel{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:22px} .gts-reports-panel h2{margin-bottom:4px}.gts-reports-panel p{margin:0;color:var(--gts-muted);font-size:11px} @media(max-width:760px){.gts-reports-panel{flex-direction:column;align-items:flex-start}} /* v0.3.3 Dutch cleanup */ .gts-topbar .gts-btn,.gts-top-actions .gts-btn,.gts-topbar [class*="export"]{display:none!important} .gts-reports-panel .gts-btn{display:inline-flex!important} .gts-reports-panel{margin-top:16px} /* ===== v0.3.4 franchisee checklist + automatic deadline ===== */ .gts-filter-tabs{display:flex;gap:22px;align-items:flex-end;border-bottom:1px solid var(--gts-line);margin:8px 0 0} .gts-filter-tabs button{appearance:none;border:0;background:transparent;padding:12px 0 11px;color:var(--gts-text);font:inherit;font-size:12px;cursor:pointer;border-bottom:2px solid transparent} .gts-filter-tabs button:hover{color:var(--gts-blue)} .gts-filter-tabs button.active{color:var(--gts-blue);border-bottom-color:var(--gts-blue);font-weight:700} .gts-filter-hidden{display:none!important} .gts-example-note,.gts-deadline-note{font-size:10px!important;margin:7px 0 0!important;color:var(--gts-muted)!important} .gts-example-note{color:#315c9b!important} .gts-check-actions{display:flex!important;gap:7px!important;align-items:center} .gts-example-btn{font-size:15px!important} .gts-example-missing{opacity:.28;cursor:not-allowed!important} .gts-deadline-cell{display:flex!important;flex-direction:column;align-items:flex-start;gap:2px} .gts-deadline-cell strong{font-size:11px} .gts-deadline-cell small{font-size:9px!important;margin:0!important} .gts-deadline-cell.deadline-soon strong,.gts-deadline-cell.deadline-soon small{color:#b46900} .gts-deadline-cell.deadline-overdue{background:#fff0f0;border:1px solid #ffd0d0;border-radius:7px;padding:6px 8px} .gts-deadline-cell.deadline-overdue strong,.gts-deadline-cell.deadline-overdue small{color:#d92d20;font-weight:700} .gts-due-link.is-overdue{background:#fff5f5} .gts-due-link.is-overdue span{color:#d92d20!important;font-weight:700} @media(max-width:760px){ .gts-filter-tabs{gap:14px;overflow-x:auto} .gts-filter-tabs button{white-space:nowrap} } /* ===== v0.3.5 franchisee mobile redesign ===== */ .gts-cn-intro{font-size:12px!important;line-height:1.6!important;color:#4d596a!important;margin:6px 0 0!important} .gts-franchisee-helper{margin-top:10px;padding:10px 12px;border-radius:9px;background:#f3f7fd;border:1px solid #dbe8fb;display:grid;gap:4px;font-size:10px;color:#315c9b} .gts-franchisee-helper strong{color:#163d76} .gts-opening-warning{margin:9px 0 0!important;padding:9px 11px;background:#fff8e8;border:1px solid #f4dfae;border-radius:8px;color:#8a5a00!important;font-size:10px!important} .gts-title-eye{border:0;background:transparent;padding:0 3px;margin-left:5px;cursor:pointer;font-size:14px;vertical-align:middle} .gts-title-eye:hover{transform:scale(1.08)} .gts-title-eye.gts-example-missing{opacity:.25;cursor:not-allowed} .gts-status-wrap{display:flex!important;align-items:center;gap:6px} .gts-cn-status{font-size:9px!important;color:var(--gts-muted)!important;margin:0!important} .gts-status-toggle{appearance:none;border:1px solid #c9d6eb;background:#fff;color:var(--gts-blue);border-radius:7px;padding:7px 10px;font-size:10px;font-weight:700;cursor:pointer} .gts-inline-edit-mobile{gap:8px} .gts-inline-edit-mobile select{min-height:38px} .gts-inline-edit-mobile .gts-btn{min-height:38px} .gts-side-head{display:flex;align-items:center;justify-content:space-between} .gts-mobile-menu-toggle{display:none;border:0;background:transparent;color:#fff;font-size:20px;line-height:1;cursor:pointer} @media(max-width:760px){ .gts-app{display:block!important} .gts-sidebar-franchisee{ position:sticky!important;top:0!important;left:0!important;right:0!important; width:100%!important;height:56px!important;min-height:56px!important;z-index:1000; display:block!important;padding:0 14px!important;overflow:visible!important; border-radius:0!important } .gts-sidebar-franchisee .gts-side-head{height:56px} .gts-sidebar-franchisee .gts-logo{transform:scale(.78);transform-origin:left center;margin:0!important} .gts-sidebar-franchisee .gts-mobile-menu-toggle{display:block} .gts-sidebar-franchisee nav, .gts-sidebar-franchisee .gts-side-bottom{ display:none;background:#0e1c2e;margin:0 -14px;padding:8px 12px } .gts-sidebar-franchisee.menu-open{height:auto!important} .gts-sidebar-franchisee.menu-open nav, .gts-sidebar-franchisee.menu-open .gts-side-bottom{display:block} .gts-sidebar-franchisee nav a{min-height:42px;margin:2px 0} .gts-sidebar-franchisee .gts-side-bottom{padding-bottom:12px} .gts-main{margin-left:0!important;width:100%!important;padding:12px!important} .gts-topbar{margin-top:0!important} .gts-franchisee-checklist{padding:16px!important} .gts-franchisee-checklist .gts-panel-title h2{font-size:20px!important;line-height:1.25!important} .gts-cn-intro{font-size:11px!important} .gts-franchisee-helper{font-size:9px} .gts-filter-tabs{gap:16px!important;overflow-x:auto;padding-bottom:0} .gts-filter-tabs button{font-size:10px!important;padding:10px 0!important} .gts-mobile-cards .gts-check-head{display:none!important} .gts-franchisee-card{ display:grid!important; grid-template-columns:28px minmax(0,1fr) auto!important; gap:8px 10px!important; align-items:start!important; padding:14px 4px!important; border-bottom:1px solid var(--gts-line)!important; min-height:0!important } .gts-row-index{grid-column:1;grid-row:1;font-size:11px;padding-top:2px} .gts-item-title{grid-column:2;grid-row:1} .gts-item-title strong{font-size:13px!important;line-height:1.3} .gts-item-title small{display:block;margin-top:3px;font-size:8px!important;color:var(--gts-muted)} .gts-status-wrap{grid-column:3;grid-row:1;justify-self:end;flex-direction:column;align-items:flex-end!important;gap:2px!important} .gts-status-wrap .gts-badge{font-size:9px!important;padding:4px 7px!important} .gts-cn-status{font-size:8px!important} .gts-deadline-cell{grid-column:2;grid-row:2;padding:0!important;background:transparent!important;border:0!important} .gts-deadline-cell:before{content:"Deadline";font-size:8px;color:var(--gts-muted);text-transform:uppercase;letter-spacing:.04em} .gts-deadline-cell strong{font-size:10px!important} .gts-deadline-cell small{font-size:8px!important} .gts-last-update{grid-column:3;grid-row:2;font-size:9px!important;color:var(--gts-muted);text-align:right} .gts-last-update:before{content:"Laatste update";display:block;font-size:8px;color:var(--gts-muted);margin-bottom:1px} .gts-check-actions{grid-column:2 / 4;grid-row:3;justify-content:flex-start!important} .gts-status-toggle{padding:6px 9px;font-size:9px} .gts-inline-edit-mobile{ grid-column:2 / 4;grid-row:4; display:none!important; padding:10px!important;margin:0!important; background:#f8fafc;border-radius:8px } .gts-inline-edit-mobile.open{display:flex!important;flex-direction:column} .gts-inline-edit-mobile select,.gts-inline-edit-mobile .gts-btn{width:100%} .gts-help{font-size:9px!important} } /* ===== v0.3.6 mobile franchisee final ===== */ @media(max-width:760px){ .gts-sidebar-franchisee{height:48px!important;min-height:48px!important;padding:0 12px!important;background:#071a2a!important;border-radius:0!important} .gts-sidebar-franchisee .gts-side-head{height:48px!important;overflow:visible!important} .gts-sidebar-franchisee .gts-logo{transform:none!important;height:38px!important;max-height:38px!important;margin:0!important;overflow:visible!important;display:flex!important;align-items:center!important} .gts-sidebar-franchisee .gts-logo img{height:30px!important;width:auto!important;max-width:110px!important;object-fit:contain!important;display:block!important} .gts-sidebar-franchisee .gts-logo-mark{transform:scale(.66)!important;transform-origin:left center!important;margin:0!important} .gts-sidebar-franchisee .gts-mobile-menu-toggle{font-size:17px!important;padding:7px!important} .gts-topbar{display:grid!important;grid-template-columns:minmax(0,1fr) 102px!important;gap:9px!important;padding:12px 2px 8px!important} .gts-topbar h1{font-size:18px!important;line-height:1.2!important;margin:0 0 4px!important} .gts-topbar p{font-size:10px!important;line-height:1.4!important;margin:0!important} .gts-top-actions{display:flex!important;flex-direction:column!important;gap:6px!important;min-width:102px!important} .gts-date,.gts-user{width:102px!important;min-width:0!important;padding:7px 8px!important;font-size:9px!important;border-radius:9px!important} .gts-store-hero{padding:12px!important;gap:11px!important;border-radius:13px!important} .gts-store-photo,.gts-store-photo .gts-placeholder-photo{height:118px!important;min-height:118px!important;border-radius:10px!important} .gts-store-photo .gts-placeholder-photo{font-size:15px!important;letter-spacing:.1em!important} .gts-store-info h2{font-size:17px!important;margin-bottom:10px!important} .gts-info-grid{grid-template-columns:1fr 1fr!important;gap:10px 14px!important} .gts-info-grid small{font-size:8px!important}.gts-info-grid span{font-size:10px!important} .gts-kpis{grid-template-columns:1fr 1fr!important;gap:0!important} .gts-kpi{min-height:82px!important;padding:12px!important}.gts-kpi strong{font-size:20px!important}.gts-kpi span{font-size:9px!important} .gts-franchisee-checklist{padding:14px 12px!important;border-radius:13px!important} .gts-franchisee-checklist .gts-panel-title h2{font-size:19px!important;margin-bottom:8px!important} .gts-cn-intro{font-size:10px!important;line-height:1.5!important} .gts-opening-warning{font-size:8.5px!important;line-height:1.4!important;padding:8px 9px!important} .gts-franchisee-helper{font-size:8.5px!important;line-height:1.45!important;padding:8px 9px!important} .gts-filter-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;width:100%!important;overflow:visible!important} .gts-filter-tabs button{width:100%!important;min-width:0!important;padding:9px 1px!important;font-size:9px!important;white-space:nowrap!important;touch-action:manipulation!important} .gts-franchisee-card{grid-template-columns:20px minmax(0,1fr) auto!important;gap:5px 7px!important;padding:11px 0!important} .gts-row-index{font-size:9px!important}.gts-item-title strong{font-size:11.5px!important;line-height:1.25!important} .gts-title-eye{font-size:11px!important;margin-left:2px!important} .gts-status-wrap{min-width:66px!important}.gts-status-wrap .gts-badge{font-size:8px!important;padding:4px 6px!important}.gts-cn-status{font-size:7px!important} .gts-deadline-cell:before{content:"截止日期"!important;font-size:7px!important}.gts-last-update:before{content:"最后更新"!important;font-size:7px!important} .gts-status-toggle{font-size:8px!important;padding:5px 7px!important} .gts-inline-edit-mobile{padding:7px!important}.gts-inline-edit-mobile select,.gts-inline-edit-mobile .gts-btn{min-height:34px!important;font-size:9px!important} } /* ===== v0.3.7 franchisee mobile corrections ===== */ @media(max-width:760px){ /* Force the black header to show the complete logo */ .gts-sidebar-franchisee{ height:54px!important; min-height:54px!important; padding:0 12px!important; overflow:visible!important; background:#071a2a!important; } .gts-sidebar-franchisee .gts-side-head{ height:54px!important; min-height:54px!important; overflow:visible!important; display:flex!important; align-items:center!important; justify-content:space-between!important; } .gts-sidebar-franchisee .gts-logo{ width:108px!important; height:46px!important; min-height:46px!important; max-height:none!important; margin:0!important; padding:0!important; overflow:visible!important; transform:none!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; } .gts-sidebar-franchisee .gts-logo img{ display:block!important; width:auto!important; height:auto!important; max-width:104px!important; max-height:42px!important; object-fit:contain!important; object-position:left center!important; transform:none!important; margin:0!important; } .gts-sidebar-franchisee .gts-logo-mark{ width:70px!important; height:42px!important; min-height:42px!important; transform:none!important; margin:0!important; font-size:0!important; line-height:1!important; overflow:visible!important; } .gts-sidebar-franchisee .gts-logo-mark:before{ content:"go·to\A sushi"; white-space:pre; display:block; color:#fff; font-size:17px; font-weight:900; line-height:.88; letter-spacing:-.06em; } /* Remove unused top notes */ .gts-opening-warning{display:none!important} /* Make filters definitely clickable */ .gts-filter-tabs{ position:relative!important; z-index:5!important; } .gts-filter-tabs button{ position:relative!important; z-index:6!important; pointer-events:auto!important; cursor:pointer!important; user-select:none!important; -webkit-tap-highlight-color:rgba(37,99,235,.12); } .gts-filter-tabs button.active{ color:var(--gts-blue)!important; border-bottom-color:var(--gts-blue)!important; font-weight:800!important; } } /* ===== v0.3.8 mobile filter/logo/title fixes ===== */ .gts-card-filtered-out, .gts-franchisee-card[hidden]{ display:none!important; } .gts-item-title-line{ display:flex; align-items:flex-start; gap:6px; min-width:0; width:100%; } .gts-item-title-line strong{ flex:1 1 auto; min-width:0; overflow-wrap:anywhere; word-break:break-word; } .gts-item-title-line .gts-title-eye{ flex:0 0 auto; position:static!important; margin:1px 0 0!important; } @media(max-width:760px){ /* Fully visible Go to Sushi wordmark */ .gts-sidebar-franchisee{ height:56px!important; min-height:56px!important; overflow:visible!important; padding:0 14px!important; } .gts-sidebar-franchisee .gts-side-head{ height:56px!important; min-height:56px!important; overflow:visible!important; display:flex!important; align-items:center!important; } .gts-sidebar-franchisee .gts-logo{ width:145px!important; height:48px!important; min-height:48px!important; max-height:none!important; overflow:visible!important; transform:none!important; display:flex!important; align-items:center!important; } .gts-sidebar-franchisee .gts-logo img{ display:none!important; } .gts-sidebar-franchisee .gts-logo-mark{ width:140px!important; height:44px!important; min-width:140px!important; min-height:44px!important; padding:0!important; margin:0!important; background:none!important; border-radius:0!important; box-shadow:none!important; overflow:visible!important; transform:none!important; font-size:0!important; display:flex!important; align-items:center!important; } .gts-sidebar-franchisee .gts-logo-mark:before{ content:"go·to sushi"; display:block; color:#fff; font-size:23px; font-weight:900; line-height:1; letter-spacing:-.05em; white-space:nowrap; } /* Real mobile filter tap targets */ .gts-filter-tabs{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; position:relative!important; z-index:50!important; overflow:visible!important; } .gts-filter-tabs button{ display:block!important; width:100%!important; min-height:44px!important; padding:10px 2px!important; position:relative!important; z-index:51!important; pointer-events:auto!important; touch-action:manipulation!important; cursor:pointer!important; -webkit-tap-highlight-color:rgba(37,99,235,.12)!important; } /* No deadline row in franchisee cards */ .gts-franchisee-card{ grid-template-columns:20px minmax(0,1fr) auto!important; grid-template-rows:auto auto auto auto!important; } .gts-item-title{ grid-column:2!important; grid-row:1!important; } .gts-status-wrap{ grid-column:3!important; grid-row:1!important; } .gts-last-update{ grid-column:2 / 4!important; grid-row:2!important; text-align:left!important; } .gts-last-update:before{ content:"最后更新："!important; display:inline!important; margin-right:4px!important; } .gts-check-actions{ grid-column:2 / 4!important; grid-row:3!important; } .gts-inline-edit-mobile{ grid-column:2 / 4!important; grid-row:4!important; } .gts-title-eye{ font-size:13px!important; line-height:1!important; } } /* ===== v0.3.9 shared store deadline ===== */ .gts-shared-deadline{ display:flex!important; flex-direction:column; align-items:flex-start; } .gts-shared-deadline em{ font-style:normal; font-size:9px; color:var(--gts-muted); margin-top:2px; } @media(max-width:760px){ .gts-shared-deadline em{ font-size:7.5px!important; } } /* v0.4.0 account + mail admin */ .gts-admin-account-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(420px,1.5fr);gap:18px;align-items:start} .gts-admin-card{background:#fff;border:1px solid #dfe5ec;border-radius:12px;padding:20px;box-shadow:0 1px 2px rgba(15,23,42,.04)} .gts-admin-card h2{margin-top:0} @media(max-width:900px){.gts-admin-account-grid{grid-template-columns:1fr}} /* v0.4.2 Checklist Management */ .gts-checklist-management{max-width:1320px} .gts-checklist-management>.gts-admin-card{margin:18px 0} .gts-checklist-summary{font-size:15px} .gts-checklist-summary>strong{font-size:24px} .gts-checklist-add-form{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,1fr) auto;gap:10px;align-items:center} .gts-manage-table{display:flex;flex-direction:column} .gts-manage-row{display:grid;grid-template-columns:44px minmax(240px,1.3fr) minmax(240px,1fr) 110px 180px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #e5e7eb} .gts-manage-head{font-weight:700;color:#475569} .gts-inline-manage{display:contents} .gts-delete-form{display:inline-block;margin-left:8px} .gts-order-actions{display:flex;gap:5px} .gts-manage-row .regular-text{width:100%;max-width:none} @media(max-width:980px){ .gts-checklist-add-form{grid-template-columns:1fr} .gts-manage-head{display:none} .gts-manage-row{grid-template-columns:36px 1fr;gap:8px} .gts-manage-row>span:nth-child(n+3){grid-column:2} .gts-inline-manage{display:contents} } /* v0.4.4 portal flash message */ .gts-flash-notice{ position:fixed;top:24px;left:50%;transform:translate(-50%,-14px); z-index:999999;min-width:220px;max-width:min(90vw,520px); padding:13px 20px;border-radius:10px;font-weight:700;text-align:center; box-shadow:0 12px 34px rgba(15,23,42,.22);opacity:0; transition:opacity .22s ease,transform .22s ease;pointer-events:none; } .gts-flash-notice.is-visible{opacity:1;transform:translate(-50%,0)} .gts-flash-success{background:#166534;color:#fff} .gts-flash-error{background:#b91c1c;color:#fff} @media(max-width:640px){.gts-flash-notice{top:14px;min-width:0;width:calc(100vw - 28px)}} /* v0.4.5 SMTP diagnostics */ .gts-smtp-result{margin-top:14px;padding:14px 16px;border-radius:8px;border:1px solid #dcdcde;background:#f6f7f7} .gts-smtp-result.is-ok{border-color:#86efac;background:#f0fdf4} .gts-smtp-result.is-fail{border-color:#fecaca;background:#fef2f2} .gts-smtp-debug{white-space:pre-wrap;word-break:break-word;max-height:360px;overflow:auto;background:#111827;color:#e5e7eb;padding:14px;border-radius:8px;font-size:12px;line-height:1.45}