:root{--navy:#071d45;--blue:#0868e8;--blue2:#02a4ff;--ink:#0b1733;--muted:#647089;--line:#dfe6f1;--soft:#f4f8fd;--green:#16a36a;--orange:#f29c38;--red:#db4c58;--radius:18px;--shadow:0 16px 45px rgba(9,37,84,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{color:var(--blue);text-decoration:none}img{max-width:100%}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{height:28px;background:var(--navy);color:#dceaff;display:flex;justify-content:center;gap:42px;align-items:center;font-size:12px}.site-header{background:#fff;position:sticky;top:0;z-index:40;box-shadow:0 1px 0 var(--line)}.nav-wrap{height:78px;display:flex;align-items:center;gap:28px}.brand{width:210px;height:68px;overflow:hidden;display:flex;align-items:center}.brand img{width:205px}.main-nav{display:flex;align-items:center;gap:25px;margin-left:auto}.main-nav a{color:var(--ink);font-weight:650;font-size:14px}.main-nav a:hover{color:var(--blue)}.nav-actions{display:flex;gap:14px;align-items:center}.icon-link{color:var(--ink);font-size:14px}.cart-link{display:flex;gap:6px;align-items:center;color:var(--ink);font-weight:800}.cart-link span{background:var(--blue);color:#fff;border-radius:20px;min-width:22px;text-align:center;padding:2px 6px}.nav-toggle{display:none}.mobile-account-link{display:none!important}.hero{background:radial-gradient(circle at 80% 40%,#e9f4ff 0,transparent 38%),linear-gradient(#fff,#f8fbff);padding:72px 0 60px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px}.eyebrow{font-size:12px;color:var(--blue);font-weight:850;letter-spacing:.12em}.hero h1,.page-hero h1{font-size:clamp(42px,5.3vw,70px);line-height:1.02;letter-spacing:-.045em;margin:14px 0 20px;max-width:760px}.lead{font-size:18px;line-height:1.65;color:var(--muted)}.button-row{display:flex;gap:14px;margin:30px 0}.btn{border:0;border-radius:10px;padding:14px 21px;font-weight:800;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font-size:14px}.btn.primary{background:linear-gradient(135deg,var(--blue),#004ab7);color:#fff;box-shadow:0 10px 25px rgba(8,104,232,.24)}.btn.secondary{background:#fff;color:var(--blue);border:1px solid #b9d3f9}.btn.light{background:#fff;color:var(--navy)}.btn.small{padding:10px 14px}.btn.full{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.trust-row{display:flex;flex-wrap:wrap;gap:19px;font-size:13px;color:#41516e}.building-visual{height:430px;position:relative;display:grid;place-items:center}.building{width:290px;height:300px;display:flex;align-items:end;gap:12px;filter:drop-shadow(0 22px 22px #10295730)}.building span{display:block;background:linear-gradient(160deg,#13a8ff,#063a91);border:5px solid #fff;border-bottom:0;box-shadow:inset 0 0 0 1px #73c6ff}.building span:nth-child(1){height:65%;width:70px;clip-path:polygon(0 12%,100% 0,100% 100%,0 100%)}.building span:nth-child(2){height:100%;width:90px;clip-path:polygon(0 8%,100% 0,100% 100%,0 100%)}.building span:nth-child(3){height:78%;width:80px;clip-path:polygon(0 0,100% 13%,100% 100%,0 100%);background:linear-gradient(160deg,#54657b,#122b50)}.visual-label{position:absolute;bottom:59px;background:var(--navy);color:#fff;border:6px solid #fff;width:145px;height:82px;border-radius:18px;display:grid;place-items:center;font-size:37px;font-weight:900;line-height:.72;box-shadow:var(--shadow)}.visual-label small{font-size:9px;letter-spacing:.12em}.orbit{position:absolute;background:#fff;border:2px solid #a9cdfa;width:63px;height:63px;border-radius:50%;display:grid;place-items:center;font-size:25px;box-shadow:var(--shadow)}.o1{left:4%;top:15%}.o2{right:2%;top:18%}.o3{left:0;bottom:18%}.o4{right:3%;bottom:12%}.section{padding:82px 0}.section.soft{background:var(--soft)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section h2,.cta h2{font-size:38px;letter-spacing:-.035em;margin:8px 0}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.solution-card{border:1px solid var(--line);border-radius:var(--radius);padding:25px;color:var(--ink);transition:.2s;background:#fff}.solution-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#b8d7ff}.solution-icon{width:56px;height:56px;border-radius:16px;background:#eaf4ff;display:grid;place-items:center;font-size:27px}.solution-icon.large{width:76px;height:76px;font-size:34px}.solution-card h3{margin:18px 0 9px}.solution-card p{color:var(--muted);min-height:48px}.solution-card span{font-weight:800;color:var(--blue);font-size:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.feature-list span{padding:14px;background:#fff;border-radius:12px;border:1px solid var(--line);font-weight:700;font-size:14px}.portal-preview{background:#fff;border:1px solid var(--line);border-radius:24px;padding:25px;box-shadow:var(--shadow)}.preview-top,.panel-head{display:flex;justify-content:space-between;align-items:center}.preview-top span{color:var(--green);font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.stats div{background:var(--soft);padding:15px;border-radius:12px}.stats small{display:block;color:var(--muted)}.stats strong{font-size:28px}.mini-chart{height:150px;display:flex;gap:11px;align-items:end;padding:15px;border:1px solid var(--line);border-radius:14px;margin-bottom:18px}.mini-chart i{flex:1;background:linear-gradient(var(--blue2),var(--blue));border-radius:7px 7px 2px 2px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;transition:.2s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-visual{height:180px;background:linear-gradient(145deg,#f2f7fc,#e6f2ff);display:grid;place-items:center;position:relative}.product-visual>span{font-size:65px}.product-visual em{position:absolute;top:14px;right:14px;background:#e8fff5;color:#087950;font-size:11px;padding:6px 9px;border-radius:20px;font-style:normal;font-weight:800}.product-body{padding:18px}.product-body small{color:var(--muted)}.product-body h3{font-size:17px;margin:7px 0}.product-body h3 a{color:var(--ink)}.product-body p{font-size:13px;color:var(--muted);min-height:40px}.product-bottom{display:flex;justify-content:space-between;align-items:center}.product-bottom strong{font-size:18px}.product-bottom strong small{font-size:11px;font-weight:500}.cart-button{width:38px;height:38px;border:1px solid #aed1ff;background:#fff;color:var(--blue);font-size:20px;border-radius:10px;cursor:pointer}.cta{background:linear-gradient(120deg,#061b41,#0a65d8);color:#fff;padding:56px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between}.cta h2{margin:0}.cta p{color:#cce1ff}.page-hero{background:linear-gradient(135deg,#eff7ff,#fff);padding:85px 0}.page-hero.compact{padding:48px 0}.page-hero p{font-size:18px;color:var(--muted);max-width:760px}.solutions-long{display:grid;gap:24px}.solutions-long article{display:grid;grid-template-columns:90px 1fr;gap:25px;border:1px solid var(--line);border-radius:var(--radius);padding:30px;align-items:start}.solutions-long h2{margin:5px 0 10px}.shop-layout{display:grid;grid-template-columns:230px 1fr;gap:30px}.filters{border:1px solid var(--line);border-radius:var(--radius);padding:22px;height:max-content;position:sticky;top:125px}.filters a{display:block;padding:9px 10px;color:var(--ink);border-radius:8px}.filters a.active,.filters a:hover{background:#eaf4ff;color:var(--blue);font-weight:800}.filters hr{border:0;border-top:1px solid var(--line);margin:20px 0}.filters label,.form-grid label,.auth-card label{display:grid;gap:7px;font-weight:700;font-size:13px}.filters input,input,textarea,select{border:1px solid #cfd9e8;border-radius:9px;padding:12px;font:inherit;background:#fff;width:100%}.filters button{margin-top:10px}.shop-toolbar{display:flex;justify-content:space-between;margin-bottom:18px;color:var(--muted)}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.product-detail-visual{height:520px;background:linear-gradient(145deg,#eef7ff,#dcecff);border-radius:28px;display:grid;place-items:center;position:relative}.product-detail-visual>span{font-size:150px}.float-badge{position:absolute;left:25px;bottom:25px;background:#fff;padding:10px 14px;border-radius:20px;font-weight:800}.product-detail h1{font-size:48px;margin:15px 0}.back-link{font-weight:700}.price-big{font-size:32px;font-weight:900;margin:20px 0}.price-big small{font-size:14px;color:var(--muted)}.check-list{padding:0;list-style:none}.check-list li{margin:10px 0}.check-list li:before{content:'✓';color:var(--green);font-weight:900;margin-right:9px}.buy-box{display:flex;gap:10px;background:var(--soft);padding:16px;border-radius:14px;margin:25px 0}.buy-box input{width:75px}.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:30px}.cart-table{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:15px}.cart-row{display:grid;grid-template-columns:60px 1fr 100px 130px;gap:14px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.cart-row:last-child{border-bottom:0}.cart-icon{width:50px;height:50px;border-radius:12px;background:var(--soft);display:grid;place-items:center;font-size:25px}.cart-row h3{margin:0}.cart-row label{font-size:11px;color:var(--muted)}.order-summary{border:1px solid var(--line);border-radius:var(--radius);padding:24px;height:max-content;box-shadow:var(--shadow)}.order-summary>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.order-summary .total{font-size:19px;border-top:2px solid var(--ink);margin-top:10px}.order-summary .btn{margin:20px 0 10px}.order-summary small{color:var(--muted)}.checkout-grid{display:grid;grid-template-columns:1fr 360px;gap:30px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid h2{margin-top:0}.form-grid .wide{grid-column:1/-1}.notice{background:#eef7ff;border:1px solid #cce4ff;padding:14px;border-radius:10px;color:#315078;font-size:13px}.auth-section{min-height:650px;background:radial-gradient(circle at 30% 20%,#dceeff,transparent 45%),var(--soft);display:grid;place-items:center;padding:60px 20px}.auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:35px;box-shadow:var(--shadow)}.auth-card.wide-card{width:min(760px,100%)}.auth-card form:not(.form-grid){display:grid;gap:16px}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:25px}.empty-state{padding:45px;text-align:center;border:1px dashed #aebdd3;border-radius:var(--radius);background:var(--soft)}.flash{position:fixed;right:25px;top:120px;z-index:100;max-width:420px;padding:14px 18px;border-radius:12px;box-shadow:var(--shadow);transition:.4s}.flash.success{background:#e7fff3;color:#08734d}.flash.error{background:#fff0f1;color:#9b2030}.flash.fade{opacity:0;transform:translateY(-10px)}.portal-shell{display:grid;grid-template-columns:245px 1fr;min-height:calc(100vh - 106px);background:#f5f8fc}.portal-sidebar{background:linear-gradient(#061b41,#08275a);color:#fff;padding:25px 16px;display:flex;flex-direction:column;gap:6px}.portal-brand{font-size:24px;font-weight:950;padding:10px 12px 25px}.portal-brand span{font-weight:500;font-size:15px}.portal-sidebar a{color:#dceaff;padding:12px 14px;border-radius:10px;font-size:14px}.portal-sidebar a.active,.portal-sidebar a:hover{background:var(--blue);color:#fff}.portal-sidebar hr{width:100%;border:0;border-top:1px solid #ffffff25;margin:15px 0}.admin-side{background:linear-gradient(#171b2b,#0e2449)}.portal-main{padding:34px;min-width:0}.portal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.portal-header h1{font-size:30px;margin:0 0 4px}.portal-header p{margin:0;color:var(--muted)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;grid-template-columns:42px 1fr;align-items:center}.kpi>span{font-size:27px;grid-row:1/3}.kpi small{color:var(--muted)}.kpi strong{font-size:27px}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.dashboard-grid .wide{grid-column:1/-1}.data-list>div{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.data-list small{display:block;color:var(--muted);margin-top:3px}.status{display:inline-block;padding:5px 9px;border-radius:20px;background:#edf1f6;color:#526079;font-size:11px;font-weight:800;text-transform:capitalize}.status.paid,.status.completed,.status.active,.status.open{background:#e4fbf0;color:#08724d}.status.pending,.status.processing,.status.new,.status.draft{background:#e7f2ff;color:#0966ce}.status.shipped{background:#eee9ff;color:#6d48c9}.status.cancelled,.status.late,.status.urgent{background:#ffe8eb;color:#b02f42}.device-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.device-summary>div,.device-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:15px;border-radius:12px}.device-summary small,.device-card small{display:block;color:var(--muted)}i.online,.device-card i{margin-left:auto;width:9px;height:9px;border-radius:50%;background:var(--green)}.device-card i.offline{background:var(--red)}.device-card i.warning,.device-card i.maintenance{background:var(--orange)}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:700px}.table-wrap th,.table-wrap td{text-align:left;padding:13px;border-bottom:1px solid var(--line);font-size:13px}.table-wrap th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.subscription-card strong{font-size:20px}.location-panel{margin-bottom:18px}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.inline-edit{display:grid;gap:8px;width:240px;padding:10px}.config-list>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.footer{background:#07152f;color:#bed0e8;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.footer h2{color:#fff}.footer a{display:block;color:#bed0e8;margin:9px 0}.footer-logo{width:220px;filter:brightness(0) invert(1);opacity:.92}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:30px;padding-top:20px;font-size:12px} @media(max-width:1000px){.nav-wrap{gap:14px}.main-nav{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;display:none;flex-direction:column;align-items:stretch;padding:14px;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:14px}.main-nav.open{display:flex}.main-nav>a{text-align:left;padding:10px 12px;border-radius:10px}.main-nav>a:hover{background:var(--soft)}.mobile-account-link{display:flex!important;flex-direction:column;gap:2px;background:#eef6ff!important;color:var(--blue)!important;border:1px solid #cfe3ff;font-weight:850!important}.mobile-account-link small{font-size:11px;font-weight:600;color:var(--muted)}.nav-toggle{display:block;margin-left:auto;min-width:44px;min-height:44px;border:1px solid var(--line);background:#fff;border-radius:10px;font-size:20px;cursor:pointer}.nav-actions{gap:8px}.nav-actions .icon-link{display:flex}.nav-actions .account-link{min-width:44px;height:44px;padding:0 10px;display:flex;gap:6px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:750}.nav-actions .account-label{display:inline;font-size:13px;white-space:nowrap}.nav-actions .account-icon{font-size:18px;line-height:1}.cart-link{min-height:44px;padding:0 4px}.hero-grid,.split,.product-detail,.contact-grid{grid-template-columns:1fr}.building-visual{order:-1;height:330px}.solution-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.shop-layout{grid-template-columns:1fr}.filters{position:static}.portal-shell{grid-template-columns:1fr}.portal-sidebar{display:flex;flex-direction:row;overflow:auto;position:sticky;top:106px;z-index:20;padding:10px}.portal-brand{display:none}.portal-sidebar hr{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.device-summary,.device-grid{grid-template-columns:repeat(2,1fr)}.cart-layout,.checkout-grid{grid-template-columns:1fr}.order-summary{order:-1}.footer-grid{grid-template-columns:1fr 1fr}.topbar{display:none}.site-header{top:0}} @media(max-width:650px){.container{width:min(100% - 24px,1180px)}.nav-wrap{height:72px;gap:8px}.brand{width:135px;flex:0 0 135px}.brand img{width:135px}.nav-toggle{min-width:40px;width:40px;min-height:40px;height:40px}.nav-actions{gap:5px}.nav-actions .account-link{min-width:40px;height:40px;padding:0 8px}.cart-link{min-height:40px;gap:3px}.cart-link span{font-size:11px;min-width:20px;padding:2px 5px}.hero{padding:35px 0}.hero h1,.page-hero h1{font-size:40px}.building{transform:scale(.8)}.button-row,.cta-inner{align-items:stretch;flex-direction:column}.trust-row{display:grid}.section{padding:55px 0}.section h2{font-size:31px}.section-head{align-items:start;flex-direction:column}.solution-grid,.product-grid,.feature-list,.stats,.kpi-grid,.card-grid,.device-grid,.device-summary{grid-template-columns:1fr}.product-detail-visual{height:320px}.product-detail-visual>span{font-size:100px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:1}.cart-row{grid-template-columns:50px 1fr}.cart-row>div:nth-child(3),.cart-row>strong{grid-column:2}.portal-main{padding:20px 12px}.portal-header{align-items:start;gap:12px;flex-direction:column}.data-list>div{grid-template-columns:1fr auto}.data-list>div>strong{grid-column:1/-1}.footer-grid{grid-template-columns:1fr}.solutions-long article{grid-template-columns:1fr}.flash{left:12px;right:12px;top:90px}} .action-links{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.muted{color:#6b7280} .admin-create{margin-bottom:18px}.admin-create>summary{cursor:pointer;margin-bottom:18px}.product-admin-table details summary{cursor:pointer;font-weight:800;color:var(--blue)}.product-admin-table .inline-edit{width:320px}.ticket-admin-grid{display:grid;gap:18px}.ticket-admin-card h2{font-size:18px;margin:0}.ticket-message{background:var(--soft);padding:16px;border-radius:12px;white-space:normal}.ticket-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.ticket-actions label{display:grid;gap:6px;font-size:12px;font-weight:800} @media(max-width:650px){.ticket-actions{grid-template-columns:1fr}.product-admin-table .inline-edit{width:260px}} .settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.settings-form small{color:var(--muted);font-weight:500;line-height:1.45}.settings-section-title{border-top:1px solid var(--line);padding-top:22px;margin-top:6px}.input-prefix,.input-suffix{display:flex;align-items:stretch}.input-prefix span,.input-suffix span{display:grid;place-items:center;min-width:48px;padding:0 12px;background:var(--soft);border:1px solid #cfd9e8;font-weight:900}.input-prefix span{border-radius:9px 0 0 9px;border-right:0}.input-suffix span{border-radius:0 9px 9px 0;border-left:0}.input-prefix input{border-radius:0 9px 9px 0}.input-suffix input{border-radius:9px 0 0 9px}.settings-preview>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.settings-preview .total{font-size:19px;border-top:2px solid var(--ink);margin-top:10px}.settings-preview p{font-size:13px;line-height:1.6}@media(max-width:1000px){.settings-layout{grid-template-columns:1fr}.settings-preview{order:-1}} .product-visual img{width:100%;height:100%;object-fit:contain;padding:18px}.product-detail-visual img{width:100%;height:100%;object-fit:contain;padding:35px}.import-note{background:#eef7ff;border:1px solid #cce4ff;padding:14px;border-radius:10px;margin-bottom:18px}.brand-tag{display:inline-block;font-size:11px;font-weight:800;background:#edf4ff;color:#075fbf;padding:4px 7px;border-radius:12px;margin-top:4px} .catalog-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.catalog-kpis .panel{display:grid;gap:5px}.catalog-kpis small,.catalog-kpis span{color:var(--muted)}.catalog-kpis strong{font-size:22px}.margin-category-panel{margin-bottom:18px}.margin-category-panel>summary{cursor:pointer}.category-margin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;max-height:480px;overflow:auto}.category-margin-grid form{display:grid;grid-template-columns:minmax(180px,1fr) 150px auto;gap:10px;align-items:end;border:1px solid var(--line);border-radius:12px;padding:12px}.category-margin-grid small{display:block;color:var(--muted);margin-top:3px}.category-margin-grid label{display:grid;gap:5px;font-size:11px}.product-filters{display:grid;grid-template-columns:2fr repeat(5,minmax(130px,1fr)) auto auto;gap:10px;align-items:end;margin-bottom:18px}.product-filters label{display:grid;gap:5px;font-size:11px;font-weight:800}.bulk-product-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.bulk-product-bar select{min-width:230px}.bulk-selection-status{font-size:12px;font-weight:800;color:var(--muted);background:var(--soft);border-radius:999px;padding:7px 10px}.product-admin-table{padding:0}.product-admin-table table{min-width:1300px}.product-admin-table td{vertical-align:top}.product-admin-table .inline-edit{width:390px;grid-template-columns:1fr 1fr}.product-admin-table .inline-edit label{display:grid;gap:5px}.product-admin-table .inline-edit label:nth-last-child(4),.product-admin-table .inline-edit label:nth-last-child(5){grid-column:1/-1}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.pagination a,.pagination span{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px}.supplier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.supplier-card{display:grid;gap:14px}.supplier-card h2{margin:5px 0 0}.supplier-code{display:inline-block;padding:4px 8px;border-radius:8px;background:var(--soft);font-weight:900}.supplier-card dl{margin:0}.supplier-card dl>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0}.supplier-card dt{color:var(--muted)}.supplier-card dd{font-weight:800}.supplier-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:18px;margin-bottom:18px}.supplier-import-form small{color:var(--muted);font-weight:500;line-height:1.45}.check-option{display:flex!important;align-items:center;gap:10px!important;border:1px solid var(--line);border-radius:10px;padding:12px}.check-option input{width:auto}.supplier-how-it-works ol{padding-left:20px;line-height:1.7}.supplier-how-it-works p{font-size:13px;line-height:1.6}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-head h2{margin:0}.panel-head p{margin:4px 0 0}.import-jobs,.comparison-panel{margin-bottom:18px}.status.queued{background:#edf1f6;color:#526079}.status.running{background:#e7f2ff;color:#0966ce}.status.completed{background:#e4fbf0;color:#08724d}.status.failed{background:#ffe8eb;color:#b02f42}.product-identifiers{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.product-identifiers span{font-size:11px;font-weight:800;background:var(--soft);border-radius:20px;padding:6px 9px}.stock-line{font-weight:800}.stock-line.in-stock,.card-stock.available{color:#08724d}.stock-line.out-stock,.card-stock.unavailable{color:#9b2030}.card-stock{display:block;font-size:12px;font-weight:800;margin:7px 0}.product-specs{border:1px solid var(--line);border-radius:12px;padding:14px;margin:18px 0}.product-specs summary{cursor:pointer;font-weight:900}.product-specs dl{margin:12px 0 0}.product-specs dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:8px 0}.product-specs dt{color:var(--muted)}.product-specs dd{font-weight:800;margin:0;text-align:right} @media(max-width:1200px){.product-filters{grid-template-columns:repeat(3,1fr)}.catalog-kpis,.supplier-grid{grid-template-columns:1fr 1fr}.supplier-layout{grid-template-columns:1fr}.category-margin-grid{grid-template-columns:1fr}} @media(max-width:700px){.catalog-kpis,.supplier-grid,.product-filters{grid-template-columns:1fr}.category-margin-grid form{grid-template-columns:1fr}.bulk-product-bar{align-items:stretch;flex-direction:column}.bulk-product-bar>*{width:100%}.product-admin-table .inline-edit{width:270px;grid-template-columns:1fr}.supplier-import-form{grid-template-columns:1fr}.panel-head{align-items:stretch;flex-direction:column}} /* Mollie, PostNL en partneruitbreiding */ .notice.warning{background:#fff8e8;border-color:#f4d18c}.notice.danger{background:#fff0f1;border:1px solid #f1b8bd;color:#8d1e2a}.danger-button{color:#a82936;border:1px solid #efc1c5;background:#fff}.narrow{max-width:760px}.checkout-page .section-head{margin-bottom:22px}.checkout-form h2{margin:0}.address-check{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.payment-method-list{display:grid;gap:10px}.payment-method-card{display:grid!important;grid-template-columns:auto 56px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:13px;cursor:pointer;background:#fff}.payment-method-card:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 3px #0868e817}.payment-method-card input{width:auto}.payment-method-card small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.payment-method-card strong{font-size:12px}.payment-mark{display:inline-grid;place-items:center;min-width:46px;height:28px;padding:0 8px;border-radius:7px;font-style:normal;font-size:12px;font-weight:950;background:#fff;border:1px solid #d4dce8;color:#17233b}.payment-mark.ideal{background:#fff;color:#cc0066}.payment-mark.in3{background:#65e6c4;color:#0a3330;border-color:#65e6c4}.payment-mark.riverty{background:#151515;color:#fff;border-color:#151515}.payment-mark.klarna{background:#ffb3c7;color:#191919;border-color:#ffb3c7}.checkout-security{margin-top:18px;padding:13px;border-radius:10px;background:var(--soft);font-size:12px;line-height:1.5}.order-summary small{display:block;color:var(--muted);margin-top:12px}.product-payment-options{margin:20px 0;padding:17px;border:1px solid #bddbff;background:#f2f8ff;border-radius:14px}.product-payment-options>b{display:block;margin-bottom:11px}.payment-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.payment-badges>span{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);padding:7px 10px;border-radius:10px;font-size:12px;font-weight:800}.mini-methods{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.mini-methods span{font-size:10px;font-weight:900;padding:3px 6px;border-radius:7px;background:#edf5ff;color:#075fbf}.footer-payments{border-top:1px solid #ffffff1a;margin-top:26px;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:15px}.payment-widget-row{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.payment-widget-row b{font-size:11px;color:#d8e7fa;margin-right:7px}.partner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.partner-card{display:grid;grid-template-columns:150px 1fr;gap:24px;border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:var(--shadow);background:#fff}.partner-logo-wrap{height:140px;border-radius:18px;background:linear-gradient(145deg,#f7fbff,#e5f1ff);display:grid;place-items:center;overflow:hidden}.partner-logo-wrap img{max-height:90px;max-width:120px;object-fit:contain}.partner-logo-wrap span{font-size:42px;font-weight:950;color:var(--blue)}.partner-card h2{margin:12px 0 8px}.payment-promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.payment-promo{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.payment-promo h3{margin:15px 0 8px}.payment-promo p{color:var(--muted)}.payment-result{text-align:center;padding:45px}.result-icon{width:76px;height:76px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;font-size:38px;font-weight:950}.payment-result.success .result-icon{background:#e2f8ed;color:#08724d}.payment-result.failed .result-icon{background:#ffe7e9;color:#ad2636}.payment-result.pending .result-icon{background:#e8f2ff;color:#0868e8}.result-details{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.result-details div{background:var(--soft);padding:14px;border-radius:12px}.result-details span{display:block;color:var(--muted);font-size:11px}.result-details b{display:block;margin-top:5px}.integration-status{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 14px;padding:14px;border:1px solid var(--line);border-radius:12px}.payment-setting-block{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--soft)}.payment-setting-block .check-option{background:#fff}.order-admin-grid{display:grid;gap:16px}.order-admin-card h2{margin:0}.order-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.order-meta div{background:var(--soft);padding:12px;border-radius:10px}.order-meta span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.order-meta b{font-size:12px;display:block;margin-top:4px}.order-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.order-actions form{display:flex;gap:7px;align-items:center}.tracking-link{display:inline-block;margin-top:12px;font-weight:800}.partner-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.config-list b{font-size:12px}.admin-side a{white-space:nowrap} @media(max-width:1000px){.partner-grid,.payment-promo-grid,.partner-admin-grid{grid-template-columns:1fr}.order-meta{grid-template-columns:1fr 1fr}.footer-payments{align-items:flex-start;flex-direction:column}.payment-widget-row{justify-content:flex-start}} @media(max-width:650px){.payment-method-card{grid-template-columns:auto 45px 1fr}.payment-method-card strong{grid-column:2/-1}.payment-setting-block,.result-details,.order-meta{grid-template-columns:1fr}.partner-card{grid-template-columns:1fr}.partner-logo-wrap{height:100px}.order-actions,.order-actions form{align-items:stretch;flex-direction:column}.order-actions>*{width:100%}} .shipment-list{display:grid;gap:8px;margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfdff}.shipment-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.shipment-row span:first-child{display:grid;gap:3px}.shipment-row small{color:var(--muted)} @media(max-width:650px){.shipment-row{align-items:stretch;flex-direction:column}.shipment-row .btn{width:100%}} /* Hoofd- en subcategorieën */ .filter-category-group{border-top:1px solid var(--line);padding-top:8px;margin-top:8px}.filters .filter-main{display:flex;align-items:center;justify-content:space-between;font-weight:900}.filters .filter-main small,.filter-subcategories a small{font-size:10px;opacity:.72}.filter-subcategories{display:grid;padding-left:12px;border-left:2px solid #dce9f8;margin:4px 0 10px 7px}.filter-subcategories a{display:flex!important;align-items:center;justify-content:space-between;font-size:12px;padding:7px 8px!important}.category-main-row td{background:var(--soft);font-weight:800}.category-child-row td:first-child{padding-left:28px}.muted-line{display:block;color:var(--muted);font-weight:500;margin-top:4px;max-width:620px}.category-child-row .status{white-space:nowrap} /* v8: compacte webshopnavigatie, hoofdgroepen en merkenpagina */ .nav-wrap{position:relative}.main-nav{gap:20px}.nav-catalog{position:static}.nav-catalog-trigger{display:flex;align-items:center;gap:2px}.nav-catalog-trigger>a{padding:28px 0}.nav-catalog-trigger button{border:0;background:transparent;color:var(--ink);cursor:pointer;padding:7px 5px;font-weight:900;font-size:15px;transition:.2s}.nav-catalog:hover .nav-catalog-trigger>a,.nav-catalog.open .nav-catalog-trigger>a,.nav-catalog:focus-within .nav-catalog-trigger>a{color:var(--blue)}.nav-catalog.open .nav-catalog-trigger button{transform:rotate(180deg)}.catalog-mega{position:absolute;top:76px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:0 0 22px 22px;box-shadow:0 28px 60px rgba(7,29,69,.18);padding:22px;opacity:0;visibility:hidden;transform:translateY(-7px);pointer-events:none;transition:.18s;z-index:60}.nav-catalog:hover .catalog-mega,.nav-catalog.open .catalog-mega,.nav-catalog:focus-within .catalog-mega{opacity:1;visibility:visible;transform:none;pointer-events:auto}.catalog-mega-head{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:16px}.catalog-mega-head strong{display:block;font-size:17px}.catalog-mega-head small{display:block;color:var(--muted);margin-top:4px}.catalog-mega-actions{display:flex;gap:10px}.catalog-mega-actions a{border:1px solid var(--line);border-radius:10px;padding:9px 12px!important;color:var(--blue)!important;background:var(--soft)}.catalog-mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.catalog-mega-card{display:grid!important;grid-template-columns:38px 1fr;align-items:center;gap:10px;border-radius:12px;padding:11px!important;color:var(--ink)!important}.catalog-mega-card:hover{background:#eef6ff}.catalog-mega-card i{width:38px;height:38px;border-radius:11px;background:#e6f2ff;display:grid;place-items:center;font-style:normal;font-size:19px}.catalog-mega-card b,.catalog-mega-card small{display:block}.catalog-mega-card b{font-size:13px}.catalog-mega-card small{color:var(--muted);font-size:11px;margin-top:2px} .catalog-hero{background:radial-gradient(circle at 84% 10%,#dceeff 0,transparent 34%),linear-gradient(135deg,#f5faff,#fff);padding:58px 0 34px;border-bottom:1px solid var(--line)}.catalog-hero-grid{display:grid;grid-template-columns:1fr 310px;gap:34px;align-items:end}.catalog-hero h1,.brands-hero h1{font-size:clamp(38px,4.7vw,62px);line-height:1.03;letter-spacing:-.045em;margin:10px 0 14px}.catalog-hero p,.brands-hero p{font-size:17px;line-height:1.6;color:var(--muted);max-width:720px}.brand-directory-cta{display:grid;grid-template-columns:46px 1fr auto;gap:13px;align-items:center;padding:17px;background:#fff;border:1px solid #bfdcff;border-radius:16px;box-shadow:var(--shadow);color:var(--ink)}.brand-directory-cta>span{width:46px;height:46px;border-radius:13px;background:#e8f4ff;color:var(--blue);display:grid;place-items:center;font-size:24px}.brand-directory-cta b,.brand-directory-cta small{display:block}.brand-directory-cta small{color:var(--muted);margin-top:3px}.brand-directory-cta i{font-style:normal;color:var(--blue);font-size:20px}.catalog-search{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:13px;box-shadow:0 15px 38px rgba(9,37,84,.08);display:grid;grid-template-columns:minmax(270px,1fr) 245px 185px auto;gap:10px;align-items:end}.catalog-search label{display:grid;gap:6px;font-size:11px;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.04em}.catalog-search input,.catalog-search select{border-color:transparent;background:var(--soft);height:47px}.catalog-search .btn{height:47px;white-space:nowrap}.catalog-section{padding-top:62px;padding-bottom:54px}.catalog-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.catalog-section-head h2,.catalog-results-head h2,.brand-directory-head h2{font-size:35px;margin:7px 0 5px}.catalog-section-head p{margin:0;color:var(--muted)}.text-action{font-weight:800;white-space:nowrap}.main-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.main-category-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center;color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff;transition:.18s}.main-category-card:hover,.main-category-card.active{border-color:#8fc3ff;background:#f4f9ff;box-shadow:0 11px 26px rgba(8,104,232,.09);transform:translateY(-2px)}.main-category-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#eaf5ff,#d7ebff);font-size:23px}.main-category-copy b,.main-category-copy small,.main-category-count small{display:block}.main-category-copy b{font-size:14px}.main-category-copy small{color:var(--muted);font-size:11px;line-height:1.35;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.main-category-count{text-align:right;font-size:16px;font-weight:900;color:var(--blue)}.main-category-count small{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:700}.subcategory-panel{margin-top:18px;border:1px solid #c9e1ff;background:linear-gradient(135deg,#f7fbff,#eef6ff);border-radius:18px;padding:20px}.subcategory-panel-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px}.subcategory-panel-head h3{font-size:23px;margin:5px 0 0}.subcategory-panel-head>a{font-weight:800}.subcategory-chips{display:flex;gap:8px;flex-wrap:wrap}.subcategory-chips a{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 12px;color:var(--ink);font-size:12px;font-weight:750}.subcategory-chips a:hover,.subcategory-chips a.active{background:var(--blue);border-color:var(--blue);color:#fff}.subcategory-chips small{opacity:.7}.catalog-results-section{padding-top:58px}.catalog-results-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:18px}.catalog-result-count{display:flex;gap:11px;align-items:center;text-align:left}.catalog-result-count strong{font-size:31px;color:var(--blue)}.catalog-result-count span{font-size:11px;color:var(--muted);line-height:1.35}.active-filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.active-filter-row a{display:flex;gap:9px;background:#fff;border:1px solid #bddbff;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:750}.catalog-product-grid{grid-template-columns:repeat(4,1fr)}.catalog-empty span,.brand-search-empty>span{display:block;font-size:36px;color:var(--blue)}.catalog-empty h3,.brand-search-empty h3{font-size:23px;margin:9px 0}.catalog-empty p,.brand-search-empty p{color:var(--muted)} .product-card-meta{display:flex;gap:7px;flex-wrap:wrap;align-items:center;font-size:10px}.product-card-meta>*{border-radius:999px;padding:4px 7px;background:var(--soft);color:var(--muted);font-weight:800}.product-card-meta .product-brand-link{background:#e7f3ff;color:var(--blue)}.product-identifiers a{font-size:11px;font-weight:800;background:#e7f3ff;border-radius:20px;padding:6px 9px} .brands-hero{background:radial-gradient(circle at 82% 15%,#dceeff 0,transparent 34%),linear-gradient(135deg,#f5faff,#fff);padding:68px 0 38px;border-bottom:1px solid var(--line)}.brands-hero-grid{display:grid;grid-template-columns:1fr 250px;gap:45px;align-items:center}.brands-hero-stat{background:var(--navy);color:#fff;border-radius:24px;padding:27px;display:grid;box-shadow:0 20px 45px rgba(7,29,69,.22)}.brands-hero-stat strong{font-size:52px;line-height:1}.brands-hero-stat span{font-size:14px;color:#b9d8ff;margin:4px 0 18px}.brands-hero-stat b{padding-top:15px;border-top:1px solid #ffffff26;font-size:13px}.brand-search-form{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;display:grid;grid-template-columns:45px 1fr auto;align-items:center;box-shadow:var(--shadow)}.brand-search-form>span{font-size:24px;color:var(--blue);text-align:center}.brand-search-form input{border:0;font-size:16px;outline:0}.brand-featured-section{padding-bottom:64px}.featured-brand-grid,.home-brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.featured-brand-card,.home-brand-card{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:15px;border-radius:15px;border:1px solid var(--line);background:#fff;color:var(--ink);transition:.18s}.featured-brand-card:hover,.home-brand-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#a9d1ff}.featured-brand-card>span,.home-brand-card>span{width:48px;height:48px;border-radius:13px;background:linear-gradient(145deg,#e9f5ff,#d9ebff);display:grid;place-items:center;color:var(--blue);font-size:14px;font-weight:950;letter-spacing:-.03em}.featured-brand-card b,.featured-brand-card small,.home-brand-card b,.home-brand-card small{display:block}.featured-brand-card small,.home-brand-card small{color:var(--muted);margin-top:3px;font-size:11px}.featured-brand-card i,.home-brand-card i{font-style:normal;color:var(--blue)}.home-brand-section{background:linear-gradient(180deg,#fff,#f8fbff)}.brand-directory-section{padding-top:62px}.brand-directory-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.brand-directory-head>span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-weight:800;color:var(--muted)}.alphabet-nav{display:flex;gap:6px;flex-wrap:wrap;margin:23px 0 30px;position:sticky;top:107px;z-index:12;padding:10px;background:#f4f8fdea;border-radius:13px;backdrop-filter:blur(8px)}.alphabet-nav a{width:33px;height:33px;border:1px solid var(--line);border-radius:9px;background:#fff;display:grid;place-items:center;font-size:12px;font-weight:900;color:var(--ink)}.alphabet-nav a:hover{background:var(--blue);border-color:var(--blue);color:#fff}.brand-directory{display:grid;gap:30px}.brand-letter-group{scroll-margin-top:165px}.brand-letter-group h3{font-size:28px;color:var(--blue);margin:0 0 12px;border-bottom:2px solid #dcecff;padding-bottom:8px}.brand-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.brand-list-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px;color:var(--ink)}.brand-list-item:hover{border-color:#9bc9ff;box-shadow:0 8px 22px rgba(8,104,232,.08)}.brand-list-initials{width:40px;height:40px;border-radius:11px;background:var(--soft);display:grid;place-items:center;color:var(--blue);font-size:12px;font-weight:950}.brand-list-item b,.brand-list-item small{display:block;overflow:hidden;text-overflow:ellipsis}.brand-list-item b{font-size:13px;white-space:nowrap}.brand-list-item small{color:var(--muted);font-size:10px;margin-top:3px}.brand-list-item i{font-style:normal;color:var(--blue)} @media(max-width:1120px){.main-nav{gap:13px}.main-nav a{font-size:13px}.catalog-search{grid-template-columns:1fr 220px 180px}.catalog-search .btn{grid-column:1/-1}.catalog-mega-grid,.main-category-grid{grid-template-columns:repeat(2,1fr)}.catalog-product-grid{grid-template-columns:repeat(3,1fr)}.featured-brand-grid,.home-brand-grid{grid-template-columns:repeat(3,1fr)}} @media(max-width:1000px){.nav-catalog{width:100%}.nav-catalog-trigger{justify-content:center}.nav-catalog-trigger>a{padding:0}.nav-catalog-trigger button{padding:3px 8px}.catalog-mega{position:static;display:none;opacity:1;visibility:visible;transform:none;pointer-events:auto;border:0;box-shadow:none;border-radius:12px;padding:12px;background:var(--soft);width:100%;margin-top:8px}.nav-catalog.open .catalog-mega{display:block}.nav-catalog:hover .catalog-mega:not(:focus-within){display:none}.nav-catalog.open:hover .catalog-mega{display:block}.catalog-mega-head{align-items:flex-start;flex-direction:column}.catalog-mega-grid{grid-template-columns:1fr 1fr}.catalog-hero-grid,.brands-hero-grid{grid-template-columns:1fr}.brand-directory-cta{max-width:420px}.catalog-search{grid-template-columns:1fr 1fr}.catalog-search-main{grid-column:1/-1}.catalog-search .btn{grid-column:auto}.main-category-grid{grid-template-columns:repeat(2,1fr)}.catalog-product-grid{grid-template-columns:repeat(2,1fr)}.featured-brand-grid,.home-brand-grid,.brand-list-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:650px){.catalog-mega-grid{grid-template-columns:1fr}.catalog-mega-actions{width:100%;flex-direction:column}.catalog-mega-actions a{text-align:center}.catalog-hero,.brands-hero{padding:38px 0 24px}.catalog-hero-grid{gap:18px}.catalog-hero h1,.brands-hero h1{font-size:39px}.catalog-search{grid-template-columns:1fr;margin-top:20px}.catalog-search-main,.catalog-search .btn{grid-column:auto}.catalog-section-head,.catalog-results-head,.subcategory-panel-head,.brand-directory-head{align-items:flex-start;flex-direction:column}.main-category-grid,.catalog-product-grid,.featured-brand-grid,.home-brand-grid,.brand-list-grid{grid-template-columns:1fr}.main-category-card{grid-template-columns:45px 1fr auto;padding:13px}.main-category-copy small{display:none}.subcategory-panel{padding:15px}.subcategory-chips{display:grid;grid-template-columns:1fr}.subcategory-chips a{justify-content:space-between;border-radius:11px}.catalog-result-count{align-self:stretch;justify-content:space-between;padding:12px;background:#fff;border-radius:13px}.brands-hero-stat{max-width:280px}.brand-search-form{grid-template-columns:38px 1fr}.brand-search-form .btn{grid-column:1/-1}.alphabet-nav{top:78px;overflow:auto;flex-wrap:nowrap}.brand-letter-group{scroll-margin-top:135px}.brand-list-item{padding:11px}.brand-featured-section{padding-bottom:48px}} /* v8.1 — veilige productafbeeldingen en winkelwagenminiaturen */ .product-visual{ overflow:hidden; isolation:isolate; padding:16px; } .product-visual img{ display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; object-position:center; } .product-detail-visual{ overflow:hidden; isolation:isolate; padding:28px; } .product-detail-visual img{ display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; object-position:center; } .product-detail-visual .float-badge{ z-index:2; } .cart-row{ grid-template-columns:82px minmax(0,1fr) 108px 130px; } .cart-product-image{ width:72px; height:72px; border:1px solid var(--line); border-radius:14px; background:#fff; display:grid; place-items:center; overflow:hidden; padding:7px; } .cart-product-image img{ display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; object-position:center; } .cart-product-image>span{ font-size:30px; } .cart-product-copy{ min-width:0; } .cart-product-copy h3{ font-size:15px; line-height:1.35; } .cart-product-copy h3 a{ color:var(--ink); } .cart-product-copy h3 a:hover{ color:var(--blue); } .cart-product-codes{ display:flex; flex-wrap:wrap; gap:5px; margin-top:7px; } .cart-product-codes span{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-radius:999px; padding:4px 7px; background:var(--soft); color:var(--muted); font-size:10px; font-weight:750; } .cart-quantity{ display:grid; gap:5px; } .cart-quantity input{ width:100%; min-width:0; } .cart-quantity small{ color:var(--muted); font-size:9px; } .cart-line-total{ text-align:right; white-space:nowrap; } @media(max-width:650px){ .product-visual{height:210px;padding:18px} .product-detail-visual{padding:18px} .cart-row{ grid-template-columns:72px minmax(0,1fr); gap:12px; align-items:start; } .cart-product-image{ width:64px; height:64px; grid-row:1/3; } .cart-product-copy{ grid-column:2; } .cart-quantity{ grid-column:2; width:min(130px,100%); } .cart-line-total{ grid-column:2; text-align:left; font-size:18px; } } /* v8.2 — compactere productafbeeldingen met extra witruimte */ .product-visual{ height:158px; padding:22px; } .product-visual img{ width:auto; height:auto; max-width:82%; max-height:116px; } .product-detail-visual{ height:455px; padding:42px; } .product-detail-visual img{ width:auto; height:auto; max-width:82%; max-height:345px; } .cart-row{ grid-template-columns:70px minmax(0,1fr) 108px 130px; } .cart-product-image{ width:60px; height:60px; padding:8px; } @media(max-width:650px){ .product-visual{ height:158px; padding:22px; } .product-visual img{ max-width:78%; max-height:112px; } .product-detail-visual{ height:340px; padding:34px; } .product-detail-visual img{ max-width:82%; max-height:250px; } .cart-row{ grid-template-columns:62px minmax(0,1fr); } .cart-product-image{ width:54px; height:54px; padding:7px; } } /* v8.3 – duidelijke aantal × stukprijs en regeltotalen */ .checkout-summary-items{display:grid;gap:0;margin-bottom:2px}.checkout-summary-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;padding:10px 0;border-bottom:1px solid var(--line)}.checkout-summary-copy{display:grid;gap:4px;min-width:0}.checkout-summary-copy strong{font-size:14px;line-height:1.38;font-weight:650}.checkout-summary-copy small{display:block!important;margin:0!important;font-size:11px;color:var(--muted)}.checkout-summary-item>b{white-space:nowrap;padding-top:1px}.cart-line-price{display:grid;justify-items:end;gap:4px;text-align:right}.cart-line-price small{color:var(--muted);white-space:nowrap}.cart-line-price .cart-line-total{display:block}@media(max-width:720px){.checkout-summary-item{gap:10px}.checkout-summary-copy strong{font-size:13px}.cart-line-price{grid-column:2;justify-items:start;text-align:left}.cart-line-price small{white-space:normal}} /* v8.4 – verticale en overzichtelijke checkout-samenvatting */ .checkout-order-summary{ padding:26px; overflow:hidden; } .order-summary>.checkout-summary-heading{ display:flex; justify-content:flex-start; align-items:center; gap:12px; padding:0 0 18px; border-bottom:1px solid var(--line); } .checkout-summary-heading__icon{ width:42px; height:42px; flex:0 0 42px; display:grid; place-items:center; border-radius:13px; background:#edf6ff; font-size:20px; } .checkout-summary-heading h2{ margin:0; font-size:27px; line-height:1.1; } .checkout-summary-heading small{ display:block; margin:4px 0 0!important; font-size:12px; color:var(--muted); } .order-summary>.checkout-summary-items{ display:block; padding:6px 0 0; border-bottom:0; } .checkout-summary-item{ display:grid!important; grid-template-columns:minmax(0,1fr) auto; gap:18px; align-items:start; padding:15px 0; border-bottom:1px solid var(--line); } .checkout-summary-item:last-child{ border-bottom:0; } .checkout-summary-copy{ display:grid; gap:6px; min-width:0; } .checkout-summary-copy strong{ display:block; font-size:14px; line-height:1.42; font-weight:750; overflow-wrap:anywhere; } .checkout-summary-copy small{ display:block!important; margin:0!important; color:var(--muted); font-size:11px; line-height:1.4; } .checkout-summary-line-total{ min-width:92px; text-align:right; } .checkout-summary-line-total span{ display:block; margin-bottom:4px; color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.045em; } .checkout-summary-line-total b{ display:block; color:var(--navy); font-size:15px; white-space:nowrap; } .order-summary>.checkout-summary-totals{ display:block; padding:12px 0 0; border-bottom:0; } .checkout-summary-row{ display:flex; justify-content:space-between; align-items:center; gap:18px; padding:11px 0; border-bottom:1px solid var(--line); font-size:14px; } .checkout-summary-row span{ min-width:0; } .checkout-summary-row b{ flex:0 0 auto; white-space:nowrap; } .checkout-summary-grand-total{ margin-top:8px; padding:16px 0 12px; border-top:2px solid var(--navy); border-bottom:0; color:var(--navy); font-size:19px; } .checkout-summary-grand-total b{ font-size:21px; } .checkout-shipping-details{ display:block!important; margin:6px 0 0!important; padding-top:12px; border-top:1px solid var(--line); color:var(--muted); font-size:11px; line-height:1.5; } .order-summary>.checkout-shipping-notice{ display:block; margin-top:12px; } .order-summary>.checkout-security{ display:flex; justify-content:flex-start; align-items:flex-start; gap:8px; margin-top:18px; padding:13px; border:1px solid #dbe7f5; border-radius:12px; background:#f4f8fd; font-size:11px; line-height:1.5; } @media(max-width:720px){ .checkout-order-summary{ padding:20px; } .checkout-summary-heading h2{ font-size:23px; } .checkout-summary-item{ grid-template-columns:minmax(0,1fr) auto; gap:12px; } .checkout-summary-copy strong{ font-size:13px; } .checkout-summary-line-total{ min-width:82px; } .checkout-summary-line-total b{ font-size:14px; } } @media(max-width:430px){ .checkout-summary-item{ grid-template-columns:1fr; gap:8px; } .checkout-summary-line-total{ display:flex; justify-content:space-between; align-items:center; min-width:0; text-align:left; } .checkout-summary-line-total span{ margin:0; } } /* ========================================================= V9 - operationeel beheer, Mailgun, retouren en orderpick ========================================================= */ .header-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center} .manual-order-form{max-width:1180px} .manual-order-lines{padding:20px;border:1px solid var(--line);border-radius:16px;background:#f8fbff} .manual-order-lines-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px} .manual-order-lines-head h2,.manual-order-lines-head p{margin:0}.manual-order-lines-head p{margin-top:4px;color:var(--muted)} .product-search-box{position:relative;margin-bottom:16px}.product-search-box>input{width:100%;padding:13px 15px;border:1px solid #bfcbe0;border-radius:12px;background:#fff} .product-search-box [data-product-results]{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);max-height:320px;overflow:auto;border-radius:12px;box-shadow:0 16px 34px rgba(9,33,73,.18);background:#fff} .product-search-box [data-product-result]{display:flex;width:100%;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;cursor:pointer}.product-search-box [data-product-result]:hover{background:#eef5ff}.product-search-box [data-product-result] small{color:var(--muted)} .manual-order-line{display:grid;grid-template-columns:minmax(260px,2.2fr) minmax(120px,1fr) 90px 130px 90px 36px;gap:10px;align-items:end;padding:14px 0;border-bottom:1px solid var(--line)} .manual-order-line label{margin:0}.manual-order-line input{width:100%}.line-remove{width:34px;height:40px;border:0;border-radius:9px;background:#feecec;color:#ad2525;font-size:24px;cursor:pointer} .manual-order-live-total{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:15px 17px;border-radius:12px;background:var(--navy);color:#fff}.manual-order-live-total b{font-size:21px} .mail-compose{margin-top:20px}.mail-detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.75fr);gap:22px}.mail-detail dl{display:grid;grid-template-columns:110px 1fr;gap:8px 14px;margin:0 0 20px}.mail-detail dt{font-weight:700;color:var(--muted)}.mail-detail dd{margin:0;word-break:break-word}.mail-body{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fbfcff}.mail-body pre{margin:0;white-space:pre-wrap;word-break:break-word;font:inherit;line-height:1.6}.attachment-list{display:flex;gap:8px;flex-wrap:wrap}.admin-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px} .footer-newsletter{display:flex;gap:8px;margin:10px 0}.footer-newsletter input{min-width:0;width:100%;padding:10px 11px;border:1px solid rgba(255,255,255,.28);border-radius:9px;background:rgba(255,255,255,.09);color:#fff}.footer-newsletter input::placeholder{color:#cbd7e7}.footer-newsletter button{border:0;border-radius:9px;padding:10px 13px;background:#fff;color:var(--navy);font-weight:700;cursor:pointer} .legal-document{max-width:920px}.legal-document h2{margin-top:28px}.legal-document p{line-height:1.75}.legal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px} .pick-item{display:grid;grid-template-columns:84px minmax(0,1fr) 110px;gap:16px;align-items:start;padding:16px 0;border-bottom:1px solid var(--line)}.pick-item img{width:76px;height:76px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#fff}.serial-field textarea{font-family:ui-monospace,monospace} @media(max-width:1050px){.manual-order-line{grid-template-columns:repeat(2,minmax(0,1fr))}.manual-order-line .line-remove{justify-self:end}.mail-detail-grid{grid-template-columns:1fr}} @media(max-width:640px){.manual-order-lines{padding:14px}.manual-order-lines-head{flex-direction:column}.manual-order-line{grid-template-columns:1fr}.manual-order-line .line-remove{justify-self:start}.footer-newsletter{flex-direction:column}.mail-detail dl{grid-template-columns:1fr}.mail-detail dt{margin-top:8px}} /* V9 juridische documenteditor */ .legal-editor{margin-top:22px}.legal-editor textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.5;min-height:420px}.legal-editor-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.notice.warning{border-left:4px solid #e9a126;background:#fff8e8;color:#5a4313} .manual-order-address{border:1px solid #dbe4f0;border-radius:14px;padding:18px;margin:0}.manual-order-address legend{padding:0 8px;font-weight:800;color:#0a214a} .return-settings{margin-bottom:22px}.return-settings small{display:block;margin-top:5px;color:#65758d} /* V9.4 betaalworkflow instellingen */ .mollie-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mollie-method-grid .check-option{align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}.mollie-method-grid .check-option span{display:block}.mollie-method-grid .check-option small{display:block;color:var(--muted);font-weight:500;margin-top:4px}.mollie-method-grid .check-option.is-disabled{opacity:.62;background:#f4f6f9}.payment-setting-block>h3{grid-column:1/-1;margin:0 0 4px}.payment-setting-block>.wide{grid-column:1/-1} @media(max-width:760px){.mollie-method-grid{grid-template-columns:1fr}} /* V9.5 betaalmethodes */ .payment-provider-divider{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:16px 0 2px;padding:0 2px 8px;border-bottom:1px solid var(--line)} .payment-provider-divider:first-child{margin-top:0}.payment-provider-divider span{font-size:15px;font-weight:950;color:var(--ink)}.payment-provider-divider small{color:var(--muted);font-size:11px} .payment-mark.moneybird{background:#eaf4ff;border-color:#b7d5fa;color:#075caf}.payment-mark.mollie{background:#fff;border-color:#cfd9e8;color:#111}.payment-mark img{display:block;max-width:46px;max-height:22px;object-fit:contain} .payment-admin-form{display:grid;gap:18px}.payment-provider-panel{display:grid;gap:18px}.payment-provider-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.payment-provider-heading>div{display:flex;gap:14px;align-items:center}.payment-provider-heading h2{margin:0 0 4px}.payment-provider-heading p{margin:0;color:var(--muted)} .provider-logo{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-weight:950}.provider-logo.moneybird{background:#dceeff;color:#075caf}.provider-logo.mollie{background:#111;color:#fff}.payment-provider-options{display:flex;gap:10px;flex-wrap:wrap}.payment-provider-options .check-option{flex:1 1 280px} .payment-method-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.payment-admin-card{display:grid;grid-template-columns:auto 64px minmax(0,1fr);align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:13px;background:#fff;cursor:pointer}.payment-admin-card:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 3px #0868e812}.payment-admin-card.is-locked{opacity:.65;background:#f4f6f9;cursor:not-allowed}.payment-admin-card input{width:auto}.payment-admin-card small{display:block;color:var(--muted);margin-top:3px}.payment-admin-icon{height:38px;min-width:56px;padding:0 8px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:900;text-align:center}.payment-admin-icon.moneybird{background:#edf6ff;color:#075caf}.payment-admin-icon.mollie{background:#fff}.payment-admin-icon img{max-width:52px;max-height:26px;object-fit:contain}.payment-method-savebar{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;bottom:14px;z-index:3;box-shadow:0 12px 35px #17233b25}.payment-method-savebar small{display:block;color:var(--muted);margin-top:4px} @media(max-width:760px){.payment-method-admin-grid{grid-template-columns:1fr}.payment-provider-heading,.payment-method-savebar{align-items:stretch;flex-direction:column}.payment-provider-divider{align-items:flex-start;flex-direction:column}.payment-method-card{grid-template-columns:auto 52px minmax(0,1fr)}.payment-method-card strong{grid-column:2/-1}} /* v9.6.1 – herkenbare betaaliconen, één rustige klantenlijst */ .payment-method-list{ display:flex; flex-direction:column; gap:10px; } .payment-method-card{ display:grid!important; grid-template-columns:auto 96px minmax(0,1fr); align-items:center; gap:14px; padding:13px 16px; min-height:72px; } .payment-method-card input{margin:0} .payment-method-copy{min-width:0} .payment-method-copy b{display:block;font-size:15px;line-height:1.25;color:var(--ink)} .payment-method-copy small{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.35} .payment-method-card .payment-mark{ width:92px; min-width:92px; height:44px; padding:4px 8px; overflow:hidden; border:1px solid #e0e7f0; border-radius:10px; background:#fff; box-shadow:0 1px 2px #17233b08; } .payment-method-card .payment-mark img{ display:block; width:auto; height:auto; max-width:78px; max-height:34px; object-fit:contain; } .payment-method-card:has(input:checked) .payment-mark{ border-color:#b8d7ff; background:#fafdff; } .payment-method-admin-grid{grid-template-columns:1fr} .payment-admin-card{grid-template-columns:auto 102px minmax(0,1fr)} .payment-admin-icon{ width:98px; min-width:98px; height:48px; padding:5px 9px; overflow:hidden; background:#fff!important; border:1px solid #e0e7f0; border-radius:10px; } .payment-admin-icon img{ display:block; width:auto; height:auto; max-width:80px; max-height:36px; object-fit:contain; } @media(max-width:650px){ .payment-method-card{grid-template-columns:auto 82px minmax(0,1fr);gap:10px;padding:12px;min-height:68px} .payment-method-card .payment-mark{width:78px;min-width:78px;height:40px;padding:4px 6px} .payment-method-card .payment-mark img{max-width:66px;max-height:30px} .payment-admin-card{grid-template-columns:auto 86px minmax(0,1fr)} .payment-admin-icon{width:82px;min-width:82px;height:42px;padding:4px 6px} .payment-admin-icon img{max-width:70px;max-height:32px} } /* v9.7 Moneybird betaalbegeleiding */ .moneybird-payment-gate{max-width:680px;margin:0 auto;padding:clamp(24px,5vw,48px)} .moneybird-payment-gate h1{margin:.4rem 0 1rem} .moneybird-code-box{margin:24px 0;padding:22px;border:1px solid #cbd9ed;border-radius:18px;background:#f6f9fe;text-align:center} .moneybird-code-box>span{display:block;font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#62718a} .moneybird-code-box strong{display:block;margin:10px 0;font-size:clamp(2rem,8vw,3.2rem);letter-spacing:.32em;color:#071d43;font-variant-numeric:tabular-nums} .moneybird-code-box small,.small-help{display:block;color:#5c6d87;line-height:1.55} .secure-note{margin:18px 0;padding:12px 14px;border-radius:12px;background:#eef5ff;color:#23446f;font-size:.9rem} /* v9.7 administratietaken */ .admin-task-grid{display:grid;gap:18px}.admin-task-card{border-left:5px solid #f0a323}.admin-task-card.completed{border-left-color:#24a066}.admin-task-card.cancelled{border-left-color:#9aa6b8}.admin-task-description{margin:16px 0;padding:16px;border-radius:14px;background:#f6f8fc;color:#344560;line-height:1.55}.admin-task-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}.admin-task-actions details{min-width:min(100%,360px)}.admin-task-actions details[open]{flex:1 1 420px;padding:14px;border:1px solid #d9e2ef;border-radius:14px;background:#fff}.admin-task-actions summary{list-style:none;cursor:pointer}.admin-task-actions summary::-webkit-details-marker{display:none}.admin-task-actions form{display:grid;gap:12px;margin-top:14px}.btn.danger{background:#a72935;color:#fff;border-color:#a72935} /* v9.8 beheerders, support en compact besteloverzicht */ .auth-help{text-align:right;margin-top:-4px;font-size:13px}.auth-help a{font-weight:750} .admin-management-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr);gap:18px;align-items:start}.admin-user-list{display:grid;gap:10px}.admin-user-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff}.admin-user-row.inactive{opacity:.65;background:#f7f8fa}.admin-avatar{width:42px;height:42px;border-radius:12px;background:#e8f3ff;color:var(--blue);font-weight:950;display:grid;place-items:center;font-size:18px}.admin-user-info{min-width:0}.admin-user-info b,.admin-user-info span,.admin-user-info small{display:block}.admin-user-info span{font-size:13px;color:#3f506c;word-break:break-word}.admin-user-info small{font-size:11px;color:var(--muted);margin-top:3px}.admin-user-actions{position:relative}.admin-user-actions>summary{list-style:none;cursor:pointer}.admin-user-actions>summary::-webkit-details-marker{display:none}.admin-user-actions[open]{grid-column:1/-1;padding:14px;border:1px solid #d8e2ef;border-radius:12px;background:var(--soft)}.admin-user-actions form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:10px}.admin-user-actions form+form{grid-template-columns:auto;margin-top:8px} .ticket-layout{display:grid;grid-template-columns:minmax(330px,.75fr) minmax(480px,1.25fr);gap:18px;align-items:start}.ticket-create{position:sticky;top:125px}.ticket-list{display:grid;gap:8px}.ticket-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:#fff}.ticket-list-row:hover{border-color:#b6d5ff;background:#fbfdff}.ticket-list-row.unread{border-left:4px solid var(--blue);background:#f6faff}.ticket-list-row strong,.ticket-list-row small{display:block}.ticket-list-row strong{margin:4px 0;font-size:14px}.ticket-list-row small{color:var(--muted);font-size:11px}.ticket-list-title{display:flex;align-items:center;gap:8px}.unread-dot{display:inline-flex;align-items:center;padding:3px 7px;border-radius:20px;background:#e5f2ff;color:#0661c8;font-size:10px;font-weight:900}.ticket-detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.55fr);gap:18px;align-items:start}.ticket-conversation{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}.ticket-message-bubble{max-width:84%;padding:14px 16px;border-radius:16px;background:#f0f4fa;border:1px solid #e0e7f0;line-height:1.55}.ticket-message-bubble.customer{align-self:flex-end;background:#eaf4ff;border-color:#bddcff}.ticket-message-bubble.admin{align-self:flex-start;background:#fff}.ticket-message-bubble.internal{max-width:100%;align-self:stretch;background:#fff8e7;border-color:#eed18e}.ticket-message-bubble header{display:flex;justify-content:space-between;gap:15px;margin-bottom:8px;font-size:12px}.ticket-message-bubble time{color:var(--muted);white-space:nowrap}.ticket-reply-form{display:grid;gap:12px;padding-top:18px;border-top:1px solid var(--line)}.ticket-reply-form label{display:grid;gap:7px;font-size:13px;font-weight:800}.ticket-reply-options{display:grid;grid-template-columns:1fr 220px;gap:12px;align-items:end}.ticket-info-card{position:sticky;top:125px}.ticket-info-card form{display:grid;gap:12px}.ticket-info-card label{display:grid;gap:6px;font-size:12px;font-weight:800}.ticket-info-card hr{border:0;border-top:1px solid var(--line);margin:20px 0}.ticket-info-card dl{display:grid;grid-template-columns:90px 1fr;gap:9px 12px;margin:0;font-size:13px}.ticket-info-card dt{color:var(--muted)}.ticket-info-card dd{margin:0;word-break:break-word}.priority-badge{display:inline-block;padding:5px 8px;border-radius:20px;background:#eef1f5;color:#59677c;font-size:10px;font-weight:900}.priority-badge.urgent{background:#ffe4e8;color:#aa2135}.priority-badge.high{background:#fff0dd;color:#a45d05}.priority-badge.low{background:#edf3f9;color:#66758a} .compact-filter-bar{display:flex;align-items:end;gap:9px;flex-wrap:wrap;padding:14px;margin-bottom:14px}.compact-filter-bar label{display:grid;gap:5px;min-width:135px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.035em;color:#65738a}.compact-filter-bar input,.compact-filter-bar select{padding:9px 10px;font-size:12px;min-height:38px}.compact-filter-bar .filter-grow{flex:1 1 270px}.compact-table-panel{padding:0;overflow:visible}.compact-table-panel>.panel-head{padding:16px 18px 8px;margin:0}.compact-admin-table{min-width:1000px!important}.compact-admin-table th,.compact-admin-table td{padding:10px 12px!important;vertical-align:middle}.compact-admin-table th{background:#f8fafc;position:sticky;top:0;z-index:1}.compact-admin-table td{font-size:12px!important}.compact-admin-table td small{display:block;color:var(--muted);font-size:10px;margin-top:3px;line-height:1.35}.compact-admin-table .table-primary-link{display:block;font-size:13px;font-weight:900;color:var(--navy)}.compact-admin-table tr.is-unread td{background:#f5faff}.compact-pagination{margin:12px 0 18px;gap:7px}.compact-pagination a{padding:7px 10px;font-size:12px}.compact-pagination a.active{background:var(--blue);color:#fff;border-color:var(--blue)} .order-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.order-kpi-strip>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#fff}.order-kpi-strip span{font-size:11px;color:var(--muted);font-weight:750}.order-kpi-strip strong{font-size:20px}.order-kpi-strip .has-issues{border-color:#efc5ca;background:#fff7f8;color:#9f2838}.order-overview-table{min-width:1180px!important}.order-overview-table td:nth-child(1){width:175px}.order-overview-table td:nth-child(2){width:190px}.order-overview-table td:nth-child(8){width:120px}.order-overview-table tr.has-admin-task td{background:#fff9f1}.attention-text{color:#a45b06!important;font-weight:800}.order-row-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}.quick-action-menu{position:relative}.quick-action-menu>summary{list-style:none;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;cursor:pointer;font-weight:900;background:#fff}.quick-action-menu>summary::-webkit-details-marker{display:none}.quick-action-menu[open]>summary{border-color:var(--blue);color:var(--blue)}.quick-action-popover{position:absolute;right:0;top:40px;z-index:10;width:245px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 15px 38px #14233d28;display:grid;gap:4px}.quick-action-popover form{display:grid;gap:5px;margin:0}.quick-action-popover button,.quick-action-popover a{display:block;width:100%;text-align:left;border:0;background:#fff;color:var(--ink);padding:9px 10px;border-radius:8px;font:inherit;font-size:12px;cursor:pointer}.quick-action-popover button:hover,.quick-action-popover a:hover{background:var(--soft);color:var(--blue)}.quick-action-popover select{padding:8px;font-size:11px}.order-overview-panel .table-wrap{overflow:visible}.order-overview-panel table{border-collapse:separate;border-spacing:0}.order-overview-panel tbody tr:hover td{background:#fafcff} @media(max-width:1100px){.admin-management-grid,.ticket-layout,.ticket-detail-grid{grid-template-columns:1fr}.ticket-create,.ticket-info-card{position:static}.order-kpi-strip{grid-template-columns:1fr 1fr}.order-overview-panel .table-wrap{overflow:auto}.quick-action-popover{position:fixed;right:20px;top:auto;bottom:20px;max-height:70vh;overflow:auto}.admin-user-actions form{grid-template-columns:1fr}} @media(max-width:700px){.admin-user-row{grid-template-columns:42px minmax(0,1fr) auto}.admin-user-row>.status{grid-column:2}.admin-user-actions{grid-column:1/-1}.ticket-message-bubble{max-width:96%}.ticket-reply-options{grid-template-columns:1fr}.compact-filter-bar{align-items:stretch;flex-direction:column}.compact-filter-bar label,.compact-filter-bar .filter-grow,.compact-filter-bar .btn{width:100%}.order-kpi-strip{grid-template-columns:1fr}.portal-main{padding:20px 14px}.portal-header{align-items:flex-start;flex-direction:column;gap:12px}} /* v9.9 persoonlijke en gedeelde mailboxen */ .mailbox-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:start}.mailbox-list-nav{padding:12px;position:sticky;top:120px}.mailbox-list-nav h2{font-size:15px;margin:5px 8px 12px}.mailbox-nav-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border-radius:11px;color:var(--ink)}.mailbox-nav-item:hover,.mailbox-nav-item.active{background:#edf6ff;color:var(--blue)}.mailbox-nav-item span,.mailbox-nav-item b,.mailbox-nav-item small{display:block;min-width:0}.mailbox-nav-item small{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.mailbox-nav-item em{min-width:23px;height:23px;padding:0 6px;border-radius:20px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:10px;font-style:normal;font-weight:900}.mailbox-inbox{padding:0;overflow:hidden}.mailbox-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto;gap:8px;padding:14px;border-bottom:1px solid var(--line)}.mail-thread-list{display:grid}.mail-thread-row{display:grid;grid-template-columns:42px minmax(0,1fr) 115px;gap:12px;align-items:center;padding:13px 15px;border-bottom:1px solid #e9edf3;color:var(--ink);background:#fff}.mail-thread-row:hover{background:#f8fbff}.mail-thread-row.unread{background:#f2f8ff;border-left:4px solid var(--blue);padding-left:11px}.mail-thread-avatar{width:40px;height:40px;border-radius:12px;background:#e8f1fb;display:grid;place-items:center;font-weight:950;color:#33567f}.mail-thread-main{min-width:0}.mail-thread-main>div{display:flex;align-items:center;gap:8px}.mail-thread-main strong,.mail-thread-main span,.mail-thread-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-thread-main strong{font-size:13px}.mail-thread-main span{font-size:11px;color:#4c5c73;margin:2px 0}.mail-thread-main small{font-size:10px;color:var(--muted)}.mail-thread-meta{text-align:right}.mail-thread-meta time,.mail-thread-meta span{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.mail-thread-row.unread .mail-thread-main strong{color:var(--blue)}.mailbox-settings-panel{margin-top:16px}.mailbox-settings-panel>summary{cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;list-style:none}.mailbox-settings-panel>summary span{color:var(--muted);font-size:12px}.mailbox-settings-panel>summary::-webkit-details-marker{display:none}.mailbox-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.mailbox-settings-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fbfcfe}.mailbox-settings-card h3{margin:0}.mail-compose-dialog{width:min(680px,calc(100vw - 28px));border:0;border-radius:18px;padding:0;box-shadow:0 25px 80px #0d1b3355}.mail-compose-dialog::backdrop{background:#07152b88}.mail-compose-dialog form{display:grid;gap:13px;padding:24px;position:relative}.mail-compose-dialog label,.mailbox-reply label{display:grid;gap:6px;font-size:12px;font-weight:800}.dialog-close{position:absolute;right:14px;top:12px;width:35px;height:35px;border:0;border-radius:50%;background:#eef2f7;font-size:22px;cursor:pointer}.mail-thread-detail-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:16px;align-items:start}.mail-conversation{display:flex;flex-direction:column;gap:13px;background:#f5f7fa}.mail-conversation-message{max-width:88%;padding:15px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 2px 8px #14233d08}.mail-conversation-message.outbound{align-self:flex-end;background:#eaf4ff;border-color:#bfdcff}.mail-conversation-message header{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.mail-conversation-message header b,.mail-conversation-message header small{display:block}.mail-conversation-message header small,.mail-conversation-message time{font-size:10px;color:var(--muted)}.mail-body-content{white-space:normal;line-height:1.55;font-size:13px}.mailbox-reply{position:sticky;top:120px}.ticket-email-link{margin-top:10px;padding-top:8px;border-top:1px solid #00000012;font-size:11px}.mail-signature{margin-top:20px;padding-top:12px;border-top:1px solid #e0e5ec;color:#607086;font-size:12px} @media(max-width:1050px){.mailbox-shell,.mail-thread-detail-grid{grid-template-columns:1fr}.mailbox-list-nav,.mailbox-reply{position:static}.mailbox-list-nav{display:flex;gap:7px;overflow:auto}.mailbox-list-nav h2,.mailbox-list-nav hr{display:none}.mailbox-nav-item{min-width:190px}.mailbox-settings-grid{grid-template-columns:1fr}} @media(max-width:700px){.mailbox-toolbar{grid-template-columns:1fr}.mail-thread-row{grid-template-columns:38px minmax(0,1fr)}.mail-thread-meta{grid-column:2;text-align:left;display:flex;gap:8px}.mail-thread-meta time,.mail-thread-meta span{display:inline}.mail-conversation-message{max-width:98%}.mailbox-settings-panel>summary{align-items:flex-start;flex-direction:column}} /* v9.10 - Klantcontext en medewerkerstoewijzing bij supporttickets */ .ticket-filter-bar{flex-wrap:wrap}.ticket-filter-bar .filter-grow{min-width:260px}.customer-link-badge{display:inline-flex;align-items:center;width:max-content;margin-top:5px;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:900}.customer-link-badge.linked{background:#e8f7ee;color:#17683a}.customer-link-badge.unlinked{background:#fff1dd;color:#9b5a00}.ticket-side-stack{display:grid;gap:16px;align-self:start}.ticket-side-stack .ticket-info-card{position:static}.ticket-side-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.ticket-side-heading h2{margin:3px 0 0;font-size:18px}.ticket-side-heading small{display:block;color:var(--muted);font-size:11px;line-height:1.4}.ticket-assign-me{margin-top:9px}.ticket-customer-picker{position:relative;display:grid;gap:8px}.ticket-customer-current{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#f8fafc}.ticket-customer-current b{font-size:12px}.ticket-customer-current small{font-size:10px;color:var(--muted)}.ticket-customer-results{position:absolute;z-index:30;left:0;right:0;top:68px;max-height:310px;overflow:auto;padding:6px;border:1px solid #cfd8e5;border-radius:12px;background:#fff;box-shadow:0 18px 45px #14233d2e}.ticket-customer-result{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px;border:0;border-radius:9px;background:#fff;text-align:left;cursor:pointer}.ticket-customer-result:hover{background:#edf6ff}.ticket-customer-result span,.ticket-customer-result b,.ticket-customer-result small{display:block}.ticket-customer-result b{font-size:12px}.ticket-customer-result small{margin-top:2px;color:var(--muted);font-size:10px}.ticket-customer-result em{flex:0 0 auto;color:var(--muted);font-size:10px;font-style:normal}.ticket-customer-empty{padding:14px;color:var(--muted);font-size:11px}.ticket-message-bubble.system{max-width:100%;align-self:stretch;background:#eef2f7;border-style:dashed;color:#536277}.customer-context-card{display:grid;gap:16px}.customer-contact-lines{display:grid;grid-template-columns:1fr 1fr;gap:10px}.customer-contact-lines>div{display:grid;gap:2px;min-width:0}.customer-contact-lines span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.customer-contact-lines b,.customer-contact-lines a{font-size:12px;overflow-wrap:anywhere}.customer-context-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}.customer-context-kpis>div{display:grid;gap:2px;padding:11px;border:1px solid var(--line);border-radius:11px;background:#f8fafc}.customer-context-kpis strong{font-size:15px}.customer-context-kpis span{color:var(--muted);font-size:10px}.customer-internal-note{padding:12px;border-radius:11px;background:#fff7df;border:1px solid #efd898}.customer-internal-note b{font-size:11px}.customer-internal-note p{margin:5px 0 0;font-size:11px;line-height:1.5}.customer-context-section{display:grid;gap:8px;padding-top:13px;border-top:1px solid var(--line)}.customer-context-section h3{margin:0;font-size:13px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title-row a{font-size:10px;font-weight:800}.customer-order-list,.context-mini-list{display:grid}.customer-order-list a,.context-mini-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf0f4;color:var(--ink)}.customer-order-list a:last-child,.context-mini-list>div:last-child{border-bottom:0}.customer-order-list span,.customer-order-list b,.customer-order-list small,.context-mini-list span,.context-mini-list b,.context-mini-list small{display:block}.customer-order-list b,.context-mini-list b{font-size:11px}.customer-order-list small,.context-mini-list small{margin-top:2px;color:var(--muted);font-size:9px}.customer-order-list strong,.context-mini-list strong{flex:0 0 auto;font-size:11px}.customer-context-footer{display:flex;flex-wrap:wrap;gap:6px;padding-top:12px;border-top:1px solid var(--line)}.customer-context-footer span{padding:5px 8px;border-radius:999px;background:#eef2f7;color:#536277;font-size:9px}.customer-context-footer .moneybird-linked{background:#e9f3ff;color:#145caa}.empty-customer-context{gap:8px}.empty-customer-context h2{margin:2px 0 0;font-size:17px}.empty-customer-context p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.muted-small{margin:0;color:var(--muted);font-size:11px} @media(max-width:1100px){.ticket-side-stack{position:static}.customer-contact-lines{grid-template-columns:1fr 1fr}} @media(max-width:650px){.customer-contact-lines,.customer-context-kpis{grid-template-columns:1fr}.ticket-customer-results{position:fixed;left:14px;right:14px;top:20%;max-height:60vh}} /* v9.10.2 - Beheerders bewerken en wachtwoordbeheer */ .admin-user-actions .admin-action-section{margin-top:14px;padding-top:14px;border-top:1px solid #d8e2ef} .admin-user-actions .admin-action-section:first-of-type{margin-top:4px;padding-top:0;border-top:0} .admin-user-actions .admin-action-section h3{margin:0 0 6px;font-size:15px} .admin-user-actions .admin-action-help{margin:0 0 9px;color:var(--muted);font-size:12px} .admin-user-actions .admin-edit-form{grid-template-columns:1fr 1fr auto} .admin-user-actions .admin-password-form{grid-template-columns:1fr 1fr auto} .admin-user-actions .admin-reset-form{grid-template-columns:auto;margin-top:8px} @media(max-width:1100px){.admin-user-actions .admin-edit-form,.admin-user-actions .admin-password-form{grid-template-columns:1fr}} .admin-user-actions .admin-danger-zone{border:1px solid #f0c3c7;border-radius:12px;padding:13px;background:#fff7f8} .admin-user-actions .admin-danger-zone h3{color:#8b1f2a} .admin-user-actions .admin-delete-form{display:block;margin-top:8px} .blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.blog-card{background:#fff;border:1px solid #e7eaee;border-radius:18px;overflow:hidden}.blog-card img{width:100%;height:210px;object-fit:cover}.blog-card>div{padding:22px}.article-wrap{max-width:900px}.article-hero{width:100%;max-height:520px;object-fit:cover;border-radius:18px;margin:24px 0}.article-content{font-size:1.08rem;line-height:1.8}.article-content h2{margin-top:36px}.product-gallery{display:grid;gap:12px}.product-gallery-main img{width:100%;max-height:520px;object-fit:contain}.product-gallery-thumbs{display:flex;gap:8px;overflow:auto}.product-gallery-thumbs img{width:80px;height:80px;object-fit:contain;border:1px solid #ddd;border-radius:8px}.product-videos{margin-top:32px}.video-embed{aspect-ratio:16/9;width:100%;border:0;border-radius:14px}.admin-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px;margin:18px 0}.inline-form{display:flex;gap:6px;align-items:center}.form-grid .full{grid-column:1/-1}.admin-card small{display:block;color:#64748b} /* v11.0.11 – compacte tweetalige bedrijfsverificatie in footer */ .footer-bottom{ display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:28px; } .footer-copyright{ display:grid; gap:4px; white-space:nowrap; color:#fff; font-weight:800; } .footer-copyright small{ color:#8fa9c9; font-size:10px; font-weight:650; letter-spacing:.08em; text-transform:uppercase; } .company-identity{ justify-self:end; width:min(100%,760px); display:grid; grid-template-columns:32px minmax(0,1fr); gap:11px; align-items:start; padding:12px 14px; border:1px solid rgba(255,255,255,.12); border-radius:13px; background:rgba(255,255,255,.045); } .company-identity-icon{ width:30px; height:30px; display:grid; place-items:center; border-radius:10px; background:rgba(38,149,255,.16); color:#8dcbff; font-size:14px; font-weight:950; } .company-identity-copy{ min-width:0; display:grid; gap:2px; line-height:1.45; } .company-identity-copy>strong{ color:#fff; font-size:10px; letter-spacing:.08em; text-transform:uppercase; } .company-identity-copy>span, .company-identity-copy>small{ color:#b9cae1; font-size:11px; } .company-identity-copy>small{ margin-top:2px; color:#8fa9c9; } .company-identity-copy a{ display:inline; margin:0; color:#fff; font-weight:800; text-decoration:underline; text-decoration-color:rgba(255,255,255,.38); text-underline-offset:2px; } .company-identity-copy b{ color:#dcecff; font-weight:850; } @media(max-width:820px){ .footer-bottom{ grid-template-columns:1fr; gap:16px; } .footer-copyright{ white-space:normal; } .company-identity{ justify-self:stretch; width:100%; } } @media(max-width:480px){ .company-identity{ grid-template-columns:1fr; padding:12px; } .company-identity-icon{ width:28px; height:28px; } } /* v11.0.12 – compacte Engelstalige footer en tweetalige verificatie op contactpagina */ .company-identity--compact{ width:auto; max-width:520px; padding:10px 13px; align-items:center; } .company-identity--compact .company-identity-copy{ gap:1px; } .company-identity--compact .company-identity-copy>span{ font-size:11px; } .contact-company-panel{ align-self:start; } .contact-company-role{ margin:-8px 0 20px; color:var(--muted); font-size:13px; font-weight:750; } .contact-identity-card{ display:grid; grid-template-columns:38px minmax(0,1fr); gap:14px; margin:18px 0 24px; padding:18px; border:1px solid #cfe0f6; border-radius:16px; background:linear-gradient(145deg,#f8fbff,#eef6ff); } .contact-identity-icon{ width:38px; height:38px; display:grid; place-items:center; border-radius:12px; background:#dcecff; color:var(--blue); font-weight:950; } .contact-identity-card h3{ margin:0 0 9px; font-size:15px; } .contact-identity-card p{ margin:8px 0 0; color:#41516e; font-size:13px; line-height:1.65; } .contact-identity-card p+p{ padding-top:10px; border-top:1px solid #d7e5f5; } .contact-identity-card a{ font-weight:800; } .contact-identity-card strong{ color:var(--navy); } .contact-facts{ display:grid; gap:5px; } @media(max-width:560px){ .contact-identity-card{ grid-template-columns:1fr; padding:16px; } } /* v11.0.13 — zoekresultaten, alternatieven en assortimentsvraag */ #resultaten{scroll-margin-top:110px}.search-demand-empty{max-width:none;padding:34px 24px}.search-demand-empty>p{max-width:720px;margin-left:auto;margin-right:auto}.search-empty-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.search-suggestion-links{margin-top:18px;border:1px solid #c9def8;background:linear-gradient(135deg,#fff,#f4f9ff);border-radius:16px;padding:17px;display:grid;grid-template-columns:minmax(210px,.65fr) 1.35fr;gap:18px;align-items:center}.search-suggestion-links>div:first-child strong,.search-suggestion-links>div:first-child span{display:block}.search-suggestion-links>div:first-child span{color:var(--muted);font-size:12px;margin-top:4px;line-height:1.5}.search-suggestion-chips{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.search-suggestion-chips a{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #bcd8fa;border-radius:999px;padding:8px 11px;color:var(--ink);font-size:12px;font-weight:800}.search-suggestion-chips a:hover{background:#eaf4ff;border-color:#7ab5f8}.search-suggestion-chips a>span{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--blue)}.search-suggestion-chips small{color:var(--muted);font-weight:700}.search-suggestion-products{margin-top:34px}.search-suggestion-products .catalog-section-head{margin-bottom:18px}.search-suggestion-product-grid{margin-top:0} @media(max-width:760px){#resultaten{scroll-margin-top:82px}.search-suggestion-links{grid-template-columns:1fr}.search-suggestion-chips{justify-content:flex-start}.search-empty-actions .btn{width:100%;text-align:center}} /* v11.0.14 hybride zoekresultaten */ .smart-search-notice{display:flex;align-items:flex-start;gap:12px;margin:0 0 18px;padding:14px 16px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff;color:#153457} .smart-search-notice>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#dbeafe;color:#075dbd;font-weight:900} .smart-search-notice strong{display:block;margin-bottom:3px} .smart-search-notice p{margin:0;color:#49627d;font-size:13px;line-height:1.5} .smart-search-match{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin:-2px 0 8px;padding:4px 8px;border-radius:999px;background:#eef6ff;color:#075dbd;font-size:10px;font-weight:800;line-height:1.25} @media(max-width:640px){.smart-search-notice{padding:12px}.smart-search-notice>span{display:none}} /* v12 — AI Platform, oplossingsadviseur, bundels, vergelijking en klantassistent */ .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .muted{color:var(--muted)}.btn.danger{background:#fff0f2;color:#b52f43;border:1px solid #efbdc5}.error-text{color:var(--red)} .advisor-hero,.advisor-result-hero,.bundle-hero{background:radial-gradient(circle at 85% 15%,#dceeff 0,transparent 34%),linear-gradient(135deg,#f5faff,#fff);padding:68px 0;border-bottom:1px solid var(--line)} .advisor-hero-grid,.bundle-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:42px;align-items:center}.advisor-hero h1,.advisor-result-hero h1,.bundle-hero h1{font-size:clamp(38px,5vw,62px);line-height:1.04;letter-spacing:-.045em;margin:12px 0 18px}.advisor-hero p,.advisor-result-hero>div>p,.bundle-hero p{font-size:17px;line-height:1.65;color:var(--muted);max-width:780px}.advisor-trust{background:var(--navy);color:#fff;border-radius:24px;padding:27px;display:grid;gap:12px;box-shadow:0 20px 45px rgba(7,29,69,.18)}.advisor-trust strong{font-size:20px}.advisor-trust span{color:#d8e9ff;font-size:14px} .advisor-form{display:grid;gap:18px}.advisor-section{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 10px 35px rgba(9,37,84,.05)}.advisor-step{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}.advisor-step>span{width:38px;height:38px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:900;flex:none}.advisor-step h2{font-size:25px;margin:0 0 5px}.advisor-step p{margin:0;color:var(--muted)}.advisor-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.advisor-choice{position:relative;border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:7px;cursor:pointer;transition:.18s}.advisor-choice:hover{border-color:#9fcaff;transform:translateY(-2px)}.advisor-choice input{position:absolute;opacity:0;width:1px}.advisor-choice:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 3px #0868e818;background:#f7fbff}.advisor-choice-icon{font-size:30px}.advisor-choice strong{font-size:15px}.advisor-choice small{color:var(--muted);line-height:1.45}.advisor-fields{grid-template-columns:repeat(4,1fr)}.advisor-section .full{display:grid;gap:7px;font-weight:700;font-size:13px}.advisor-submit{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(120deg,var(--navy),#0a65d8);color:#fff;border-radius:20px;padding:24px}.advisor-submit div{display:grid;gap:5px}.advisor-submit span{color:#cce2ff;font-size:13px}.advisor-existing{margin-top:55px}.solution-bundle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.solution-bundle-grid--wide{grid-template-columns:repeat(3,1fr)}.solution-bundle-card{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;color:var(--ink);transition:.18s}.solution-bundle-card:hover{border-color:#9cc9ff;transform:translateY(-3px);box-shadow:var(--shadow)}.solution-bundle-card>span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);font-weight:850}.solution-bundle-card h2,.solution-bundle-card h3{margin:8px 0 10px}.solution-bundle-card p{color:var(--muted);line-height:1.55}.solution-bundle-card>div{display:flex;justify-content:space-between;margin:14px 0}.solution-bundle-card em{font-style:normal;color:var(--green);font-size:12px} .advisor-result-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:28px}.advisor-result-summary>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px}.advisor-result-summary small,.advisor-result-summary span{display:block;color:var(--muted);font-size:12px}.advisor-result-summary strong{display:block;font-size:23px;margin:4px 0}.advisor-result-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:25px;align-items:start}.advisor-result-main{display:grid;gap:18px}.advisor-ai-note,.advisor-ai-pending{border:1px solid #a8cbf5;background:#f4f9ff;border-radius:18px;padding:22px}.advisor-ai-note>span{color:var(--blue);font-weight:850;font-size:12px}.advisor-ai-note h2{font-size:25px}.advisor-ai-note li{margin:7px 0}.advisor-result-products{display:grid;gap:10px}.advisor-product-row,.bundle-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px}.advisor-product-row>label,.bundle-item>label{display:grid;grid-template-columns:24px 76px minmax(0,1fr) auto;gap:14px;align-items:center;cursor:pointer}.advisor-product-row input,.bundle-item input{width:auto}.advisor-product-image,.bundle-item-image{width:76px;height:76px;border-radius:13px;background:var(--soft);display:grid;place-items:center;overflow:hidden;padding:7px;font-size:25px}.advisor-product-image img,.bundle-item-image img{width:100%;height:100%;object-fit:contain}.advisor-product-copy,.bundle-item-copy{display:grid;gap:4px}.advisor-product-copy small,.bundle-item-copy small{color:var(--blue);font-weight:800}.advisor-product-copy>span,.bundle-item-copy>span{color:var(--muted);font-size:13px}.advisor-product-price,.bundle-item-price{display:grid;text-align:right;gap:4px}.advisor-product-price small{color:var(--muted)}.advisor-quote-card{position:sticky;top:125px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow)}.advisor-quote-card h2{font-size:24px}.advisor-quote-card form{display:grid;gap:10px}.advisor-quote-card label{display:grid;gap:5px;font-size:12px;font-weight:750}.advisor-quote-card>small{display:block;color:var(--muted);margin-top:12px}.compatibility-panel{border-radius:18px;padding:20px;border:1px solid var(--line);background:#fff}.compatibility-panel>div{display:flex;align-items:center;gap:10px}.compatibility-panel>div>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900}.compatibility-panel.ok{border-color:#a8dbc6;background:#f4fcf8}.compatibility-panel.ok>div>span{background:#dff6eb;color:#08764c}.compatibility-panel.attention{border-color:#ebcd8d;background:#fffaf0}.compatibility-panel.attention>div>span{background:#fff0c8;color:#9a6100}.compat-error{color:#b52f43}.compat-warning{color:#8b5a07} .bundle-price{display:grid;margin-top:25px}.bundle-price small,.bundle-price span{color:var(--muted)}.bundle-price strong{font-size:36px}.bundle-items{display:grid;gap:10px}.bundle-item-price b{font-size:12px;color:var(--muted)}.bundle-buy{margin-top:20px;padding:20px;border-radius:17px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;gap:12px}.bundle-buy>div{margin-right:auto;display:grid}.bundle-buy>div strong{font-size:23px}.bundle-buy>div span{color:var(--muted);font-size:12px} .compare-picker{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;align-items:end;margin-bottom:20px}.compare-picker label{display:grid;gap:7px;font-weight:750}.compare-picker select{min-height:150px}.compare-products{display:grid;grid-template-columns:minmax(170px,.75fr) repeat(4,minmax(170px,1fr));background:#fff;border:1px solid var(--line);border-radius:18px;overflow:auto}.compare-products>*{padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.compare-label{font-weight:800;background:#f8fafd}.compare-label small{display:block;color:var(--muted);font-weight:600}.compare-product-head{display:grid;gap:5px;align-content:start}.compare-product-head img{height:100px;width:100%;object-fit:contain}.compare-product-head small{color:var(--blue)}.compare-value{font-size:13px;line-height:1.5}.compare-ai-summary,.compare-ai-action{background:#fff;border:1px solid #b7d4f6;border-radius:18px;padding:22px;margin-top:20px}.compare-ai-summary>span{color:var(--blue);font-weight:850;font-size:12px}.compare-recommendations{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.compare-recommendations>div{background:var(--soft);border-radius:12px;padding:14px}.compare-ai-action{display:flex;align-items:center;justify-content:space-between;gap:20px}.compare-ai-action>div{display:grid;gap:5px}.compare-ai-action span{color:var(--muted)} .ai-assistant{position:fixed;right:22px;bottom:22px;z-index:100}.ai-assistant-toggle{border:0;background:linear-gradient(135deg,var(--blue),#004ab7);color:#fff;border-radius:999px;padding:13px 18px;display:flex;align-items:center;gap:8px;font:inherit;font-size:13px;box-shadow:0 16px 40px rgba(8,104,232,.35);cursor:pointer}.ai-assistant-toggle span{font-size:18px}.ai-assistant-panel{position:absolute;right:0;bottom:58px;width:min(390px,calc(100vw - 24px));max-height:min(680px,calc(100vh - 100px));background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 80px rgba(7,29,69,.25);overflow:hidden}.ai-assistant-panel>header{background:var(--navy);color:#fff;padding:15px;display:flex;justify-content:space-between;gap:12px}.ai-assistant-panel>header div{display:grid}.ai-assistant-panel>header small{color:#bdd8fa;font-size:10px}.ai-assistant-panel>header button{background:none;border:0;color:#fff;font-size:24px;cursor:pointer}.ai-assistant-messages{padding:14px;height:330px;overflow:auto;background:#f7f9fc;display:grid;align-content:start;gap:9px}.assistant-message{max-width:88%;border-radius:14px;padding:10px 12px;font-size:13px;line-height:1.5}.assistant-message p{margin:0}.assistant-message.assistant{background:#fff;border:1px solid var(--line)}.assistant-message.user{background:#dcebff;margin-left:auto;color:#07336e}.assistant-citations{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.assistant-citations a{font-size:10px;background:#eef5ff;border-radius:999px;padding:4px 7px}.ai-assistant-suggestions{padding:8px 12px;display:flex;gap:6px;overflow:auto}.ai-assistant-suggestions button{border:1px solid #bcd8f8;background:#fff;color:#195b9e;border-radius:999px;padding:6px 9px;white-space:nowrap;font-size:10px;cursor:pointer}.ai-assistant-form{padding:10px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:7px}.ai-assistant-form textarea{resize:none;padding:9px;font-size:13px}.ai-assistant-form button,.ai-assistant-lead button{border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:800;padding:9px 12px;cursor:pointer}.ai-assistant-lead{padding:12px;background:#fff8e8;border-top:1px solid #ebce8c;display:grid;gap:7px}.ai-assistant-lead input,.ai-assistant-lead textarea{padding:8px;font-size:12px}.ai-assistant-panel>footer{padding:8px 12px;color:var(--muted);font-size:9px;border-top:1px solid var(--line)} .product-compare-link{font-size:11px;font-weight:800;color:var(--blue);display:inline-flex;margin-top:9px}.rsp-compare-link{margin-left:8px} .ai-platform-shell .portal-main{min-width:0}.ai-platform-header{align-items:flex-start}.ai-platform-tabs{display:flex;gap:6px;overflow:auto;position:sticky;top:0;z-index:8;background:#f6f8fb;padding:8px 0 13px;margin-bottom:12px}.ai-platform-tabs a{white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 11px;color:var(--ink);font-size:11px;font-weight:800}.ai-platform-tabs a.active{background:var(--navy);color:#fff;border-color:var(--navy)}.ai-platform-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}.ai-platform-kpis>a,.ai-platform-kpis>div{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;color:var(--ink)}.ai-platform-kpis small{display:block;color:var(--muted)}.ai-platform-kpis strong{display:block;font-size:25px;margin-top:4px}.ai-platform-kpis.mini{grid-template-columns:repeat(3,1fr);margin:15px 0}.ai-platform-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.ai-platform-grid .span-12{grid-column:span 12}.ai-platform-grid .span-8{grid-column:span 8}.ai-platform-grid .span-7{grid-column:span 7}.ai-platform-grid .span-5{grid-column:span 5}.ai-platform-grid .span-4{grid-column:span 4}.ai-platform-card{margin:0}.ai-quick-actions{display:flex;flex-wrap:wrap;gap:8px}.ai-quick-actions form{margin:0}.ai-platform-note{background:#eef6ff;border:1px solid #b4d1f4;border-radius:13px;padding:14px;margin-top:15px}.ai-platform-note p{margin:5px 0 0}.ai-feature-list{display:grid;gap:9px;padding-left:18px}.ai-schedule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ai-schedule-grid>div{background:var(--soft);border-radius:12px;padding:13px;display:grid;gap:5px}.ai-schedule-grid span{color:var(--muted);font-size:12px}.status-pill{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:850;background:#eef2f6;color:#536277}.status-pill.good{background:#e4f8ee;color:#08764c}.status-pill.warn{background:#fff2d6;color:#976000}.status-pill.bad,.status-pill.error,.status-pill.critical{background:#ffe8eb;color:#ac263a}.stack-form{display:grid;gap:11px}.stack-form label,.settings-grid>label{display:grid;gap:6px;font-size:12px;font-weight:750}.form-check-row{display:flex;gap:12px;flex-wrap:wrap}.bundle-admin-item{background:var(--soft);padding:10px;border-radius:11px;display:grid;grid-template-columns:1fr 90px 150px auto;gap:8px;align-items:end}.admin-list-cards{display:grid;gap:9px}.admin-list-cards>article,.admin-list-link{border:1px solid var(--line);border-radius:13px;padding:13px;display:flex;justify-content:space-between;gap:14px;color:var(--ink)}.admin-list-cards h3{margin:6px 0}.admin-list-cards p{margin:4px 0;color:var(--muted)}.admin-list-link{display:grid}.compact-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.compact-row span:first-child{display:grid}.compact-row small{color:var(--muted)}.creative-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.creative-card{border:1px solid var(--line);border-radius:15px;overflow:hidden}.creative-card>img{width:100%;height:210px;object-fit:cover;background:var(--soft)}.creative-card>div{padding:13px}.creative-card h3{margin:7px 0}.creative-card pre,.admin-list-cards pre{max-height:300px;overflow:auto;white-space:pre-wrap;background:#071d45;color:#dfeeff;padding:11px;border-radius:9px;font-size:10px}.calendar-list{display:grid;gap:9px}.calendar-list>article{display:grid;grid-template-columns:80px minmax(0,1fr) 280px;gap:15px;border:1px solid var(--line);border-radius:14px;padding:14px;align-items:start}.calendar-list time{font-weight:900;color:var(--blue)}.calendar-list h3{margin:5px 0}.calendar-list p{margin:0;color:var(--muted)}.calendar-list form{display:grid;grid-template-columns:1fr;gap:6px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.settings-grid .full{grid-column:1/-1}.report-html h2{font-size:22px}.report-html li{margin:7px 0}.panel blockquote{border-left:4px solid var(--blue);margin:12px 0;padding:10px 14px;background:var(--soft)} @media(max-width:1100px){.advisor-choice-grid{grid-template-columns:repeat(2,1fr)}.advisor-fields{grid-template-columns:repeat(2,1fr)}.advisor-result-layout{grid-template-columns:1fr}.advisor-quote-card{position:static}.solution-bundle-grid,.solution-bundle-grid--wide{grid-template-columns:repeat(2,1fr)}.ai-platform-kpis{grid-template-columns:repeat(3,1fr)}.ai-platform-grid .span-8,.ai-platform-grid .span-7,.ai-platform-grid .span-5,.ai-platform-grid .span-4{grid-column:span 12}.calendar-list>article{grid-template-columns:75px minmax(0,1fr)}.calendar-list form{grid-column:2}.creative-grid{grid-template-columns:1fr}} @media(max-width:720px){.advisor-hero-grid,.bundle-hero-grid{grid-template-columns:1fr}.advisor-choice-grid,.advisor-fields,.solution-bundle-grid,.solution-bundle-grid--wide,.advisor-result-summary,.compare-recommendations,.ai-schedule-grid,.settings-grid{grid-template-columns:1fr}.advisor-submit,.bundle-buy,.compare-ai-action{align-items:stretch;flex-direction:column}.advisor-product-row>label,.bundle-item>label{grid-template-columns:22px 58px minmax(0,1fr)}.advisor-product-image,.bundle-item-image{width:58px;height:58px}.advisor-product-price,.bundle-item-price{grid-column:3;text-align:left}.compare-picker{grid-template-columns:1fr}.compare-products{grid-template-columns:150px repeat(4,190px)}.ai-assistant{right:12px;bottom:12px}.ai-assistant-toggle b{display:none}.ai-assistant-panel{right:-1px}.ai-platform-kpis{grid-template-columns:repeat(2,1fr)}.bundle-admin-item{grid-template-columns:1fr}.admin-list-cards>article{display:grid}.calendar-list>article{grid-template-columns:1fr}.calendar-list form{grid-column:auto}.advisor-section{padding:18px}} /* AI Platform v12: compatibiliteitsbeheer */ .compatibility-rules-panel{margin-top:1rem} .compatibility-rule-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.65fr) minmax(180px,1fr) minmax(150px,.55fr);gap:.85rem;align-items:end} .compatibility-rule-form fieldset{display:grid;gap:.55rem;margin:0;padding:.75rem;border:1px solid var(--line,#d9e1e8);border-radius:14px;min-width:0} .compatibility-rule-form legend{padding:0 .35rem;font-weight:700;font-size:.85rem} .compatibility-rule-form label{display:grid;gap:.35rem;min-width:0} .compatibility-rule-form .wide{grid-column:1/-1} .compatibility-rule-form .form-check{align-self:center} @media(max-width:980px){.compatibility-rule-form{grid-template-columns:1fr 1fr}} @media(max-width:640px){.compatibility-rule-form{grid-template-columns:1fr}.compatibility-rule-form .wide{grid-column:auto}} .calendar-actions{display:grid;gap:7px}.calendar-actions form{margin:0} .compare-recommendation-product{display:block;margin-bottom:5px;color:var(--blue);font-weight:900} .compare-recommendations>div>strong{display:block;margin-bottom:5px} .compare-recommendations>div>p{margin:0;color:var(--muted)} .compare-caveats{margin-top:14px;padding:14px 16px;border:1px solid #e5c780;border-radius:13px;background:#fff8e8} .compare-caveats strong{display:block;margin-bottom:7px} .compare-caveats ul{margin:0;padding-left:20px} .compare-caveats li{margin:5px 0;color:#6f5318} /* v12.0.2 — veilige, leesbare opmaak voor AI-chatberichten. */ .assistant-message{white-space:normal;overflow-wrap:anywhere;word-break:normal} .assistant-message p{margin:0;white-space:pre-wrap} .assistant-message p+p{margin-top:.72em} .assistant-message-list{margin:.55em 0 0;padding-left:1.25rem;display:grid;gap:.35em} .assistant-message-list+ p,.assistant-message p+.assistant-message-list{margin-top:.72em} .ai-assistant-panel>footer{line-height:1.45} /* v12.1 — SEO Commerce, Merchant, privacyvriendelijke aanbevelingen en nieuwe homepage */ .why-rs-section{position:relative;overflow:hidden} .why-rs-section:before{content:"";position:absolute;inset:auto -10% -55% auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(8,104,232,.11),transparent 66%);pointer-events:none} .why-rs-section .section-head p{max-width:720px;color:var(--muted);line-height:1.6} .why-rs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px} .why-rs-grid article{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;align-items:start;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(7,29,69,.045)} .why-rs-grid article>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--soft);color:var(--blue);font-size:21px;font-weight:900} .why-rs-grid h3{margin:2px 0 8px;font-size:17px} .why-rs-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.6} .why-rs-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px} .personalized-products{background:linear-gradient(180deg,#f6faff,#fff)} .personalized-products .section-head p{color:var(--muted)} .link-button,.footer-link-button{appearance:none;border:0;background:none;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer} .link-button{color:var(--blue);font-weight:800} .footer-link-button{color:#d4e4fa;line-height:1.85} .footer-link-button:hover,.link-button:hover{text-decoration:underline} .cookie-preferences{position:fixed;left:50%;bottom:18px;z-index:1000;transform:translateX(-50%);width:min(970px,calc(100vw - 28px));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:19px 21px;border:1px solid #bfd7f4;border-radius:18px;background:#fff;box-shadow:0 22px 70px rgba(7,29,69,.24)} .cookie-preferences[hidden]{display:none!important} .cookie-preferences strong{display:block;margin-bottom:5px;font-size:15px;color:var(--navy)} .cookie-preferences p{margin:0;color:var(--muted);font-size:12px;line-height:1.55} .cookie-preferences-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} .seo-landing-intro{padding-bottom:12px} .seo-landing-intro .prose-card{max-width:980px;padding:25px 28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 35px rgba(7,29,69,.045)} .seo-landing-intro .prose-card> :first-child{margin-top:0} .seo-landing-intro .prose-card> :last-child{margin-bottom:0} .seo-landing-intro .prose-card p,.seo-landing-intro .prose-card li{color:#42536d;line-height:1.72} .seo-landing-intro .prose-card h2{margin:1.25em 0 .5em;font-size:27px} .seo-landing-intro .prose-card h3{margin:1.1em 0 .45em;font-size:20px} .seo-landing-intro .prose-card a{color:var(--blue);font-weight:800} .seo-landing-faq{background:var(--soft)} .seo-landing-faq .faq-list{max-width:980px} .seo-commerce-admin{min-width:0} .seo-commerce-admin .portal-header{align-items:flex-start} .metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 15px} .metric-card{display:grid;gap:4px;min-height:118px;padding:18px;border:1px solid var(--line);border-radius:17px;background:#fff} .metric-card small{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em} .metric-card strong{font-size:30px;line-height:1.1;color:var(--navy)} .metric-card span{color:var(--muted);font-size:12px;line-height:1.45} .panel-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:17px} .panel-heading h2{margin:0 0 5px;font-size:22px} .panel-heading p{margin:0;color:var(--muted);line-height:1.55} .seo-merchant-panel{background:linear-gradient(145deg,#fff,#f3f8ff);border-color:#c5dcf7} .copy-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin:15px 0} .copy-url-row code{display:block;overflow:auto;padding:12px 14px;border:1px solid #c8dbf2;border-radius:12px;background:#fff;color:#17345c;font-size:12px;white-space:nowrap} .clean-list{display:grid;gap:8px;margin:15px 0 0;padding:0;list-style:none} .clean-list li{position:relative;padding-left:22px;color:#43536c;font-size:13px;line-height:1.5} .clean-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900} .seo-landing-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .seo-landing-columns>div{min-width:0} .seo-landing-columns h3{margin:0 0 10px} .seo-landing-columns table small,.seo-commerce-admin table small{display:block;margin-top:4px;color:var(--muted)} .seo-commerce-admin table code{display:block;width:max-content;max-width:270px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px} .table-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center} .table-actions form{margin:0} .status.success{background:#e3f8ed;color:#08774c} .status.warning{background:#fff1d5;color:#936000} .privacy-personalization-panel .info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .privacy-personalization-panel .info-grid article{padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--soft)} .privacy-personalization-panel .info-grid strong{display:block;margin-bottom:6px} .privacy-personalization-panel .info-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.55} .faq-admin-grid{display:grid;gap:12px} .faq-admin-row{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:12px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--soft)} @media(max-width:1100px){ .why-rs-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .seo-landing-columns{grid-template-columns:1fr} } @media(max-width:720px){ .why-rs-grid,.metric-grid,.privacy-personalization-panel .info-grid,.faq-admin-row{grid-template-columns:1fr} .why-rs-grid article{padding:17px} .cookie-preferences{grid-template-columns:1fr;bottom:10px;padding:16px} .cookie-preferences-actions{justify-content:stretch} .cookie-preferences-actions .btn{width:100%;text-align:center} .copy-url-row{grid-template-columns:1fr} .panel-heading{flex-direction:column} .seo-landing-intro .prose-card{padding:20px} } /* Homepage: gecombineerde persoonlijke, nieuwe en populaire aanbevelingen. */ .smart-home-recommendations{background:linear-gradient(180deg,#f6faff,#fff)} .smart-home-recommendations .section-head p{max-width:720px;margin:0;color:var(--muted);line-height:1.6} .recommendation-section-head{align-items:flex-end;gap:24px} .recommendation-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap;white-space:nowrap} .product-recommendation-badge{position:absolute;top:14px;left:14px;z-index:3;display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border-radius:999px;background:#fff;color:var(--navy);box-shadow:0 6px 18px rgba(7,29,69,.13);font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase} .product-recommendation-badge.personal{background:#e8f4ff;color:#0757bd} .product-recommendation-badge.new{background:#e8fff5;color:#087950} .product-recommendation-badge.popular{background:#fff4e5;color:#9a5200} @media(max-width:650px){.recommendation-section-head{align-items:flex-start;flex-direction:column}.recommendation-actions{justify-content:flex-start;white-space:normal}} /* Hotfix: voorkom dat aanbevelingslabels de 65px producticoon-stijl overnemen. */ .product-visual > span.product-recommendation-badge{ position:absolute; top:12px; left:12px; right:auto; bottom:auto; z-index:4; display:inline-flex; align-items:center; justify-content:center; place-self:auto; width:auto; max-width:calc(100% - 24px); height:auto; min-height:24px; padding:5px 9px; font-size:10px; line-height:1; font-weight:900; letter-spacing:.04em; white-space:nowrap; text-transform:uppercase; } /* Sitemapbeheer binnen SEO & Merchant */ .sitemap-admin-panel{scroll-margin-top:20px} .sitemap-admin-panel .button-row form{margin:0} .sitemap-metric-grid .metric-date{font-size:19px;line-height:1.25} .sitemap-status-table{margin-top:16px} .sitemap-status-table table{min-width:1080px} .sitemap-status-table td{vertical-align:top} .sitemap-status-table td:nth-child(4),.sitemap-status-table td:nth-child(8){font-size:12px;white-space:nowrap} .status.error{background:#ffe8eb;color:#ac263a} .sitemap-alert{margin:14px 0;padding:14px 16px;border-radius:13px;border:1px solid var(--line);font-size:13px} .sitemap-alert b{display:block;margin-bottom:5px} .sitemap-alert p{margin:5px 0;color:inherit} .sitemap-alert ul{margin:7px 0 0;padding-left:20px} .sitemap-alert.warning{background:#fff8e8;border-color:#ead49a;color:#72520d} .sitemap-alert.error{background:#fff0f2;border-color:#efbdc5;color:#8f2335} .sitemap-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px} .sitemap-insight-grid>article{min-width:0;padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--soft)} .sitemap-insight-grid .table-wrap{max-height:390px;overflow:auto;background:#fff;border-radius:12px} .sitemap-insight-grid table{font-size:11px} .sitemap-subheading h3{margin:0 0 5px;font-size:17px} .sitemap-subheading p{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.45} .empty-state.compact{padding:22px 12px} .empty-state.compact p{margin:0;color:var(--muted)} .sitemap-privacy-note{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:17px;padding:15px 17px;border:1px solid #bdd7f3;border-radius:14px;background:#f2f8ff} .sitemap-privacy-note b{display:block;margin-bottom:4px} .sitemap-privacy-note p{margin:0;max-width:920px;color:#42536d;font-size:12px;line-height:1.55} .sitemap-privacy-note form{margin:0;flex:0 0 auto} @media(max-width:1000px){.sitemap-insight-grid{grid-template-columns:1fr}.sitemap-privacy-note{align-items:flex-start;flex-direction:column}} /* Google Analytics 4 en uitgebreide cookievoorkeuren */ .cookie-preferences{display:block;max-height:min(760px,calc(100vh - 36px));overflow:auto;padding:22px;width:min(900px,calc(100vw - 28px))} .cookie-preferences-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px} .cookie-preferences-head strong{font-size:20px;margin-bottom:5px} .cookie-preferences-head p{max-width:720px} .cookie-close{border:0;background:#edf4ff;color:var(--navy);width:34px;height:34px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;flex:0 0 auto} .cookie-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0} .cookie-choice-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fbfdff;cursor:pointer} .cookie-choice-row.fixed{cursor:default;background:#f5f8fc} .cookie-choice-row input{width:19px;height:19px;accent-color:var(--blue)} .cookie-choice-row span,.cookie-choice-row b,.cookie-choice-row small{display:block} .cookie-choice-row b{font-size:13px;color:var(--navy);margin-bottom:3px} .cookie-choice-row small{font-size:11px;line-height:1.45;color:var(--muted)} .cookie-choice-row em{font-style:normal;font-size:10px;font-weight:800;color:#247348;background:#e9f8ef;border-radius:999px;padding:5px 8px;white-space:nowrap} .cookie-privacy-note{padding:11px 13px;border-radius:12px;background:#f5f8fc;border:1px solid #dce8f5} .cookie-preferences-actions{margin-top:15px} html.cookie-panel-open{scroll-padding-bottom:260px} .ga4-admin-panel{scroll-margin-top:24px} .ga4-metric-grid{margin:18px 0} .ga4-admin-grid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:18px;align-items:start} .ga4-settings-form,.ga4-event-summary{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fbfdff} .ga4-settings-form{display:grid;gap:14px} .ga4-settings-form label:not(.check-option){display:grid;gap:7px;font-size:12px;font-weight:800;color:var(--navy)} .ga4-settings-form input[type=text],.ga4-settings-form input[name=measurement_id]{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff} .ga4-event-summary h3{margin:0 0 7px}.ga4-event-summary p{margin:0;color:var(--muted);font-size:13px;line-height:1.6} .ga4-event-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.ga4-event-tags code{font-size:10px;background:#edf4ff;color:#174a9e;border-radius:999px;padding:5px 8px} .metric-code{font-size:18px!important;word-break:break-all} @media(max-width:760px){ .cookie-preferences{bottom:8px;max-height:calc(100vh - 16px);padding:16px} .cookie-choice-grid{grid-template-columns:1fr} .cookie-preferences-actions{display:grid;grid-template-columns:1fr} .ga4-admin-grid{grid-template-columns:1fr} } /* Advanced Consent Mode v2: compacte cookiebalk met optionele detailweergave. */ .cookie-preferences{ left:50%; bottom:12px; width:min(840px,calc(100vw - 24px)); max-height:none; padding:0; overflow:visible; border-radius:15px; border:1px solid #c9d9ec; background:rgba(255,255,255,.98); box-shadow:0 14px 46px rgba(7,29,69,.18); backdrop-filter:blur(10px); } .cookie-preferences[hidden],.cookie-summary[hidden],.cookie-details-panel[hidden]{display:none!important} .cookie-summary{display:flex;align-items:center;gap:18px;padding:12px 14px} .cookie-summary-copy{min-width:0;flex:1} .cookie-summary-copy strong{display:block;margin:0 0 2px;font-size:14px;color:var(--navy)} .cookie-summary-copy p{margin:0;max-width:540px;font-size:11px;line-height:1.45;color:var(--muted)} .cookie-summary-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex:0 0 auto} .cookie-text-button{border:0;background:transparent;color:#315b91;padding:7px 6px;font:inherit;font-size:11px;font-weight:800;cursor:pointer;text-decoration:none;white-space:nowrap} .cookie-text-button:hover,.cookie-text-button:focus-visible{text-decoration:underline;color:var(--blue)} .cookie-close.compact{width:28px;height:28px;margin-left:1px;background:transparent;font-size:20px;color:#60708a} .cookie-details-panel{max-height:min(680px,calc(100vh - 34px));overflow:auto;padding:18px} .cookie-details-panel .cookie-preferences-head{margin-bottom:12px} .cookie-details-panel .cookie-preferences-head strong{font-size:18px} .cookie-details-panel .cookie-choice-grid{margin:12px 0} .cookie-details-panel .cookie-preferences-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:13px} .cookie-details-panel .cookie-back{margin-right:auto} html.cookie-panel-open{scroll-padding-bottom:110px} @media(max-width:760px){ .cookie-preferences{bottom:6px;width:calc(100vw - 12px);max-height:none;padding:0;border-radius:13px} .cookie-summary{position:relative;display:block;padding:12px 42px 11px 12px} .cookie-summary-copy p{font-size:10.5px;line-height:1.4} .cookie-summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px} .cookie-summary-actions .btn{grid-column:1/-1;width:100%;text-align:center} .cookie-summary-actions .cookie-close.compact{position:absolute;top:8px;right:8px;display:flex;width:28px;height:28px;margin:0;align-items:center;justify-content:center} .cookie-text-button{padding:6px 4px;text-align:center} .cookie-details-panel{max-height:calc(100vh - 12px);padding:14px} .cookie-details-panel .cookie-choice-grid{grid-template-columns:1fr} .cookie-details-panel .cookie-preferences-actions{display:grid;grid-template-columns:1fr;gap:7px} .cookie-details-panel .cookie-preferences-actions .btn{width:100%;text-align:center} .cookie-details-panel .cookie-back{margin:0;order:4} html.cookie-panel-open{scroll-padding-bottom:180px} } /* Blogoverzicht: rustige verticale artikellijst met redactionele banners. */ .blog-overview-section{background:linear-gradient(180deg,#f8fbff 0,#fff 260px)} .blog-overview-container{max-width:1160px} .blog-overview-head{align-items:flex-end;gap:24px;margin-bottom:28px} .blog-overview-head h1{margin:.35rem 0 .55rem} .blog-overview-head p{max-width:740px;margin:0;color:var(--muted);line-height:1.65} .blog-count{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid #d7e3f1;border-radius:999px;background:#fff;color:#53647d;font-size:12px;font-weight:800;white-space:nowrap} .blog-list{display:grid;gap:20px} .blog-list-card{display:grid;grid-template-columns:minmax(260px,350px) minmax(0,1fr);min-height:220px;overflow:hidden;border:1px solid #dfe7f0;border-radius:20px;background:#fff;box-shadow:0 9px 30px rgba(20,44,82,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} .blog-list-card:hover{transform:translateY(-2px);border-color:#bfd7f2;box-shadow:0 15px 38px rgba(20,44,82,.10)} .blog-list-media{display:block;position:relative;min-height:220px;overflow:hidden;background:#eaf1f8} .blog-list-media img{display:block;width:100%;height:100%;min-height:220px;object-fit:cover;transition:transform .35s ease} .blog-list-card:hover .blog-list-media img{transform:scale(1.025)} .blog-banner-fallback{position:absolute;inset:0;display:grid;place-content:center;gap:4px;text-align:center;background:linear-gradient(135deg,#09295a,#0d68c7 58%,#62a9eb);color:#fff} .blog-banner-fallback:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.22);border-radius:14px} .blog-banner-fallback b{font-size:38px;line-height:1;letter-spacing:.08em} .blog-banner-fallback small{font-size:9px;font-weight:900;letter-spacing:.18em;opacity:.86} .blog-list-content{display:flex;flex-direction:column;justify-content:center;padding:28px 32px} .blog-list-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:11px;color:#6b7890;font-size:11px;font-weight:750} .blog-list-meta>*+*:before{content:"•";margin-right:9px;color:#a6b0be} .blog-list-content h2{margin:0 0 10px;font-size:clamp(1.25rem,2.2vw,1.75rem);line-height:1.22} .blog-list-content h2 a{color:var(--navy)} .blog-list-content h2 a:hover{color:var(--blue)} .blog-list-content p{max-width:720px;margin:0 0 17px;color:#53627a;line-height:1.65} .blog-read-more{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin-top:auto;font-size:13px;font-weight:900} .blog-read-more span{transition:transform .18s ease} .blog-read-more:hover span{transform:translateX(3px)} .article-hero{aspect-ratio:3/2;max-height:none;background:#eef3f8} @media(max-width:820px){ .blog-list-card{grid-template-columns:1fr} .blog-list-media,.blog-list-media img{min-height:0;height:auto;aspect-ratio:16/9} .blog-list-content{padding:22px} } @media(max-width:560px){ .blog-overview-head{align-items:flex-start;flex-direction:column;margin-bottom:20px} .blog-list{gap:15px} .blog-list-card{border-radius:16px} .blog-list-content{padding:18px} .blog-list-meta{gap:6px;font-size:10px} .blog-list-meta>*+*:before{margin-right:6px} } /* AI-categoriehiërarchie: compact megamenu en beheerstatussen */ .catalog-mega-group{min-width:0;border:1px solid var(--line);border-radius:14px;padding:6px;background:#fff}.catalog-mega-group>.catalog-mega-card{margin:0}.catalog-mega-subcategories{display:grid;gap:1px;padding:2px 7px 8px 55px}.catalog-mega-subcategories>a{display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:5px 6px!important;border-radius:7px;color:var(--muted)!important;font-size:11px;line-height:1.25}.catalog-mega-subcategories>a:hover{background:var(--soft);color:var(--blue)!important}.catalog-mega-subcategories>a small{font-size:10px;color:#8a98aa}.catalog-mega-subcategories .catalog-mega-more{justify-content:flex-start;color:var(--blue)!important;font-weight:800;margin-top:3px}.category-ai-state{display:inline-flex;align-items:center;margin:5px 4px 0 0;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:800;line-height:1.2}.category-ai-state.approved{background:#e8f7ef;color:#157347}.category-ai-state.review{background:#fff4d8;color:#8a5a00}.category-ai-state.locked{background:#e9eef7;color:#344968}.ai-category-panel .status.pending,.ai-category-panel .status.review{background:#fff4d8;color:#8a5a00}.ai-category-panel .status.approved{background:#e8f7ef;color:#157347}.ai-category-panel .status.excluded{background:#f2f3f5;color:#596270}.ai-category-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:end}.ai-category-actions select{min-width:210px}.ai-category-reason{max-width:440px;white-space:normal;line-height:1.45} @media(max-width:1000px){.catalog-mega-subcategories{padding-left:55px}.catalog-mega-group{padding:4px}} @media(max-width:650px){.catalog-mega-subcategories{padding:0 7px 8px 7px}.catalog-mega-subcategories>a{padding:7px!important;font-size:12px}.catalog-mega-group{border-radius:12px}} /* Compacte doorzoekbare categorie-kiezer in het beheer. */ .category-picker{position:relative;width:100%;min-width:0} .category-picker-native{position:absolute!important;left:0;bottom:0;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;opacity:0;pointer-events:none;overflow:hidden} .category-picker-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:42px;padding:9px 11px;border:1px solid #d7dde7;border-radius:10px;background:#fff;color:#172033;font:inherit;text-align:left;cursor:pointer;box-shadow:none} .category-picker-button:hover,.category-picker.open .category-picker-button{border-color:#6d7f9d} .category-picker-button:focus-visible{outline:3px solid rgba(47,112,235,.2);outline-offset:1px;border-color:#2f70eb} .category-picker-button span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .category-picker-button i{flex:0 0 auto;font-style:normal;color:#69758a;transition:transform .16s ease} .category-picker.open .category-picker-button i{transform:rotate(180deg)} .category-picker-button.is-placeholder span{color:#6f7888} .category-picker-panel{position:fixed;z-index:500;top:calc(100% + 6px);left:0;width:min(420px,calc(100vw - 32px));max-width:none;padding:8px;border:1px solid #d9dfe9;border-radius:12px;background:#fff;box-shadow:0 18px 50px rgba(29,40,61,.18)} .category-picker-search{position:sticky;top:0;z-index:2;padding:2px 2px 8px;background:#fff} .category-picker-search input{width:100%;min-height:40px;padding:8px 10px;border:1px solid #d7dde7;border-radius:9px;background:#f8fafc} .category-picker-list{max-height:310px;overflow:auto;padding:0 2px 2px;overscroll-behavior:contain} .category-picker-quick{padding-bottom:6px;border-bottom:1px solid #edf0f4;margin-bottom:5px} .category-picker-group{display:grid;gap:2px;padding:5px 0} .category-picker-group+ .category-picker-group{border-top:1px solid #edf0f4} .category-picker-group>strong{position:sticky;top:0;z-index:1;padding:6px 8px 4px;background:#fff;color:#506078;font-size:.75rem;line-height:1.2;text-transform:uppercase;letter-spacing:.045em} .category-picker-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px;border:0;border-radius:8px;background:transparent;color:#1f2937;font:inherit;text-align:left;cursor:pointer} .category-picker-option:hover,.category-picker-option[aria-selected="true"]{background:#eef4ff;color:#174ea6} .category-picker-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .category-picker-option small{flex:0 0 auto;color:#7b8493;font-size:.72rem;white-space:nowrap} .category-picker-empty{padding:20px 10px;color:#6d7685;text-align:center} .ai-category-approve .category-picker{min-width:250px} .ai-category-approve .category-picker-panel{right:0;left:auto} @media(max-width:720px){ .category-picker-panel{position:fixed;z-index:1200;right:12px;bottom:12px;left:12px;top:auto;width:auto;max-height:min(70vh,520px)} .category-picker-list{max-height:calc(min(70vh,520px) - 70px)} .ai-category-approve .category-picker{min-width:0} } /* Volledige productniveau-categoriecontrole */ .product-category-review-panel{display:grid;gap:18px} .product-review-progress{display:grid;gap:10px;padding:16px;border:1px solid var(--line,#dfe5ea);border-radius:14px;background:var(--surface-soft,#f7f9fb)} .product-review-progress>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .product-review-progress small{margin-left:auto;color:var(--muted,#667085)} .product-review-progress progress{width:100%;height:12px;border:0;border-radius:999px;overflow:hidden} .product-review-progress progress::-webkit-progress-bar{background:#e8edf1;border-radius:999px} .product-review-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#1f6f5f,#2d8f79);border-radius:999px} .product-review-progress progress::-moz-progress-bar{background:#247b68;border-radius:999px} .product-review-kpis{grid-template-columns:repeat(6,minmax(120px,1fr))} .product-review-methods{margin:-6px 0 0} .product-review-start{display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding:16px;border:1px solid var(--line,#dfe5ea);border-radius:14px} .product-review-start>label:not(.check-option){display:grid;gap:5px;min-width:230px} .product-review-percent{display:flex;align-items:center;gap:5px} .product-review-percent input{width:90px} .product-review-filter{margin-top:0} .product-review-table td{vertical-align:top;min-width:145px} .product-review-table td:first-child{min-width:250px} .product-review-table details{margin-top:7px;max-width:440px} .product-review-table details p{white-space:normal;line-height:1.45} .product-review-actions{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:150px} .product-review-actions form,.product-review-actions button{width:100%} .status.changed{background:#e4f5ee;color:#17634f} .status.review,.status.locked{background:#fff3d6;color:#835b00} .status.error{background:#fde8e8;color:#9b1c1c} .status.unchanged,.status.kept{background:#eef2f6;color:#475467} .status.running,.status.queued{background:#e9f2ff;color:#1859a9} .status.completed{background:#e4f5ee;color:#17634f} .status.cancelled{background:#f2f4f7;color:#475467} @media(max-width:1100px){.product-review-kpis{grid-template-columns:repeat(3,minmax(130px,1fr))}} @media(max-width:700px){ .product-review-progress small{margin-left:0;width:100%} .product-review-kpis{grid-template-columns:repeat(2,minmax(120px,1fr))} .product-review-start{align-items:stretch} .product-review-start>*{width:100%} .product-review-table td:first-child{min-width:210px} } /* Leveranciersvergelijking */ .supplier-comparison-table{min-width:1180px}.supplier-comparison-table td{vertical-align:top}.supplier-comparison-product{min-width:230px}.supplier-price-list{display:grid;gap:8px;min-width:430px}.supplier-price-row{display:grid;grid-template-columns:minmax(150px,1fr) 105px minmax(190px,1.2fr);gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}.supplier-price-row.is-used{border-color:#91b9e9;background:#f5f9ff;box-shadow:inset 3px 0 0 #0966ce}.supplier-price-name{display:grid;gap:2px}.supplier-price-name small{color:var(--muted);overflow-wrap:anywhere}.supplier-price-amount{font-weight:900;text-align:right;white-space:nowrap}.supplier-price-badges{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.price-flag,.price-stock{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:900;line-height:1.1;white-space:nowrap}.price-flag.cheapest{background:#e4fbf0;color:#08724d}.price-flag.expensive{background:#ffe8eb;color:#b02f42}.price-flag.used{background:#e7f2ff;color:#0966ce}.price-flag.equal{background:#edf1f6;color:#526079}.price-stock{background:var(--soft);color:var(--muted)}.price-stock.available{background:#effaf4;color:#08724d}.price-stock.unavailable{background:#f7f0f1;color:#9b2030}.supplier-used-cell{min-width:185px}.supplier-used-cell>b,.supplier-difference-cell>b{font-size:14px}.supplier-used-cell small,.supplier-difference-cell small{color:var(--muted);line-height:1.35}.supplier-difference-cell{min-width:150px}@media(max-width:900px){.supplier-comparison-table{min-width:1050px}.supplier-price-row{grid-template-columns:minmax(140px,1fr) 95px minmax(170px,1fr)}} /* AI Support Assistant v12.4 */ .ai-support-suggestion{margin:0 0 18px;padding:18px;border:1px solid #cbdcf4;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#f1f7ff)} .ai-support-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.ai-support-head h2{margin:3px 0 4px;font-size:18px}.ai-support-head p{margin:0;color:var(--muted);font-size:12px}.ai-support-head form{margin:0;flex:0 0 auto}.ai-support-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 12px;font-size:11px;color:#53657d}.ai-support-meta>span{padding:5px 8px;border-radius:999px;background:#fff;border:1px solid #dbe7f5}.ai-support-meta .ai-check-required{background:#fff5df;border-color:#efd49a;color:#8a5700;font-weight:800}.ai-support-summary,.ai-support-draft,.ai-support-warnings{margin-top:12px;padding:13px 14px;border-radius:12px;background:#fff;border:1px solid #dde7f3}.ai-support-summary p{margin:6px 0 0;color:#475569;font-size:13px}.ai-support-draft>div{margin-top:8px;line-height:1.6;white-space:normal}.ai-support-warnings{background:#fff9ed;border-color:#f0d59d}.ai-support-warnings ul{margin:7px 0 0;padding-left:18px}.ai-support-actions{display:flex;gap:10px;align-items:center;margin-top:14px}.ai-support-actions form{margin:0}.ai-support-suggestion.is-empty{background:#fbfdff;border-style:dashed} .ai-daily-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.ai-daily-kpi{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.ai-daily-kpi span,.ai-daily-kpi small{display:block;color:var(--muted)}.ai-daily-kpi strong{display:block;font-size:25px;margin:5px 0}.ai-daily-report-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.55fr);gap:18px;align-items:start}.ai-report-list{display:grid;gap:7px}.ai-report-list a{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;color:var(--ink);background:#fff}.ai-report-list a.active{border-color:#8ebaf5;background:#f4f8ff}.ai-report-section{margin-top:18px}.ai-report-section ul{margin:8px 0 0;padding-left:20px}.ai-report-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ai-report-metrics>div{padding:13px;border-radius:12px;background:#f7f9fc;border:1px solid #e3e9f1}.ai-report-metrics strong,.ai-report-metrics span{display:block}.ai-report-metrics strong{font-size:20px}.ai-report-metrics span{font-size:11px;color:var(--muted)} @media(max-width:900px){.ai-support-head{display:grid}.ai-daily-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-daily-report-grid{grid-template-columns:1fr}.ai-report-metrics{grid-template-columns:1fr}} .ai-report-action-list{display:grid;gap:7px;margin:8px 0 16px}.ai-report-action-list>a,.ai-report-action-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e3eaf3;border-radius:11px;padding:10px 12px;background:#fbfdff;color:inherit}.ai-report-action-list span{display:grid;gap:2px}.ai-report-action-list small{color:#64748b;font-size:11px}.ai-report-action-list>a:hover{border-color:#9fc5f7;background:#f2f8ff} /* AI medewerker en veilige menselijke acties */ .ai-employee-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:16px;align-items:start}.ai-employee-detail{position:sticky;top:16px}.ai-employee-detail h2{margin:.35rem 0 .75rem}.ai-employee-detail h3{margin:1.1rem 0 .35rem}.ai-employee-detail .stack-form{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.ai-employee-detail .stack-form+form{margin-top:10px}.ai-support-human-action{margin:12px 0;padding:13px;border:1px solid #f2c66d;border-radius:12px;background:#fff8e8}.ai-support-human-action p{margin:5px 0 10px}.ai-employee-grid tr.is-selected td{background:#f0f6ff}.ai-employee-grid td small{display:block;color:var(--muted);margin-top:3px}@media(max-width:1080px){.ai-employee-grid{grid-template-columns:1fr}.ai-employee-detail{position:static}} .stock-override-panel{padding:16px 18px;border:1px solid #f0c36b;border-radius:14px;background:#fff9e8}.stock-override-panel .check-option{align-items:flex-start}.stock-override-panel .check-option span{display:grid;gap:4px}.stock-override-panel small{color:var(--muted);font-weight:400}.stock-shortage-label{display:block;margin-top:5px;color:#a33b00;font-weight:700} /* V12.6: compact product-, voorraad- en administratieworkflow */ .payment-term-preview{display:flex;flex-direction:column;gap:.2rem;padding:.85rem 1rem;border:1px solid var(--line,#d9e0e8);border-radius:12px;background:#f8fafc}.payment-term-preview span,.payment-term-preview small{font-size:.8rem;color:var(--muted,#64748b)}.payment-term-preview b{font-size:1.05rem}.invoice-always-notice{align-self:end}.input-suffix{display:flex;align-items:center;gap:.5rem}.input-suffix input{min-width:0}.input-suffix span{white-space:nowrap;color:var(--muted,#64748b)} .inventory-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.inventory-kpis a{text-decoration:none;color:inherit}.inventory-table table{min-width:1180px}.inventory-table tr.has-backorder{background:rgba(245,158,11,.06)}.inventory-table tr.is-out{box-shadow:inset 3px 0 #dc2626}.stock-number{font-size:1.35rem}.inventory-adjust-form{display:grid;grid-template-columns:150px 80px;gap:.4rem;min-width:360px}.inventory-adjust-form input[name="reference"],.inventory-adjust-form input[name="reason"],.inventory-adjust-form button{grid-column:1/-1}.inventory-threshold-form{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;min-width:240px}.inventory-threshold-form button{grid-column:1/-1}.inventory-threshold-form label{font-size:.75rem}.inventory-threshold-form input{margin-top:.2rem} .task-progress-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:1rem;margin-top:1rem;border:1px solid var(--line,#d9e0e8);border-radius:12px;background:#f8fafc}.task-progress-form.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.task-progress-form .wide{grid-column:1/-1}.task-history{margin-top:1rem;border-top:1px solid var(--line,#d9e0e8);padding-top:.75rem}.task-history ol{margin:.75rem 0 0;padding-left:1.25rem}.task-history li{padding:.4rem 0}.admin-task-description{white-space:normal}.admin-task-card .order-meta{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))} .product-admin-table table{min-width:1120px}.product-admin-table th,.product-admin-table td{vertical-align:top}.product-summary-cell{min-width:300px}.product-meta-line{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.35rem}.product-actions-cell{min-width:190px}.product-primary-actions{display:flex;gap:.4rem;flex-wrap:wrap}.product-ai-menu{margin-top:.5rem}.product-ai-menu>div{display:grid;gap:.35rem;padding:.5rem 0}.product-ai-menu form,.product-ai-menu button{width:100%}.text-link{font-size:.82rem} @media(max-width:1100px){.inventory-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.task-progress-form,.task-progress-form.compact{grid-template-columns:1fr}} /* V12.6.2: factuurkoppeling en factuurhistorie per bestelling */ .order-invoice-panel{margin-bottom:18px}.order-invoice-panel .panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.invoice-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.invoice-summary-grid>div{border:1px solid var(--border,#dbe3ef);border-radius:12px;padding:12px;background:var(--surface-soft,#f8fafc)}.invoice-summary-grid span{display:block;font-size:.78rem;color:var(--muted,#64748b);margin-bottom:4px}.invoice-summary-grid b{display:block;word-break:break-word}.invoice-action-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.invoice-action-row form{margin:0}.invoice-cancel-box,.invoice-history{margin-top:14px;border-top:1px solid var(--border,#dbe3ef);padding-top:12px}.invoice-cancel-box summary,.invoice-history summary{cursor:pointer;font-weight:700}.invoice-cancel-box p{max-width:850px;color:var(--muted,#64748b)}.invoice-cancel-box form{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:12px;align-items:end}.invoice-cancel-box label{margin:0}.invoice-cancel-box textarea{width:100%}.compact-empty-state{padding:12px 0;text-align:left}.invoice-history small{display:block;color:var(--muted,#64748b)} @media(max-width:900px){.invoice-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-cancel-box form{grid-template-columns:1fr}} @media(max-width:560px){.invoice-summary-grid{grid-template-columns:1fr}} /* V12.6.3 compact factuurbeheer onderaan de bestelling */ .compact-invoice-manager{margin-top:18px;margin-bottom:0}.compact-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.compact-panel-head h2{margin-bottom:2px}.inline-form{margin:0}.invoice-kpi-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0}.invoice-kpi-row>div{padding:9px 11px;border:1px solid var(--border,#dbe3ef);border-radius:10px;background:var(--surface-soft,#f8fafc)}.invoice-kpi-row span{display:block;font-size:.72rem;color:var(--muted,#64748b);margin-bottom:2px}.invoice-kpi-row b{font-size:.95rem}.invoice-kpi-row .attention{border-color:#f0c36a;background:#fffaf0}.invoice-kpi-row .complete{border-color:#9bd6b2;background:#f2fbf6}.invoice-active-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border,#dbe3ef);border-radius:10px;padding:10px 12px;background:#fff}.invoice-active-strip>div:first-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.invoice-active-strip small{color:var(--muted,#64748b)}.invoice-inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.compact-invoice-cancel{position:relative}.compact-invoice-cancel>summary{list-style:none;cursor:pointer}.compact-invoice-cancel>summary::-webkit-details-marker{display:none}.compact-invoice-cancel[open] form{position:absolute;right:0;top:calc(100% + 7px);z-index:20;width:min(420px,80vw);padding:12px;border:1px solid var(--border,#dbe3ef);border-radius:12px;background:#fff;box-shadow:0 14px 35px rgba(15,23,42,.16)}.compact-invoice-cancel form label{margin:0 0 8px}.compact-invoice-cancel textarea{width:100%}.compact-notice{margin:8px 0 0;padding:9px 11px}.invoice-create-box{margin:10px 0;border:1px solid var(--border,#dbe3ef);border-radius:10px;padding:0 12px}.invoice-create-box>summary{cursor:pointer;font-weight:700;padding:10px 0}.invoice-create-box form{display:grid;grid-template-columns:minmax(210px,1.2fr) minmax(170px,.8fr) minmax(220px,1.2fr) auto;gap:10px;align-items:end;padding:0 0 12px}.invoice-create-box label{margin:0}.invoice-history-table{margin-top:12px}.invoice-history-table table{font-size:.88rem}.invoice-history-table th,.invoice-history-table td{padding:8px 9px;vertical-align:middle}.invoice-history-table .num{text-align:right;white-space:nowrap}.invoice-history-table small{display:block;color:var(--muted,#64748b);margin-top:2px}.invoice-history-note td{padding-top:0;border-top:0}.initial-invoice-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;border:1px solid var(--border,#dbe3ef);border-radius:12px;background:var(--surface-soft,#f8fafc)}.initial-invoice-options label{margin:0} @media(max-width:1050px){.invoice-create-box form{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.compact-panel-head,.invoice-active-strip{align-items:stretch;flex-direction:column}.invoice-inline-actions{justify-content:flex-start}.invoice-create-box form,.initial-invoice-options{grid-template-columns:1fr}.compact-invoice-cancel[open] form{position:fixed;left:5vw;right:5vw;top:20vh;width:90vw}.invoice-history-table{overflow-x:auto}} /* V12.6.7 - centraal merkenfilter voor alle leveranciersimporters */ .supplier-brand-filter-panel{margin:18px 0}.supplier-brand-filter-panel .panel-head{gap:18px;align-items:flex-start}.supplier-brand-filter-form{margin-top:14px}.supplier-brand-filter-form textarea{min-height:145px;resize:vertical;font-family:inherit;line-height:1.45}.supplier-known-brands{border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:var(--soft)}.supplier-known-brands summary{cursor:pointer}.supplier-known-brands p{line-height:1.7;color:var(--muted);overflow-wrap:anywhere}@media(max-width:700px){.supplier-brand-filter-panel .panel-head{flex-direction:column}} /* V12.6.8 - verplicht centraal merkenbeheer */ .supplier-brand-filter-panel{border:2px solid var(--primary,#2f6fed);box-shadow:0 10px 30px rgba(20,55,110,.08)} .supplier-brand-filter-panel textarea{min-height:180px;font-family:inherit} .tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem} .tag-cloud .tag{display:inline-flex;padding:.42rem .7rem;border:1px solid var(--border,#dfe5ec);border-radius:999px;background:var(--surface-soft,#f7f9fc);font-size:.9rem} .ai-support-options{display:grid;gap:12px;margin-top:12px}.ai-support-options.has-multiple{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ai-support-option{display:flex;flex-direction:column;gap:11px;padding:14px;border:1px solid #d8e5f4;border-radius:14px;background:#fff;min-width:0}.ai-support-option-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ai-support-option-head>div{display:grid;gap:3px}.ai-support-option-head small{max-width:45%;color:#64748b;text-align:right;line-height:1.35}.ai-support-option-number{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#537099}.ai-support-option-text{line-height:1.6;white-space:normal;flex:1}.ai-support-option .btn{align-self:flex-start}.ai-support-options.has-multiple+.ai-support-warnings{margin-top:14px}@media(max-width:700px){.ai-support-option-head{display:grid}.ai-support-option-head small{max-width:none;text-align:left}} /* v12.7.1: compact webshop dropdown; never extends below the viewport */ @media(min-width:1121px){ .catalog-mega{ max-height:calc(100vh - 96px); overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; padding:16px 18px 18px; } .catalog-mega-head{padding-bottom:11px;margin-bottom:10px} .catalog-mega-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px} .catalog-mega-group{padding:3px;border-radius:11px} .catalog-mega-card{grid-template-columns:32px minmax(0,1fr);gap:8px;padding:7px!important} .catalog-mega-card i{width:32px;height:32px;border-radius:9px;font-size:16px} .catalog-mega-card b{font-size:12px;line-height:1.25} .catalog-mega-card small{font-size:10px} .catalog-mega-subcategories{padding:0 5px 5px 47px} .catalog-mega-subcategories>a{padding:3px 4px!important;font-size:10.5px} .catalog-mega-subcategories>a small{font-size:9px} } @media(max-width:1120px) and (min-width:1001px){ .catalog-mega{max-height:calc(100vh - 96px);overflow-y:auto;overscroll-behavior:contain} .catalog-mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .catalog-mega-subcategories{padding-left:49px} } @media(max-width:1000px){ .main-nav{max-height:calc(100dvh - 92px);overflow-y:auto;overscroll-behavior:contain} .catalog-mega{max-height:58vh;overflow-y:auto;overscroll-behavior:contain} .catalog-mega-head{padding-bottom:10px;margin-bottom:10px} .catalog-mega-card{padding:8px!important} } /* RS Smart Buildings - uitgebreide oplossingenpagina (2026-09 sales-first update) */ .solutions-hero{padding:64px 0 44px;background:linear-gradient(180deg,#f7faff 0%,#fff 100%);overflow:hidden}.solutions-hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);gap:54px;align-items:center}.solutions-hero-copy h1{font-size:clamp(2.5rem,4.8vw,4.85rem);line-height:1.02;letter-spacing:-.045em;max-width:780px;margin:12px 0 22px}.solutions-lead{font-size:1.12rem;line-height:1.75;color:#4d5c76;max-width:720px}.solutions-hero-actions,.solutions-inline-actions,.solutions-cta-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:26px}.solutions-hero-points{display:flex;flex-wrap:wrap;gap:18px 26px;margin-top:25px;color:#31425c;font-size:.93rem;font-weight:650}.solutions-hero-media{margin:0;border-radius:30px;overflow:hidden;box-shadow:0 28px 65px rgba(27,61,110,.15);background:#eaf1fb;aspect-ratio:16/9}.solutions-hero-media img,.solutions-environment-media img{display:block;width:100%;height:100%;object-fit:cover}.solutions-heading-wide{max-width:900px}.solutions-heading-wide p,.solutions-split-heading>p{max-width:760px;color:#596981;line-height:1.75}.solutions-intro-section{padding-top:58px}.solutions-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:35px}.solutions-capability-card{display:grid;grid-template-columns:52px 1fr;column-gap:16px;row-gap:4px;align-items:center;padding:23px;border:1px solid #dce6f3;border-radius:20px;background:#fff;text-decoration:none;color:inherit;box-shadow:0 7px 28px rgba(30,60,98,.035);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.solutions-capability-card:hover{transform:translateY(-2px);border-color:#b9d0ee;box-shadow:0 14px 34px rgba(30,60,98,.08)}.solutions-capability-icon{grid-row:1/3;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#eef6ff;color:#0867d9;font-size:1.35rem;font-weight:800}.solutions-capability-card strong{font-size:1.05rem}.solutions-capability-card small{font-size:.9rem;color:#63728a;line-height:1.5}.solutions-feature{padding:84px 0}.solutions-feature-alt{background:#f7f9fc}.solutions-feature-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:60px;align-items:center}.solutions-feature-grid>.solutions-feature-copy:first-child{order:0}.solutions-environment-media{margin:0;overflow:hidden;border-radius:24px;background:#e9eef4;aspect-ratio:16/9;box-shadow:0 18px 44px rgba(25,48,81,.09)}.solutions-feature-copy h2,.solutions-split-heading h2,.solutions-process h2,.solutions-cta h2{font-size:clamp(2rem,3.3vw,3.2rem);letter-spacing:-.035em;line-height:1.08;margin:10px 0 20px}.solutions-feature-copy>p{color:#596981;line-height:1.76}.solutions-check-list{list-style:none;padding:0;margin:24px 0;display:grid;gap:11px}.solutions-check-list li{position:relative;padding-left:28px;line-height:1.55;color:#34455e}.solutions-check-list li:before{content:'✓';position:absolute;left:0;top:0;color:#0870e5;font-weight:900}.text-link{font-weight:750;color:#0567d8;text-decoration:none}.text-link:hover{text-decoration:underline}.solutions-split-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);gap:50px;align-items:end;margin-bottom:34px}.solutions-showcase-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.65fr);gap:20px;align-items:stretch}.solutions-showcase-main{height:100%;min-height:440px}.solutions-product-card{border:1px solid #dde6f1;border-radius:24px;background:#fff;display:flex;flex-direction:column;overflow:hidden;padding:22px;min-height:100%}.solutions-product-card>img{width:100%;height:280px;object-fit:contain;object-position:center;background:#fff;display:block}.solutions-product-card>div{padding:12px 4px 3px}.solutions-product-card strong{font-size:1.12rem}.solutions-product-card p{color:#617087;line-height:1.6;margin-bottom:0}.solutions-three-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.solutions-three-columns article,.solutions-ai-cards article,.solutions-usecase-grid article{border:1px solid #e0e8f2;border-radius:20px;background:#fff;padding:24px}.solutions-three-columns h3,.solutions-ai-cards h3,.solutions-usecase-grid h3{margin:0 0 10px;font-size:1.1rem}.solutions-three-columns p,.solutions-ai-cards p,.solutions-usecase-grid p{color:#617087;line-height:1.62;margin:0}.solutions-note{margin-top:22px;padding:18px 20px;border-left:4px solid #0871e8;background:#eef6ff;border-radius:12px;color:#3c4f69;line-height:1.6}.solutions-ai-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px;align-items:end;margin:52px 0 24px}.solutions-ai-intro h3{font-size:clamp(1.6rem,2.8vw,2.45rem);line-height:1.12;margin:8px 0 0}.solutions-ai-intro p{margin:0;color:#596981;line-height:1.72}.solutions-official-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.solutions-official-demo{margin:0;border:1px solid #dfe7f0;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 12px 34px rgba(30,55,91,.06)}.solutions-official-demo>img{display:block;width:100%;height:auto;min-height:250px;object-fit:contain;background:#f5f7f9}.solutions-official-demo figcaption{display:flex;flex-direction:column;gap:5px;padding:17px 19px}.solutions-official-demo figcaption span{font-size:.89rem;color:#65748b;line-height:1.5}.solutions-ai-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px}.solutions-ai-cards article>span{display:inline-grid;place-items:center;min-width:34px;height:29px;border-radius:9px;background:#eef6ff;color:#096ad8;font-weight:800;font-size:.77rem;margin-bottom:16px}.solutions-video-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:34px;align-items:center;margin-top:52px;padding:30px;border:1px solid #dfe7f2;border-radius:26px;background:#fff}.solutions-video-copy h3{font-size:1.75rem;margin:8px 0 12px}.solutions-video-copy p{color:#5e6e85;line-height:1.7}.solutions-fineprint{font-size:.88rem}.solutions-video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#111}.solutions-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.solutions-zebra-media{display:grid;gap:18px}.solutions-zebra-product-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.solutions-product-tile{margin:0;border:1px solid #dde6f0;border-radius:18px;background:#fff;overflow:hidden}.solutions-product-tile img{display:block;width:100%;height:210px;object-fit:contain;object-position:center;background:#fff}.solutions-product-tile figcaption{padding:12px 16px;font-weight:750;font-size:.92rem;border-top:1px solid #eef2f6}.solutions-zebra-video{margin-top:44px}.solutions-process{padding:84px 0}.solutions-process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:34px}.solutions-process-grid article{padding:22px 20px;border-top:3px solid #0a71df;background:#f8fafc;border-radius:0 0 16px 16px}.solutions-process-grid b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e9f4ff;color:#096bd5;margin-bottom:18px}.solutions-process-grid h3{font-size:1.05rem;margin:0 0 10px}.solutions-process-grid p{font-size:.91rem;color:#617087;line-height:1.58;margin:0}.solutions-usecases{background:#f7f9fc;padding:84px 0}.solutions-usecase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.solutions-cta{padding:42px 0 88px;background:#f7f9fc}.solutions-cta-inner{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:40px;align-items:center;background:#0f223c;color:#fff;border-radius:28px;padding:42px 46px;overflow:hidden;position:relative}.solutions-cta-inner:after{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(39,136,255,.13);right:-100px;top:-150px;pointer-events:none}.solutions-cta h2{margin-bottom:12px}.solutions-cta p{color:#c8d5e7;line-height:1.7;max-width:760px;margin-bottom:0}.solutions-cta .eyebrow{color:#8cc4ff}.solutions-cta-actions{position:relative;z-index:1;margin-top:0;justify-content:flex-end}.solutions-cta .btn.secondary{background:transparent;color:#fff;border-color:#657b98}.solutions-cta .btn.secondary:hover{background:rgba(255,255,255,.08)} @media(max-width:1100px){.solutions-hero-grid,.solutions-feature-grid{grid-template-columns:1fr;gap:34px}.solutions-hero-media{max-width:900px}.solutions-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solutions-ai-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.solutions-process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.solutions-hero-grid{grid-template-columns:1fr}.solutions-hero-copy h1{max-width:900px}.solutions-zebra-media{max-width:850px}.solutions-showcase-main{min-height:360px}} @media(max-width:820px){.solutions-hero{padding-top:38px}.solutions-split-heading,.solutions-ai-intro,.solutions-video-grid,.solutions-cta-inner{grid-template-columns:1fr;gap:22px}.solutions-showcase-grid{grid-template-columns:1fr}.solutions-product-card{display:grid;grid-template-columns:220px 1fr;align-items:center;min-height:0}.solutions-product-card>img{height:210px}.solutions-three-columns,.solutions-usecase-grid{grid-template-columns:1fr}.solutions-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solutions-cta-actions{justify-content:flex-start}.solutions-video-grid{padding:22px}.solutions-official-demo>img{min-height:0}} @media(max-width:600px){.solutions-capability-grid,.solutions-official-demo-grid,.solutions-ai-cards,.solutions-process-grid,.solutions-zebra-product-row{grid-template-columns:1fr}.solutions-capability-card{padding:18px}.solutions-hero-copy h1{font-size:2.45rem}.solutions-feature,.solutions-process,.solutions-usecases{padding:58px 0}.solutions-product-card{display:flex}.solutions-product-card>img{height:240px}.solutions-cta-inner{padding:30px 24px}.solutions-hero-media,.solutions-environment-media{border-radius:18px}.solutions-showcase-main{min-height:0}} .solutions-official-diagram{margin:0;border:1px solid #dfe7f0;border-radius:24px;background:#fff;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 14px 38px rgba(30,55,91,.06)}.solutions-official-diagram>img{display:block;width:100%;height:100%;min-height:360px;object-fit:contain;object-position:center;background:#fff}.solutions-official-diagram figcaption{padding:13px 17px;border-top:1px solid #edf1f5;color:#66758b;font-size:.85rem;line-height:1.5}.solutions-protect-main>img{background:#f5f7f9}.solutions-zebra-official{position:relative}.solutions-zebra-official img{object-fit:cover}.solutions-zebra-official figcaption{position:absolute;left:14px;bottom:14px;background:rgba(10,24,42,.86);color:#fff;padding:8px 11px;border-radius:9px;font-size:.78rem}.solutions-product-copy-tile{display:grid;place-items:center;padding:24px}.solutions-product-copy-tile>div{padding:8px}.solutions-product-copy-tile strong{font-size:1.05rem}.solutions-product-copy-tile p{font-size:.88rem;color:#63728a;line-height:1.55;margin-bottom:0}@media(max-width:600px){.solutions-official-diagram>img{min-height:240px}} /* RS Smart Buildings sales-first homepage + AI Pilot solutions v2 */ .home-premium-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 18%,rgba(7,117,242,.22),transparent 28%),linear-gradient(135deg,#07111e 0%,#0b1a2e 58%,#0d2848 100%);color:#fff;padding:76px 0}.home-premium-hero:after{content:'';position:absolute;inset:auto -160px -260px auto;width:560px;height:560px;border-radius:50%;background:rgba(37,133,255,.08);pointer-events:none}.home-premium-hero h1{color:#fff;max-width:780px}.home-premium-hero .lead{color:#d2deed;max-width:720px}.home-premium-hero .eyebrow{color:#83c2ff}.home-premium-hero .trust-row{color:#d8e6f7}.home-premium-hero .btn.secondary{color:#fff;border-color:#69809c;background:rgba(255,255,255,.02)}.home-hero-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;border:1px solid rgba(164,202,246,.2);border-radius:26px;background:rgba(5,16,30,.58);backdrop-filter:blur(10px);box-shadow:0 28px 70px rgba(0,0,0,.22)}.home-hero-panel>a,.home-hero-panel-main{min-height:126px;border:1px solid rgba(164,202,246,.15);border-radius:17px;padding:18px;display:grid;align-content:end;gap:5px;color:#fff;text-decoration:none;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}.home-hero-panel>a:hover{border-color:rgba(91,170,255,.62);background:rgba(17,91,166,.19)}.home-hero-panel-main{grid-column:1/-1;min-height:160px;align-content:center;background:radial-gradient(circle at 82% 25%,rgba(35,139,255,.3),transparent 34%),linear-gradient(135deg,#0a1d36,#0f345d)}.home-hero-panel-main>span{font-size:2rem;font-weight:950;color:#40a0ff}.home-hero-panel-main strong{font-size:1.4rem;line-height:1.2}.home-hero-panel-main small,.home-hero-panel>a small{color:#aebed1;line-height:1.45}.home-hero-panel>a i{font-style:normal;font-size:1.45rem;color:#63b1ff}.home-hero-panel>a b{font-size:.92rem} .home-category-section{background:#f8fbff}.home-category-visual-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-category-visual-card{padding:0;overflow:hidden;display:grid;grid-template-columns:126px minmax(0,1fr);min-height:190px;align-items:stretch;background:#fff}.home-category-media{position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#f7fbff,#edf5ff);min-height:190px;padding:14px}.home-category-media img{display:block;width:100%;height:100%;max-height:150px;object-fit:contain;object-position:center}.home-category-fallback{display:none;font-size:2.2rem}.home-category-media:not(.has-image) .home-category-fallback,.home-category-media.is-broken .home-category-fallback{display:block}.home-category-media.is-broken img{display:none}.home-category-copy{padding:22px 20px 20px 4px;display:flex;flex-direction:column;align-items:flex-start}.home-category-copy h3{margin:0 0 9px}.home-category-copy p{margin:0 0 14px;line-height:1.55;flex:1}.home-category-copy>span{font-weight:800;color:#0868e8;font-size:.84rem} .home-solutions-section{padding-top:78px}.home-solution-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-solution-cards>a{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:22px;border:1px solid #dce6f3;border-radius:19px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 8px 28px rgba(23,50,83,.04)}.home-solution-cards>a:hover{border-color:#a8c8ef;transform:translateY(-2px)}.home-solution-cards>a>span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#eaf4ff;color:#0870e5;font-size:1.25rem}.home-solution-cards small{display:block;color:#6e7e93;font-weight:800;font-size:.66rem;letter-spacing:.04em}.home-solution-cards h3{margin:5px 0 8px;font-size:1.08rem}.home-solution-cards p{margin:0 0 12px;color:#617087;font-size:.9rem;line-height:1.55}.home-solution-cards b{font-size:.82rem;color:#0870e5} .home-intelligence-section{padding:84px 0;background:radial-gradient(circle at 90% 12%,rgba(16,121,239,.17),transparent 30%),#081421;color:#fff}.home-intelligence-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:54px;align-items:center}.home-intelligence-copy .eyebrow{color:#76bbff}.home-intelligence-copy h2{font-size:clamp(2.1rem,3.7vw,3.5rem);line-height:1.06;letter-spacing:-.04em;margin:10px 0 18px;color:#fff}.home-intelligence-copy>p{color:#becde0;line-height:1.72}.home-intelligence-features{display:grid;gap:9px;margin:24px 0}.home-intelligence-features a{display:grid;gap:3px;padding:12px 14px;border:1px solid rgba(154,195,241,.17);border-radius:12px;color:inherit;text-decoration:none;background:rgba(255,255,255,.025)}.home-intelligence-features a:hover{border-color:rgba(70,156,248,.55);background:rgba(24,96,169,.14)}.home-intelligence-features span{color:#9fb0c5;font-size:.86rem}.btn.dark-outline{background:transparent;color:#fff;border:1px solid #657b98}.home-intelligence-demo{margin:0;border-radius:24px;overflow:hidden;border:1px solid rgba(171,206,245,.18);background:#101c29;box-shadow:0 28px 70px rgba(0,0,0,.28)}.home-intelligence-demo img{display:block;width:100%;height:auto;min-height:320px;object-fit:contain;background:#eef2f5}.home-intelligence-demo figcaption{padding:17px 19px;display:grid;gap:4px}.home-intelligence-demo figcaption span{color:#a8b9cc;font-size:.83rem;line-height:1.5} /* Solutions hub */ .solutions-hub-hero{padding:66px 0;background:linear-gradient(135deg,#f7fbff,#fff)}.solutions-hub-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:46px;align-items:center}.solutions-hub-hero h1{font-size:clamp(2.6rem,4.6vw,4.7rem);line-height:1.01;letter-spacing:-.052em;margin:10px 0 20px;max-width:900px}.solutions-hub-hero p{font-size:1.05rem;color:#5a6b82;line-height:1.72;max-width:720px}.solutions-hub-trust{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px;font-size:.82rem;font-weight:800;color:#435873}.solutions-hub-hero-media{margin:0;overflow:hidden;border-radius:26px;aspect-ratio:16/10;background:#e9eef4;box-shadow:0 24px 60px rgba(22,50,85,.12)}.solutions-hub-hero-media img{width:100%;height:100%;object-fit:cover;display:block}.solutions-hub-intro{padding-top:76px}.solutions-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-top:30px}.solutions-hub-card{display:flex;flex-direction:column;border:1px solid #dbe5f0;border-radius:22px;overflow:hidden;background:#fff;color:inherit;text-decoration:none;min-height:100%;box-shadow:0 8px 28px rgba(31,55,86,.04)}.solutions-hub-card:hover{border-color:#a8c7ea;box-shadow:0 16px 42px rgba(31,55,86,.09);transform:translateY(-2px)}.solutions-hub-card-media{height:225px;display:grid;place-items:center;background:#f5f9fd;padding:18px}.solutions-hub-card-media.is-product img{width:100%;height:100%;object-fit:contain}.solutions-hub-card-media.is-scene{padding:0}.solutions-hub-card-media.is-scene img{width:100%;height:100%;object-fit:cover}.solutions-hub-card-media>span{font-size:3rem}.solutions-hub-card-copy{padding:23px;display:flex;flex-direction:column;flex:1}.solutions-hub-card-copy .eyebrow{font-size:.64rem}.solutions-hub-card-copy h3{font-size:1.25rem;margin:6px 0 10px}.solutions-hub-card-copy p{color:#627188;line-height:1.6;font-size:.91rem;flex:1}.solutions-hub-card-copy b{font-size:.84rem;color:#0868e8}.solutions-ai-overview{background:#071522;color:#fff;padding:84px 0}.solutions-ai-overview-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:50px;align-items:center}.solutions-ai-overview .eyebrow{color:#75bcff}.solutions-ai-overview h2{color:#fff;font-size:clamp(2.1rem,3.6vw,3.4rem);line-height:1.06;letter-spacing:-.04em;margin:10px 0 18px}.solutions-ai-overview p{color:#b9c8d9;line-height:1.7}.solutions-mini-links{display:grid;gap:10px;margin-top:25px}.solutions-mini-links a{display:grid;gap:5px;padding:15px;border:1px solid rgba(151,191,237,.18);border-radius:13px;color:#fff;text-decoration:none}.solutions-mini-links a:hover{border-color:#3898f9;background:rgba(28,106,184,.12)}.solutions-mini-links span{font-size:.84rem;color:#9eb0c5}.solutions-ai-official{margin:0;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 28px 70px rgba(0,0,0,.25)}.solutions-ai-official img{width:100%;height:auto;display:block;background:#eef2f6;object-fit:contain}.solutions-ai-official figcaption{padding:14px 17px;color:#607087;font-size:.82rem;line-height:1.5}.solutions-process-band{padding:82px 0} /* Solution detail pages */ .solution-breadcrumb{display:flex;align-items:center;gap:9px;padding-top:24px;color:#718096;font-size:.82rem}.solution-breadcrumb a{color:#53708f}.solution-detail-hero{padding:44px 0 66px;background:linear-gradient(135deg,#f8fbff,#fff)}.solution-detail-hero-grid{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:50px;align-items:center}.solution-detail-copy h1{font-size:clamp(2.65rem,4.8vw,4.8rem);line-height:1.01;letter-spacing:-.052em;margin:10px 0 20px}.solution-detail-copy>p{font-size:1.06rem;line-height:1.75;color:#5b6d84}.solution-detail-trust{display:flex;gap:13px;flex-wrap:wrap;margin-top:18px;font-size:.82rem;font-weight:800;color:#526883}.solution-detail-visual{margin:0;border-radius:26px;overflow:hidden;background:#f3f7fb;border:1px solid #dfe7f0;box-shadow:0 22px 58px rgba(26,52,84,.1)}.solution-detail-visual.is-product{padding:24px}.solution-detail-visual.is-product img{width:100%;height:430px;object-fit:contain;display:block;background:#fff;border-radius:16px}.solution-detail-visual.is-scene img{width:100%;height:460px;object-fit:cover;display:block}.solution-detail-visual figcaption{padding:10px 2px 0;color:#6a7b90;font-size:.78rem}.solution-detail-main{padding-top:62px}.solution-detail-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;align-items:start}.solution-prose{font-size:1rem;line-height:1.75;color:#34455d}.solution-prose h2{font-size:clamp(1.9rem,3vw,2.75rem);letter-spacing:-.03em;color:#10213a;margin:0 0 15px}.solution-prose h3{font-size:1.28rem;color:#10213a;margin:30px 0 8px}.solution-prose ul{padding-left:21px}.solution-contact-card{position:sticky;top:112px;border-radius:20px;background:#0b2038;color:#fff;padding:24px}.solution-contact-card .eyebrow{color:#78bdff}.solution-contact-card h3{font-size:1.35rem;margin:8px 0 11px}.solution-contact-card p{color:#c2d1e2;line-height:1.65}.solution-contact-card .text-link{display:block;color:#8dc7ff;margin-top:14px}.solution-feature-dark{background:#06131f;color:#fff;padding:82px 0}.solution-dark-heading{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:52px;align-items:end}.solution-dark-heading .eyebrow{color:#72baff}.solution-dark-heading h2{font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.06;letter-spacing:-.04em;margin:9px 0 0;color:#fff}.solution-dark-heading>p{color:#b5c5d7;line-height:1.7}.solution-dark-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:32px}.solution-dark-feature-grid article{padding:20px;border:1px solid rgba(155,195,238,.16);border-radius:17px;background:rgba(255,255,255,.025)}.solution-dark-feature-grid article>span{display:inline-grid;place-items:center;width:34px;height:30px;border-radius:9px;background:#0d70dc;color:#fff;font-size:.72rem;font-weight:900;margin-bottom:15px}.solution-dark-feature-grid h3{margin:0 0 9px;color:#fff;font-size:1.03rem}.solution-dark-feature-grid p{margin:0;color:#aebfd2;line-height:1.6;font-size:.88rem}.solution-official-screen{margin:30px 0 0;border-radius:22px;overflow:hidden;background:#fff;border:1px solid rgba(164,199,236,.18)}.solution-official-screen img{width:100%;height:auto;display:block;object-fit:contain;background:#eef2f5}.solution-official-screen figcaption{padding:13px 16px;color:#66778e;font-size:.82rem}.solution-official-screen.light{border-color:#dfe7ef}.recognition-detail-section{padding:82px 0;background:#f7f9fc}.recognition-two-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.recognition-two-grid article{padding:26px;border:1px solid #dce5ef;border-radius:20px;background:#fff}.recognition-label{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eaf4ff;color:#0766ce;font-size:.67rem;font-weight:900}.recognition-two-grid h3{font-size:1.25rem;margin:14px 0 10px}.recognition-two-grid p{color:#5f6f85;line-height:1.65}.recognition-two-grid a{font-weight:800;color:#0868e8}.privacy-practical-note{margin-top:22px;padding:20px;border-left:4px solid #e0a02e;background:#fff8e7;border-radius:12px}.privacy-practical-note p{margin:6px 0 0;color:#685632;line-height:1.65}.zebra-process-section{padding:78px 0}.solution-zebra-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:48px;align-items:center}.solution-zebra-grid figure{margin:0;border-radius:22px;overflow:hidden;background:#f2f5f8}.solution-zebra-grid figure img{width:100%;height:420px;display:block;object-fit:cover}.solution-zebra-grid h2{font-size:clamp(2rem,3.4vw,3.2rem);letter-spacing:-.035em;line-height:1.08;margin:10px 0 16px}.solution-zebra-grid p{color:#5f6f85;line-height:1.7}.solution-links-section{padding-top:70px}.solution-link-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.solution-link-columns>div{padding:22px;border:1px solid #dfe7f0;border-radius:18px;background:#fff}.solution-chip-list{display:flex;flex-wrap:wrap;gap:9px}.solution-chip-list a{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #dce6f2;border-radius:999px;text-decoration:none;color:#233a56;background:#f8fbff}.solution-chip-list small{color:#708096;font-size:.72rem}.solution-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.solution-product-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #dce5ef;border-radius:19px;background:#fff;color:inherit;text-decoration:none}.solution-product-image{height:235px;display:grid;place-items:center;padding:18px;background:#fff}.solution-product-image img{width:100%;height:100%;object-fit:contain;object-position:center}.solution-product-image>span{font-size:2.4rem}.solution-product-card>div:last-child{padding:19px;display:flex;flex-direction:column;flex:1}.solution-product-card small{color:#718096;font-weight:800}.solution-product-card h3{font-size:1rem;line-height:1.4;margin:5px 0 8px}.solution-product-card p{font-size:.84rem;color:#65748a;line-height:1.55;flex:1}.solution-product-card b{font-size:.8rem;color:#0868e8}.solution-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.solution-related-grid>a{display:grid;grid-template-columns:44px 1fr;gap:13px;border:1px solid #dfe7f0;border-radius:18px;padding:20px;color:inherit;text-decoration:none}.solution-related-grid>a>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#eaf4ff;color:#0870df}.solution-related-grid h3{font-size:1rem;margin:1px 0 7px}.solution-related-grid p{font-size:.84rem;color:#68778c;line-height:1.5}.solution-related-grid b{font-size:.78rem;color:#0868e8} /* Cross-links between catalog and solution content */ .shop-solution-links-section{padding:28px 0 8px}.shop-solution-links{border:1px solid #dce6f1;border-radius:20px;background:linear-gradient(135deg,#f8fbff,#fff);padding:24px}.shop-solution-links{display:grid;grid-template-columns:minmax(240px,.55fr) minmax(0,1.45fr);gap:24px;align-items:center}.shop-solution-links h2{font-size:1.45rem;margin:5px 0 8px}.shop-solution-links p{color:#65758a;margin:0;line-height:1.55}.shop-solution-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shop-solution-link-grid a{padding:13px;border:1px solid #dbe6f2;border-radius:13px;background:#fff;display:grid;gap:4px;color:inherit;text-decoration:none}.shop-solution-link-grid strong{font-size:.9rem}.shop-solution-link-grid span{font-size:.76rem;line-height:1.45;color:#6b7a8e}.shop-solution-link-grid b{font-size:.74rem;color:#0868e8} @media(max-width:1100px){.home-category-visual-grid,.home-solution-cards,.solutions-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-intelligence-grid,.solutions-hub-hero-grid,.solutions-ai-overview-grid,.solution-detail-hero-grid,.solution-zebra-grid{grid-template-columns:1fr}.solution-dark-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-detail-visual.is-product img{height:380px}.solutions-hub-hero-media{max-width:880px}} @media(max-width:820px){.home-premium-hero{padding:52px 0}.home-hero-panel{margin-top:8px}.home-category-visual-grid,.home-solution-cards,.solutions-hub-grid,.recognition-two-grid,.solution-link-columns,.solution-product-grid,.solution-related-grid{grid-template-columns:1fr}.solution-detail-main-grid,.solution-dark-heading,.shop-solution-links{grid-template-columns:1fr}.solution-contact-card{position:static}.solution-dark-feature-grid{grid-template-columns:1fr 1fr}.shop-solution-link-grid{grid-template-columns:1fr}.solution-zebra-grid figure img{height:350px}} @media(max-width:600px){.home-hero-panel{grid-template-columns:1fr}.home-hero-panel-main{grid-column:auto}.home-category-visual-card{grid-template-columns:105px minmax(0,1fr);min-height:170px}.home-category-media{min-height:170px;padding:10px}.home-category-copy{padding:17px 15px 17px 0}.home-intelligence-section,.solutions-ai-overview,.solution-feature-dark,.recognition-detail-section{padding:58px 0}.solution-dark-feature-grid{grid-template-columns:1fr}.solution-detail-hero{padding-top:28px}.solution-detail-visual.is-product{padding:14px}.solution-detail-visual.is-product img{height:290px}.solution-detail-visual.is-scene img{height:320px}.solutions-hub-card-media{height:200px}.solution-zebra-grid figure img{height:280px}} /* ======================================================================== RS Smart Buildings foundation v3 — compact visuals + clear navigation ======================================================================== */ .solutions-capability-grid--seven{grid-template-columns:repeat(4,minmax(0,1fr))} .solutions-capability-card b{grid-column:2;font-size:.76rem;color:#0868e8;margin-top:5px} .solutions-inline-actions--after{margin-top:22px} .solutions-recognition-overview{padding:84px 0;background:linear-gradient(180deg,#f7faff,#fff)} .solutions-recognition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .solutions-recognition-grid article{display:grid;grid-template-columns:46px 1fr;gap:15px;padding:24px;border:1px solid #dfe7f0;border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(26,52,84,.04)} .solutions-recognition-grid article>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#eaf4ff;font-size:1.25rem} .solutions-recognition-grid h3{margin:1px 0 9px;font-size:1.08rem}.solutions-recognition-grid p{margin:0 0 12px;color:#617087;line-height:1.62}.solutions-recognition-grid a{font-size:.82rem;font-weight:800;color:#0868e8;text-decoration:none} .solutions-recognition-callout{margin-top:20px;padding:20px 22px;border-radius:18px;background:#0d223c;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.solutions-recognition-callout p{color:#c6d5e7;margin:5px 0 0;line-height:1.55}.solutions-recognition-callout .btn{flex:0 0 auto} /* Official screenshots should explain a feature, not dominate the page. */ .solutions-showcase-main{min-height:0;max-height:420px}.solutions-official-diagram>img{height:340px;min-height:0;object-fit:contain}.solutions-official-demo>img{height:320px;min-height:0;object-fit:contain}.solutions-product-card>img{height:230px}.solutions-zebra-official{aspect-ratio:16/9}.solutions-zebra-official img{height:100%;object-fit:cover}.solutions-product-tile img{height:185px} .solution-topic-nav{display:flex;align-items:center;gap:7px;overflow-x:auto;padding-top:13px;padding-bottom:5px;scrollbar-width:thin}.solution-topic-nav a{white-space:nowrap;padding:8px 11px;border:1px solid #dce5ef;border-radius:999px;background:#fff;color:#52677f;text-decoration:none;font-size:.75rem;font-weight:800}.solution-topic-nav a:hover,.solution-topic-nav a.active{border-color:#9cc7f5;background:#eaf4ff;color:#0868e8}.solution-topic-nav .solution-topic-all{background:#0d223c;color:#fff;border-color:#0d223c} .solution-detail-hero{padding:34px 0 52px}.solution-detail-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:42px}.solution-detail-copy h1{font-size:clamp(2.35rem,4.2vw,4.15rem)} .solution-detail-visual{max-width:560px;width:100%;justify-self:end}.solution-detail-visual.is-product{padding:22px}.solution-detail-visual.is-product img{height:300px;max-height:300px}.solution-detail-visual.is-scene img{height:330px;max-height:330px}.solution-detail-visual figcaption{padding:10px 4px 0;line-height:1.45} .solution-detail-main{padding-top:48px}.solution-detail-main-grid{grid-template-columns:minmax(0,1fr) 305px;gap:30px}.solution-prose{max-width:860px}.solution-prose p{margin:0 0 14px}.solution-prose li+li{margin-top:6px} .solution-foundation-section{padding:58px 0;background:#f7f9fc}.solution-foundation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.solution-foundation-grid article{padding:22px;border:1px solid #dde6f0;border-radius:18px;background:#fff}.solution-foundation-grid h3{margin:0 0 9px;font-size:1.05rem}.solution-foundation-grid p{margin:0;color:#63738a;line-height:1.62;font-size:.9rem} .solution-official-screen{max-width:920px;margin:28px auto 0}.solution-official-screen img{width:100%;height:auto;max-height:460px;object-fit:contain}.solution-official-screen figcaption{line-height:1.45}.recognition-detail-section{padding:68px 0}.recognition-two-grid{max-width:1040px}.privacy-practical-note{max-width:1040px} .solution-zebra-grid figure{max-width:720px}.solution-zebra-grid figure img{height:340px}.solution-links-section{padding-top:56px}.solution-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.solution-product-image{height:190px;padding:16px}.solution-product-card>div:last-child{padding:16px}.solution-product-card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .solution-faq-section .faq-list{max-width:920px}.solution-faq-section details{border:1px solid #dfe7f0;border-radius:14px;background:#fff;padding:0 16px}.solution-faq-section details+details{margin-top:9px}.solution-faq-section summary{cursor:pointer;padding:15px 0;font-weight:800}.solution-faq-section details p{margin:0 0 16px;color:#617087;line-height:1.65} @media(max-width:1100px){.solutions-capability-grid--seven{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-detail-hero-grid{grid-template-columns:1fr}.solution-detail-visual{justify-self:start;max-width:760px}.solution-foundation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-official-screen{max-width:860px}} @media(max-width:820px){.solutions-recognition-grid{grid-template-columns:1fr}.solutions-recognition-callout{align-items:flex-start;flex-direction:column}.solutions-showcase-main{max-height:none}.solutions-official-diagram>img,.solutions-official-demo>img{height:auto;max-height:330px}.solution-foundation-grid{grid-template-columns:1fr}.solution-detail-visual.is-product img{height:260px}.solution-detail-visual.is-scene img{height:290px}.solution-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.solutions-capability-grid--seven{grid-template-columns:1fr}.solutions-recognition-overview{padding:58px 0}.solutions-recognition-grid article{grid-template-columns:42px 1fr;padding:19px}.solutions-recognition-grid article>span{width:42px;height:42px}.solution-topic-nav{margin-left:0;margin-right:0;padding-left:16px;padding-right:16px}.solution-detail-hero{padding-top:24px}.solution-detail-visual.is-product{padding:14px}.solution-detail-visual.is-product img{height:220px}.solution-detail-visual.is-scene img{height:240px}.solution-official-screen img{max-height:320px}.solution-zebra-grid figure img{height:260px}.solution-product-grid{grid-template-columns:1fr}.solution-product-image{height:180px}} /* Foundation v4 — oplossingen zijn direct vindbaar vanuit de hoofdnavigatie. */ .nav-solutions{position:relative} .nav-solutions-trigger{display:flex;align-items:center;min-height:76px} .nav-solutions-menu{position:absolute;top:66px;left:50%;width:640px;transform:translate(-50%,-6px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:13px;border:1px solid #dbe5ef;border-radius:17px;background:#fff;box-shadow:0 22px 55px rgba(7,29,69,.16);opacity:0;visibility:hidden;pointer-events:none;transition:.16s;z-index:70} .nav-solutions:hover .nav-solutions-menu,.nav-solutions:focus-within .nav-solutions-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)} .nav-solutions-menu>a{display:grid!important;gap:2px;padding:11px 12px!important;border-radius:11px;color:#0b1733!important} .nav-solutions-menu>a:hover{background:#edf6ff;color:#0868e8!important} .nav-solutions-menu span{font-size:.82rem;font-weight:850}.nav-solutions-menu small{font-size:.69rem;font-weight:550;line-height:1.4;color:#6a788b} .nav-solutions-menu>a:first-child{grid-column:1/-1;background:#f6f9fd} /* De rijke overzichtspagina behoudt veel uitleg, maar afbeeldingen blijven ondersteunend. */ .solutions-hero-media{max-height:430px;overflow:hidden}.solutions-hero-media img{width:100%;height:100%;max-height:430px;object-fit:cover} .solutions-environment-media{max-height:390px;overflow:hidden}.solutions-environment-media>img{width:100%;height:100%;max-height:390px;object-fit:cover} .solutions-showcase-grid{align-items:start}.solutions-product-card{align-self:start} @media(max-width:1000px){ .nav-solutions{width:100%;display:grid;justify-items:center} .nav-solutions-trigger{min-height:0} .nav-solutions-menu{position:static;transform:none!important;opacity:1;visibility:visible;pointer-events:auto;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));box-shadow:none;background:#f6f9fd;margin-top:8px;display:grid} } @media(max-width:600px){.nav-solutions-menu{grid-template-columns:1fr}.nav-solutions-menu>a:first-child{grid-column:auto}.solutions-hero-media{max-height:290px}.solutions-environment-media{max-height:300px}} /* ======================================================================== RS Smart Buildings foundation v4 — solution visual & relevance hardening ======================================================================== */ /* Hero-media blijft ondersteunend en neemt nooit de halve pagina over. */ .solution-detail-hero-grid{grid-template-columns:minmax(0,1.28fr) minmax(260px,.72fr);gap:38px!important;align-items:center} .solution-detail-visual{width:100%!important;max-width:430px!important;justify-self:end!important;margin:0!important;border-radius:20px!important;overflow:hidden!important} .solution-detail-visual.is-product{padding:14px!important;background:#fff!important} .solution-detail-visual.is-product img{display:block!important;width:100%!important;height:230px!important;max-height:230px!important;object-fit:contain!important;object-position:center!important;background:#fff!important;border-radius:12px!important} .solution-detail-visual.is-scene img{display:block!important;width:100%!important;height:285px!important;max-height:285px!important;object-fit:cover!important;object-position:center!important} .solution-detail-visual figcaption{padding:9px 4px 2px!important;font-size:.75rem!important;color:#6b7c91!important;line-height:1.45!important} /* Officiële UniFi-interfacebeelden dienen als uitleg, niet als hero. */ .solution-official-screen{width:min(100%,780px)!important;max-width:780px!important;margin:26px auto 0!important} .solution-official-screen img{display:block!important;width:100%!important;height:auto!important;max-height:360px!important;object-fit:contain!important;object-position:center!important} /* Productkaarten: harde media-container voorkomt dat een leveranciersafbeelding ooit over merk, titel of omschrijving heen valt. */ .solution-product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important} .solution-product-card{display:grid!important;grid-template-rows:176px minmax(0,1fr)!important;min-width:0!important;overflow:hidden!important;isolation:isolate!important;position:relative!important;border:1px solid #dce5ef!important;border-radius:18px!important;background:#fff!important;color:inherit!important;text-decoration:none!important} .solution-product-image{height:176px!important;min-height:176px!important;max-height:176px!important;width:100%!important;padding:13px!important;overflow:hidden!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;border-bottom:1px solid #edf1f6!important;z-index:1!important} .solution-product-image img{position:static!important;inset:auto!important;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-width:0!important;min-height:0!important;object-fit:contain!important;object-position:center!important;margin:0 auto!important;transform:none!important} .solution-product-copy{position:relative!important;z-index:2!important;padding:15px 16px 16px!important;display:flex!important;flex-direction:column!important;min-width:0!important;background:#fff!important;overflow:hidden!important} .solution-product-copy small{display:block!important;color:#6d7d92!important;font-size:.75rem!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .solution-product-copy h3{font-size:.98rem!important;line-height:1.35!important;margin:5px 0 8px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:2.65em!important;color:#12233c!important} .solution-product-copy p{font-size:.82rem!important;line-height:1.5!important;color:#66768b!important;margin:0 0 12px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:2.45em!important} .solution-product-copy b{margin-top:auto!important;padding-top:6px!important;font-size:.79rem!important;color:#0868e8!important} /* Links/categorieën mogen netjes doorlopen zonder brede kaarten te forceren. */ .solution-chip-list a{max-width:100%}.solution-chip-list a span,.solution-chip-list a strong{min-width:0} @media(max-width:1100px){ .solution-detail-hero-grid{grid-template-columns:minmax(0,1fr) minmax(250px,360px)!important} .solution-detail-visual{justify-self:end!important;max-width:360px!important} .solution-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:900px){ .solution-detail-hero-grid{grid-template-columns:1fr!important} .solution-detail-visual{justify-self:start!important;max-width:430px!important} .solution-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:600px){ .solution-detail-visual{max-width:100%!important} .solution-detail-visual.is-product img{height:190px!important;max-height:190px!important} .solution-detail-visual.is-scene img{height:225px!important;max-height:225px!important} .solution-official-screen img{max-height:280px!important} .solution-product-grid{grid-template-columns:1fr!important} .solution-product-card{grid-template-rows:165px minmax(0,1fr)!important} .solution-product-image{height:165px!important;min-height:165px!important;max-height:165px!important} } /* Gedeelde product- en categorievisuals: nooit uitrekken, nooit buiten de kaart. */ .home-category-media,.solutions-hub-card-media,.solutions-product-tile{overflow:hidden!important} .home-category-media img,.solutions-hub-card-media.is-product img,.solutions-product-tile img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important} .solution-product-price{display:flex!important;align-items:baseline!important;gap:6px!important;margin:0 0 8px!important}.solution-product-price strong{font-size:.98rem!important;color:#10213a!important}.solution-product-price span{font-size:.68rem!important;color:#7a8798!important} /* ====================================================================== Foundation v5 — richer solution storytelling ====================================================================== */ .solution-rich-heading{max-width:900px;margin-bottom:28px}.solution-rich-heading p{max-width:780px;color:#607188;line-height:1.72}.solution-capability-detail-section{padding:78px 0;background:#fff}.solution-capability-detail-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.solution-capability-detail-grid article{position:relative;min-width:0;padding:22px 19px;border:1px solid #dfe7f0;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdff)}.solution-capability-detail-grid article>span{display:inline-flex;margin-bottom:18px;color:#0870e5;font-size:.7rem;font-weight:950;letter-spacing:.08em}.solution-capability-detail-grid h3{font-size:1.02rem;line-height:1.3;margin:0 0 9px;color:#132742}.solution-capability-detail-grid p{margin:0;color:#62728a;font-size:.88rem;line-height:1.62} .solution-media-showcase-section{padding:78px 0;background:#f7f9fc;overflow:hidden}.solution-media-strip{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;padding:3px 2px 16px;margin:0 -2px;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#a9bad0 transparent}.solution-media-card{flex:0 0 min(340px,84vw);scroll-snap-align:start;margin:0;display:flex;flex-direction:column;border:1px solid #dce5ef;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(27,54,88,.05)}.solution-media-card-link{display:block;color:inherit;text-decoration:none}.solution-media-image{height:220px;display:grid;place-items:center;overflow:hidden;background:#f5f8fb}.solution-media-image img{display:block;width:100%;height:100%;object-position:center}.solution-media-card.is-product .solution-media-image{padding:18px;background:#fff}.solution-media-card.is-product .solution-media-image img,.solution-media-card.is-screen .solution-media-image img{object-fit:contain}.solution-media-card.is-screen .solution-media-image{padding:10px;background:#eef2f5}.solution-media-card.is-scene .solution-media-image img{object-fit:cover}.solution-media-card figcaption{display:flex;flex-direction:column;gap:7px;padding:17px 18px 19px;min-height:118px}.solution-media-card figcaption strong{font-size:.98rem;color:#152a45}.solution-media-card figcaption span{color:#66768c;font-size:.84rem;line-height:1.5}.solution-media-card figcaption a{font-size:.8rem;font-weight:800;color:#0868e8;text-decoration:none;margin-top:auto}.solution-media-hint{margin:5px 0 0;color:#7b899b;font-size:.78rem} .recognition-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.recognition-three-grid article{padding:25px;border:1px solid #dce5ef;border-radius:20px;background:#fff}.recognition-three-grid h3{font-size:1.25rem;margin:14px 0 10px}.recognition-three-grid p{color:#5f6f85;line-height:1.66}.recognition-three-grid a{font-size:.84rem;font-weight:800;color:#0868e8}.recognition-practical-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}.recognition-practical-grid article{padding:19px;border-radius:16px;background:#eef5fc;border:1px solid #dfebf7}.recognition-practical-grid strong{display:block;color:#112944;margin-bottom:7px}.recognition-practical-grid p{margin:0;color:#607187;font-size:.86rem;line-height:1.58} .solution-supplier-video-section{padding:78px 0;background:#fff}.solution-supplier-video-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:38px;align-items:center;padding:30px;border:1px solid #dce6f0;border-radius:24px;background:#f9fbfd}.solution-supplier-video-copy h2{font-size:clamp(1.85rem,3vw,2.8rem);line-height:1.08;letter-spacing:-.03em;margin:9px 0 14px}.solution-supplier-video-copy p{color:#607188;line-height:1.7;max-width:650px}.solution-supplier-video-grid .solutions-video-frame{box-shadow:0 15px 34px rgba(15,37,65,.12)} .solution-reference-section{padding:72px 0;background:#f7f9fc}.solution-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.solution-reference-grid>a{display:flex;flex-direction:column;padding:21px;border:1px solid #dce6ef;border-radius:18px;background:#fff;text-decoration:none;color:inherit;min-width:0}.solution-reference-grid>a:hover{border-color:#abc8eb;box-shadow:0 10px 28px rgba(29,55,86,.06)}.solution-reference-grid h3{margin:0 0 8px;font-size:1rem}.solution-reference-grid p{margin:0 0 14px;color:#65748a;line-height:1.57;font-size:.86rem;flex:1}.solution-reference-grid b{font-size:.78rem;color:#0868e8} /* The visual hub keeps the earlier rich page, but adds an at-a-glance gallery. */ .solutions-visual-index{padding:78px 0;background:#f7f9fc}.solutions-visual-index-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.solutions-visual-index-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #dce6ef;border-radius:20px;background:#fff;color:inherit;text-decoration:none;min-width:0}.solutions-visual-index-card:hover{border-color:#a9c8ed;box-shadow:0 14px 34px rgba(27,54,88,.08)}.solutions-visual-index-media{height:200px;display:grid;place-items:center;overflow:hidden;background:#f5f8fb}.solutions-visual-index-media img{display:block;width:100%;height:100%;object-position:center}.solutions-visual-index-card.is-product .solutions-visual-index-media{padding:17px;background:#fff}.solutions-visual-index-card.is-product .solutions-visual-index-media img{object-fit:contain}.solutions-visual-index-card.is-scene .solutions-visual-index-media img{object-fit:cover}.solutions-visual-index-copy{display:flex;flex-direction:column;gap:7px;padding:18px;flex:1}.solutions-visual-index-copy h3{margin:0;font-size:1.03rem}.solutions-visual-index-copy p{margin:0;color:#66758a;font-size:.86rem;line-height:1.55;flex:1}.solutions-visual-index-copy b{color:#0868e8;font-size:.8rem} @media(max-width:1180px){.solution-capability-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.solutions-visual-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:900px){.solution-supplier-video-grid{grid-template-columns:1fr;padding:23px}.recognition-practical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recognition-three-grid{grid-template-columns:1fr}.solution-media-image{height:205px}} @media(max-width:700px){.solution-capability-detail-section,.solution-media-showcase-section,.solution-supplier-video-section,.solution-reference-section,.solutions-visual-index{padding:58px 0}.solution-capability-detail-grid,.solution-reference-grid,.solutions-visual-index-grid{grid-template-columns:1fr}.solution-media-card{flex-basis:min(305px,86vw)}.solution-media-image{height:190px}.recognition-practical-grid{grid-template-columns:1fr}.solution-supplier-video-grid{padding:18px}.solutions-visual-index-media{height:190px}} /* ====================================================================== V12.7.15 — Orderpick, eigen voorraad, leveranciersinkoop & locaties ====================================================================== */ .fulfillment-header{align-items:flex-start}.fulfillment-summary-grid,.procurement-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}.fulfillment-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.fulfillment-summary-grid .panel,.procurement-summary .panel{padding:18px 20px;display:flex;flex-direction:column;gap:5px}.fulfillment-summary-grid small,.procurement-summary small{color:#64748b;font-weight:700}.fulfillment-summary-grid strong,.procurement-summary strong{font-size:1.8rem;line-height:1.05;color:#10213a}.fulfillment-summary-grid span,.procurement-summary span{font-size:.82rem;color:#718096}.procurement-summary .attention{border-color:#fed7aa;background:#fffaf2}.procurement-summary .attention strong{color:#c2410c} .fulfillment-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px;align-items:stretch}.fulfillment-card{display:flex!important;flex-direction:column;gap:15px;padding:20px!important;text-decoration:none!important;color:inherit!important;border-left:4px solid #94a3b8!important;min-height:260px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.fulfillment-card:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(15,37,65,.09)}.fulfillment-card.needs-order{border-left-color:#ea580c!important}.fulfillment-card.waiting-supplier{border-left-color:#d97706!important}.fulfillment-card.pick-ready{border-left-color:#16a34a!important}.fulfillment-card-top,.fulfillment-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.fulfillment-source-state{font-size:.74rem;font-weight:900;letter-spacing:.02em;color:#475569}.needs-order .fulfillment-source-state{color:#c2410c}.waiting-supplier .fulfillment-source-state{color:#a16207}.pick-ready .fulfillment-source-state{color:#15803d}.fulfillment-card-copy h2{font-size:1.28rem;margin:0 0 5px;color:#075ed1}.fulfillment-card-copy p{margin:0;color:#526176}.fulfillment-card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fulfillment-card-stats span{display:flex;flex-direction:column;padding:10px 11px;border-radius:12px;background:#f6f8fb;color:#64748b;font-size:.72rem}.fulfillment-card-stats b{font-size:1rem;color:#172b47}.fulfillment-card-alert{padding:10px 12px;border-radius:11px;background:#fff1e8;color:#b4410b;font-size:.8rem;font-weight:800}.fulfillment-card-alert.waiting{background:#fff8df;color:#9a6700}.fulfillment-card-alert.ready{background:#ecfdf3;color:#14753d}.fulfillment-card-footer{border-top:1px solid #e8edf3;padding-top:12px;margin-top:auto;color:#7a8798;font-size:.74rem}.fulfillment-card-footer b{color:#0868e8} .fulfillment-notice{display:flex;align-items:flex-start;gap:10px;padding:15px 18px;margin:0 0 18px;border-left:4px solid #d97706}.fulfillment-notice b{white-space:nowrap}.fulfillment-notice span{color:#58687e}.fulfillment-notice.danger{border-left-color:#ea580c;background:#fffaf5}.fulfillment-start{margin:0 0 18px}.pick-list{display:grid;gap:16px}.pick-item.pick-item-extended{display:grid;grid-template-columns:88px minmax(0,1fr);gap:18px;padding:20px!important;border:1px solid var(--line)!important;border-radius:16px!important}.pick-item-extended .pick-item-media{display:grid;place-items:center;min-height:80px}.pick-item-extended .pick-item-media img{width:80px;height:80px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#fff}.pick-item-extended .pick-item-media>span{font-size:2rem}.pick-item-extended .pick-item-copy{min-width:0}.pick-item-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.pick-item-heading h2{margin:3px 0 3px;font-size:1.08rem}.pick-item-heading p{margin:0;color:#718096;font-size:.8rem}.pick-item-extended .pick-item-quantity{position:static;min-width:70px;padding:9px 12px;border-radius:12px;background:#f3f6fa;text-align:center}.pick-item-extended .pick-item-quantity span{display:block;font-size:.68rem;color:#758399;text-transform:uppercase;font-weight:800}.pick-item-extended .pick-item-quantity strong{font-size:1.3rem;color:#122640}.pick-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0}.pick-source-card{padding:14px 15px;border:1px solid #dfe6ef;border-radius:14px;background:#fbfcfe;min-width:0}.pick-source-card.own-source{border-color:#bbddff;background:#f5faff}.pick-source-card.supplier-source{border-color:#f7d6a7;background:#fffaf2}.source-label{display:block;margin-bottom:7px;font-size:.66rem;font-weight:950;letter-spacing:.07em;color:#62738b}.pick-source-card b{display:block;margin-bottom:5px}.pick-source-card small{display:block;color:#6b7b90}.location-code,.inventory-location-code{display:inline-flex;align-items:center;margin:8px 0 5px;padding:6px 10px;border-radius:9px;background:#0c68db;color:#fff;font:900 1rem/1.1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em}.location-missing{margin:9px 0 5px;padding:8px 10px;border-radius:9px;background:#fff2e7;color:#b7420d;font-weight:800;font-size:.78rem}.supplier-status{display:inline-flex;margin:9px 0 7px;padding:6px 9px;border-radius:999px;font-size:.72rem;font-weight:900}.supplier-status.needs-order{background:#fee7d6;color:#b8430d}.supplier-status.ordered{background:#fff1bf;color:#8b6300}.supplier-status.received{background:#dcfce7;color:#16713d}.supplier-action-form{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:8px;margin-top:8px;align-items:end}.supplier-action-form label{font-size:.72rem}.supplier-action-form input{min-width:0}.pick-progress-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-top:12px}.pick-progress-row label{min-width:190px}.pick-progress-row label small{display:block;color:#718096}.pick-progress-row input[type=number]{max-width:130px}.pick-save-bar{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:14px 16px;border-radius:14px;background:#f6f8fb;border:1px solid #e1e8f0}.pick-save-bar span{font-size:.8rem;color:#6c7b90}.fulfillment-actions{display:flex;gap:10px;margin-top:18px} .inventory-kpis-five{grid-template-columns:repeat(5,minmax(0,1fr))}.inventory-table-v2 table{min-width:1520px}.inventory-location-code{margin:0 0 5px;font-size:.85rem}.location-assign-form{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:6px;margin-top:8px;min-width:240px}.location-assign-form select{min-width:0}.input-readonly{display:block;margin-top:6px;padding:9px 10px;border:1px solid #dce4ee;border-radius:9px;background:#f6f8fb;color:#43536a}.warehouse-create{margin-bottom:18px}.warehouse-location-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.warehouse-location-form .wide{grid-column:span 2}.warehouse-location-form.compact{grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0}.warehouse-location-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px}.warehouse-location-card{padding:19px}.warehouse-location-card.is-inactive{opacity:.68}.warehouse-location-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.warehouse-location-card-head h2{margin:4px 0 0;font-size:1rem}.warehouse-location-meta{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.warehouse-location-meta span{padding:7px 9px;border-radius:9px;background:#f5f7fa;color:#66758a;font-size:.75rem}.warehouse-location-card details{margin:10px 0}.warehouse-location-card summary{cursor:pointer;color:#0868e8;font-weight:800;font-size:.8rem} @media(max-width:1200px){.inventory-kpis-five{grid-template-columns:repeat(3,minmax(0,1fr))}.warehouse-location-form{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:850px){.fulfillment-summary-grid,.procurement-summary,.inventory-kpis-five{grid-template-columns:1fr 1fr}.pick-source-grid{grid-template-columns:1fr}.pick-item.pick-item-extended{grid-template-columns:1fr}.pick-item-extended .pick-item-media{justify-content:start}.supplier-action-form{grid-template-columns:1fr}.warehouse-location-form{grid-template-columns:1fr}.warehouse-location-form .wide{grid-column:auto}} @media(max-width:600px){.fulfillment-summary-grid,.procurement-summary,.inventory-kpis-five{grid-template-columns:1fr}.fulfillment-board{grid-template-columns:1fr}.fulfillment-card-stats{grid-template-columns:1fr 1fr 1fr}.pick-item-heading,.pick-save-bar,.fulfillment-notice{align-items:flex-start;flex-direction:column}.warehouse-location-grid{grid-template-columns:1fr}} /* ====================================================================== V12.8.0 — Oplossingen foundation v6 + product-first categoriepagina's ====================================================================== */ .solutions-capability-grid--all{grid-template-columns:repeat(3,minmax(0,1fr))} .solutions-workstation-media{margin:0;overflow:hidden;border:1px solid #dfe7f0;border-radius:24px;background:#fff;box-shadow:0 18px 44px rgba(25,48,81,.08);min-height:410px;display:grid;place-items:center;padding:22px} .solutions-workstation-media img{display:block;width:100%;height:390px;object-fit:contain;object-position:center;background:#fff} .solutions-workstation-media.is-scene{padding:0}.solutions-workstation-media.is-scene img{height:430px;object-fit:cover} /* Sliderbediening voor oplossingmedia. Hardware blijft volledig in beeld. */ .solution-slider-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;color:#708096;font-size:.78rem;font-weight:700} .solution-slider-toolbar>div{display:flex;gap:7px}.solution-slider-toolbar button{width:40px;height:40px;border:1px solid #d8e3ef;border-radius:12px;background:#fff;color:#16314f;font-size:1.05rem;font-weight:900;cursor:pointer;box-shadow:0 5px 16px rgba(25,53,88,.05)} .solution-slider-toolbar button:hover{border-color:#9fc5ef;background:#f4f9ff;color:#0868e8}.solution-slider-toolbar button:focus-visible{outline:3px solid rgba(8,104,232,.2);outline-offset:2px} .solution-media-strip{scroll-behavior:smooth;scroll-snap-type:x proximity}.solution-media-card{scroll-snap-align:start}.solution-media-card.is-product .solution-media-image img,.solution-media-card.is-screen .solution-media-image img{object-fit:contain;object-position:center}.solution-media-card.is-scene .solution-media-image img{object-fit:cover} /* Officiële Protect/Access voorbeelden: vaste beeldzone, nooit over tekst heen. */ .solution-official-visual-grid,.recognition-official-visuals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px} .solution-official-visual-grid figure,.recognition-official-visuals figure{margin:0;overflow:hidden;border:1px solid rgba(170,204,239,.18);border-radius:18px;background:#fff;color:#13263f} .recognition-official-visuals figure{border-color:#dce6ef} .solution-official-visual-grid img,.recognition-official-visuals img{display:block;width:100%;height:230px;padding:10px;object-fit:contain;object-position:center;background:#f4f7fa} .solution-official-visual-grid figcaption,.recognition-official-visuals figcaption{display:grid;gap:4px;padding:15px 16px} .solution-official-visual-grid figcaption span,.recognition-official-visuals figcaption span{color:#65758b;font-size:.8rem;line-height:1.5} .recognition-design-note{margin:22px 0 0;padding:22px;border:1px solid #dce6ef;border-radius:18px;background:#fff} .recognition-design-note h3{margin:8px 0 9px;font-size:1.2rem}.recognition-design-note p{margin:0;color:#5f6f85;line-height:1.68} /* Zebra DNA / uitrolstappen. */ .zebra-dna-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:34px} .zebra-dna-grid article{border:1px solid #dfe7f0;border-radius:18px;background:#f8fbfe;padding:20px} .zebra-dna-grid article>span{display:inline-grid;place-items:center;width:34px;height:30px;border-radius:9px;background:#e9f4ff;color:#096bd5;font-size:.72rem;font-weight:900;margin-bottom:13px}.zebra-dna-grid h3{margin:0 0 8px;font-size:1.02rem}.zebra-dna-grid p{margin:0;color:#65758a;font-size:.87rem;line-height:1.62} /* Werkstation / computeroplevering. */ .workstation-process-section{padding:82px 0;background:#f7f9fc}.workstation-process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:30px}.workstation-process-grid article{padding:20px;border:1px solid #dce6f0;border-radius:17px;background:#fff}.workstation-process-grid b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eaf4ff;color:#0868e8;margin-bottom:14px}.workstation-process-grid h3{font-size:1rem;margin:0 0 8px}.workstation-process-grid p{margin:0;color:#617187;font-size:.84rem;line-height:1.58}.workstation-audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.workstation-audience-grid article{padding:22px;border-radius:18px;background:#0d213a;color:#fff}.workstation-audience-grid h3{margin:0 0 8px}.workstation-audience-grid p{margin:0;color:#c5d4e5;line-height:1.62} /* Geselecteerde categorie: korte context, compacte subcategorieën en daarna direct producten. */ .catalog-category-fastlane{padding:28px 0 12px;background:#fff;border-bottom:1px solid #edf1f5} .catalog-category-fastlane-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);gap:24px;align-items:center} .catalog-category-fastlane-head h2{font-size:clamp(1.55rem,2.6vw,2.35rem);letter-spacing:-.025em;margin:5px 0 8px}.catalog-category-fastlane-head p{margin:0;max-width:780px;color:#64748a;line-height:1.62} .catalog-category-solution{display:grid;gap:4px;padding:15px 17px;border:1px solid #cfe1f5;border-radius:15px;background:#f6faff;color:inherit;text-decoration:none}.catalog-category-solution span{font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#0870df}.catalog-category-solution strong{font-size:.92rem}.catalog-category-solution small{font-size:.76rem;color:#5d7089} .catalog-compact-subcategories{display:flex;gap:8px;overflow-x:auto;padding:15px 0 8px;scrollbar-width:thin}.catalog-compact-subcategories a{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:9px 12px;border:1px solid #dce5ef;border-radius:999px;background:#fff;color:#2b405a;text-decoration:none;font-size:.79rem;font-weight:760}.catalog-compact-subcategories a:hover,.catalog-compact-subcategories a.active{border-color:#8ebdec;background:#ecf6ff;color:#075fc7}.catalog-compact-subcategories small{font-size:.68rem;color:#76859a} .catalog-other-categories{margin-top:8px;border-top:1px solid #edf1f5}.catalog-other-categories summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:12px 2px;color:#39516f;font-size:.8rem;font-weight:850}.catalog-other-categories summary::-webkit-details-marker{display:none}.catalog-other-categories[open] summary span{transform:rotate(180deg)}.catalog-other-categories summary span{transition:transform .16s ease} .catalog-other-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:3px 0 14px}.catalog-other-category-grid>a{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:10px;border:1px solid #e1e8f0;border-radius:12px;color:inherit;text-decoration:none;background:#fff}.catalog-other-category-grid>a:hover,.catalog-other-category-grid>a.active{border-color:#a9cbed;background:#f6faff}.catalog-other-category-grid i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eef6ff;font-style:normal}.catalog-other-category-grid strong{display:block;font-size:.78rem}.catalog-other-category-grid small{display:block;color:#7a8799;font-size:.66rem;margin-top:2px} .catalog-category-fastlane+.catalog-results-section{padding-top:38px} .category-supporting-content{padding-top:58px}.category-supporting-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:22px;align-items:start}.category-supporting-solutions{padding:22px;border:1px solid #dce6f1;border-radius:18px;background:#f8fbff}.category-supporting-solutions h2{font-size:1.4rem;margin:7px 0 8px}.category-supporting-solutions>p{color:#64758b;line-height:1.55}.category-supporting-solutions>a{display:grid;gap:4px;padding:12px 0;border-top:1px solid #dfe7ef;color:inherit;text-decoration:none}.category-supporting-solutions>a span{font-size:.76rem;line-height:1.45;color:#68788d}.category-supporting-solutions>a b{font-size:.75rem;color:#0868e8} /* De geselecteerde categorie hoeft op mobiel niet eerst door grote navigatieblokken. */ @media(max-width:1100px){.solutions-capability-grid--all{grid-template-columns:repeat(2,minmax(0,1fr))}.workstation-process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.solution-official-visual-grid,.recognition-official-visuals{grid-template-columns:repeat(2,minmax(0,1fr))}.zebra-dna-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-other-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:820px){.catalog-category-fastlane-head,.category-supporting-grid{grid-template-columns:1fr}.catalog-category-solution{max-width:520px}.catalog-other-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workstation-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workstation-audience-grid{grid-template-columns:1fr}.solutions-workstation-media{min-height:0}.solutions-workstation-media img{height:320px}} @media(max-width:600px){.solutions-capability-grid--all,.solution-official-visual-grid,.recognition-official-visuals,.zebra-dna-grid,.workstation-process-grid,.catalog-other-category-grid{grid-template-columns:1fr}.solution-official-visual-grid img,.recognition-official-visuals img{height:200px}.solution-slider-toolbar>span{display:none}.solution-slider-toolbar{justify-content:flex-end}.catalog-category-fastlane{padding-top:20px}.catalog-compact-subcategories{margin-right:-16px;padding-right:16px}.catalog-other-category-grid>a{padding:9px}.solutions-workstation-media img{height:260px}.workstation-process-section{padding:58px 0}} /* V12.8.1 - serienummers bij orderpick */ .status.serial-required{background:#fee2e2;color:#a61b1b;border-color:#fecaca}.status.serial-exempt{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}.pick-progress-row input[readonly]{background:#f8fafc;color:#334155;font-weight:800;cursor:not-allowed}.serial-scan-panel{margin-top:14px;padding:15px;border:1px solid #d9e2ec;border-radius:14px;background:#fbfdff}.serial-scan-panel.is-required{border-color:#f6c7c7;background:#fffafa}.serial-scan-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.serial-scan-heading b{display:block;color:#172b47}.serial-scan-heading small{display:block;margin-top:3px;color:#68788e}.serial-scan-heading>span{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:#eaf2ff;color:#075ed1;font-weight:900;font-size:.75rem}.serial-scan-panel.is-required .serial-scan-heading>span{background:#fee2e2;color:#a61b1b}.serial-scan-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.serial-scan-entry input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;letter-spacing:.02em}.serial-scan-entry input.serial-scan-duplicate{outline:2px solid #f59e0b;background:#fffbeb}.serial-scan-entry input.serial-scan-full{outline:2px solid #dc2626;background:#fef2f2}.serial-storage{margin-top:9px;min-height:86px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.serial-chip-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.serial-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 9px;border:1px solid #d7e1ec;border-radius:9px;background:#fff}.serial-chip code{font-size:.76rem;color:#243b5a}.serial-chip button{display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:6px;background:#eef2f7;color:#5d6d82;font-size:1rem;line-height:1;cursor:pointer}.serial-chip button:hover{background:#fee2e2;color:#a61b1b}.serial-scan-note{margin:8px 0 0!important;color:#6b7b90!important;font-size:.76rem!important}.serial-scan-panel.is-required .serial-scan-note{color:#8c3333!important} @media(max-width:600px){.serial-scan-heading{flex-direction:column}.serial-scan-entry{grid-template-columns:1fr}.serial-scan-entry .btn{width:100%}} /* ====================================================================== V12.8.2 — uitgebreid productbeheer + refurbished/tweedehands ====================================================================== */ .product-editor-page .portal-main{min-width:0}.product-editor-header{align-items:flex-start;gap:24px}.product-editor-header .button-row{margin:0;flex-wrap:wrap;justify-content:flex-end}.product-editor-header h1{margin-bottom:6px}.product-editor-header p{max-width:820px;color:var(--muted);margin:0}.product-condition-start{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.product-condition-start>div:first-child{display:grid;gap:5px}.product-condition-start>div:first-child span{color:var(--muted);font-size:13px;line-height:1.5}.condition-choice-links{display:flex;gap:8px;flex-wrap:wrap}.condition-choice-links a{padding:9px 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:12px;font-weight:850;background:#fff}.condition-choice-links a.active{border-color:#9ac5fb;background:#eaf4ff;color:var(--blue)} .product-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.product-editor-main{display:grid;gap:18px;min-width:0}.product-editor-section{padding:24px}.editor-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--line)}.editor-section-head>div{display:flex;align-items:center;gap:11px}.editor-section-head h2{font-size:20px;margin:0}.editor-section-head p{max-width:390px;margin:2px 0 0;color:var(--muted);font-size:12px;line-height:1.5;text-align:right}.editor-step{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eaf4ff;color:var(--blue);font-size:11px;font-weight:950}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.editor-grid>label,.condition-notes{display:grid;gap:7px;font-size:12px;font-weight:800;min-width:0}.editor-grid label small,.condition-notes small{color:var(--muted);font-weight:500;line-height:1.45}.editor-grid .span-2{grid-column:1/-1}.check-option{display:grid!important;grid-template-columns:22px 1fr!important;align-items:start!important;column-gap:8px!important}.check-option input[type=checkbox]{width:18px;height:18px;margin:1px 0 0}.check-option span{font-weight:800}.check-option small{grid-column:2}.editor-readout{display:grid;gap:4px;padding:13px 14px;border:1px solid #d9e5f3;border-radius:11px;background:#f7fbff}.editor-readout span{font-size:11px;color:var(--muted);font-weight:800}.editor-readout strong{font-size:18px}.editor-readout small{color:var(--muted)} .condition-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:16px}.condition-option{position:relative;display:block;cursor:pointer}.condition-option input{position:absolute;opacity:0;pointer-events:none}.condition-option>span{display:grid;gap:5px;min-height:92px;padding:16px;border:1px solid var(--line);border-radius:13px;background:#fff;transition:.15s}.condition-option b{font-size:14px}.condition-option small{font-size:11px;line-height:1.45;color:var(--muted)}.condition-option input:checked+span{border-color:#8cbcf5;box-shadow:0 0 0 3px rgba(8,104,232,.08);background:#f5faff}.condition-option:nth-child(2) input:checked+span{border-color:#9bcab0;background:#f5fbf7;box-shadow:0 0 0 3px rgba(22,145,88,.07)}.condition-option:nth-child(3) input:checked+span{border-color:#d7bb94;background:#fffaf4;box-shadow:0 0 0 3px rgba(166,105,26,.06)}.condition-notes textarea{resize:vertical;min-height:104px} .product-editor-side{display:grid;gap:16px;position:sticky;top:105px}.product-editor-side .panel{padding:18px}.product-editor-preview{display:grid;gap:10px}.editor-product-image{height:190px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px}.editor-product-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.editor-product-image>span{font-size:54px}.editor-condition-badge,.product-condition-pill,.product-condition-badge{display:inline-flex;width:max-content;align-items:center;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;letter-spacing:.03em}.condition-new{background:#eaf4ff;color:#075fc5}.condition-refurbished{background:#e1f5e9;color:#12623c}.condition-used{background:#f7ead8;color:#794b12}.product-editor-preview h3{margin:2px 0 0;font-size:18px;line-height:1.35}.product-editor-preview>p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.editor-mini-meta{display:grid;gap:0;margin:5px 0 0}.editor-mini-meta>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--line);font-size:11px}.editor-mini-meta dt{color:var(--muted)}.editor-mini-meta dd{margin:0;font-weight:850;text-align:right}.editor-save-card{display:grid;gap:10px}.editor-save-card>strong{font-size:15px}.editor-save-card>p,.editor-side-section>p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.editor-side-section{display:grid;gap:11px}.editor-ai-actions{display:flex;flex-wrap:wrap;gap:7px}.editor-ai-actions form{margin:0}.editor-offers{display:grid;gap:8px}.editor-offers>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px}.editor-offers>div:last-child{border-bottom:0}.editor-offers span{font-weight:800}.editor-offers small{grid-column:1/-1;color:var(--muted)}.editor-status-row{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid var(--line);font-size:11px}.editor-status-row span{color:var(--muted)}.product-admin-title{color:var(--ink);font-weight:900}.product-admin-title:hover{color:var(--blue)}.product-condition-pill{margin-left:7px;vertical-align:middle}.manual-product-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.manual-product-cta>div:first-child{display:grid;gap:4px}.manual-product-cta p{margin:0;color:var(--muted);font-size:12px}.manual-product-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} .product-condition-badge{position:absolute;left:14px;bottom:14px;z-index:4;background:#fff;box-shadow:0 6px 18px rgba(7,29,69,.13)}.product-condition-badge.condition-refurbished{background:#e1f5e9;color:#12623c}.product-condition-badge.condition-used{background:#f7ead8;color:#794b12} @media(max-width:1120px){.product-editor-layout{grid-template-columns:minmax(0,1fr) 300px}.condition-selector{grid-template-columns:1fr}.product-editor-side{position:static}} @media(max-width:860px){.product-editor-layout{grid-template-columns:1fr}.product-editor-header,.product-condition-start,.manual-product-cta{flex-direction:column;align-items:stretch}.product-editor-header .button-row,.manual-product-actions{justify-content:flex-start}.editor-section-head{display:grid;gap:7px}.editor-section-head p{text-align:left}.product-editor-side{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-save-card{align-self:start}} @media(max-width:620px){.editor-grid{grid-template-columns:1fr}.editor-grid .span-2{grid-column:auto}.product-editor-side{grid-template-columns:1fr}.product-editor-section{padding:17px}.product-condition-start{padding:17px}.condition-choice-links a{flex:1;text-align:center}.manual-product-actions .btn{width:100%}} /* V12.8.3 - handmatige productfoto's + AI-productassistent */ .product-upload-field input[type=file]{padding:12px;background:#f8fbff;border:1px dashed #9dbde1;border-radius:11px}.editor-upload-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:2px}.editor-upload-gallery>div{margin:0;min-width:0;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px;display:grid;gap:6px}.editor-upload-gallery img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#f7f9fc;border-radius:8px}.editor-upload-gallery small{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-ai-save-options{display:grid;gap:8px;padding:11px;border:1px solid #d8e8f9;border-radius:12px;background:#f7fbff}.editor-ai-save-options label{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start;font-size:11px;line-height:1.4}.editor-ai-save-options input{width:16px;height:16px;margin-top:0}.editor-ai-note{display:block;color:var(--muted);font-size:10px;line-height:1.5}.ai-assist-save{font-weight:900}.ai-product-assist-status{border-color:#cfe2f6}.editor-assist-run{display:grid;gap:9px}.editor-assist-run>div{display:grid;gap:2px;padding:10px;border-radius:10px;background:#f7fbff}.editor-assist-run>div strong{font-size:17px}.editor-assist-run small{line-height:1.45}.status-pill.status-completed{background:#e4f8ee;color:#08764c}.status-pill.status-running,.status-pill.status-queued{background:#eaf4ff;color:#075fc5}.status-pill.status-failed{background:#ffe8eb;color:#ac263a} @media(max-width:860px){.editor-upload-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:620px){.editor-upload-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}} /* v12.8.4 — opgeslagen productvergelijking */ .product-compare-link{appearance:none;border:0;background:transparent;padding:0;cursor:pointer;text-align:left;font:inherit;font-size:11px;font-weight:800;color:var(--blue);display:inline-flex;margin-top:9px}.product-compare-link:hover{text-decoration:underline}.product-compare-link.is-selected{color:#08724d}.rsp-compare-link.is-selected{border-color:#8ac7ad;background:#effaf4;color:#08724d}.compare-tray{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:120;display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:14px;width:min(920px,calc(100vw - 30px));padding:12px 14px;border:1px solid #bdd4ee;border-radius:17px;background:rgba(255,255,255,.97);box-shadow:0 16px 44px rgba(15,38,66,.18);backdrop-filter:blur(12px)}.compare-tray[hidden]{display:none}.compare-tray.limit-reached{animation:compareTrayPulse .45s ease 2}.compare-tray-copy{display:grid;gap:2px}.compare-tray-copy strong{font-size:13px}.compare-tray-copy span{font-size:11px;color:var(--muted)}.compare-tray-items{display:flex;gap:7px;overflow:auto;scrollbar-width:thin}.compare-tray-chip{display:inline-flex;align-items:center;gap:6px;max-width:190px;padding:6px 8px;background:var(--soft);border-radius:999px;white-space:nowrap}.compare-tray-chip b{font-size:10px;overflow:hidden;text-overflow:ellipsis}.compare-tray-chip button{appearance:none;border:0;background:transparent;cursor:pointer;font-size:16px;line-height:1;color:var(--muted)}.compare-tray-actions{display:flex;align-items:center;gap:9px}.compare-tray-actions .disabled{opacity:.45;pointer-events:none}.text-button{appearance:none;border:0;background:transparent;color:var(--blue);cursor:pointer;font:inherit;font-size:12px;font-weight:800;padding:0}.compare-selected-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 12px}.compare-product-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.compare-user-question{display:grid;gap:4px;margin:12px 0 18px;padding:12px 14px;border-radius:12px;background:#f4f8fd}.compare-user-question small{color:var(--muted);font-weight:800}.compare-direct-answer{font-size:15px;line-height:1.65;padding:14px 0;border-bottom:1px solid var(--line)}.compare-ai-question{display:grid;gap:7px;flex:1}.compare-ai-question textarea{width:100%;min-height:86px;resize:vertical}.compare-ai-action{align-items:flex-end}.compare-ai-action>button{flex:0 0 auto}.compare-picker select{width:100%}@keyframes compareTrayPulse{50%{transform:translateX(-50%) scale(1.015);box-shadow:0 16px 52px rgba(8,104,232,.25)}} /* v12.8.4 — niet-blokkerende AI-toelichting bij /advies */ .advisor-ai-live{min-height:120px}.advisor-ai-thinking{display:flex;align-items:flex-start;gap:14px}.advisor-ai-thinking>i,.assistant-thinking>i{display:inline-block;width:20px;height:20px;flex:0 0 20px;border:3px solid #d8e8fa;border-top-color:var(--blue);border-radius:50%;animation:rsbAiSpin .8s linear infinite}.advisor-ai-thinking h2{margin:0 0 5px}.advisor-ai-thinking p{margin:0;color:var(--muted)}.advisor-ai-questions{margin:14px 0;padding:12px 14px;border-radius:12px;background:var(--soft)}.advisor-ai-questions strong{display:block;margin-bottom:6px}.advisor-ai-questions ul{margin:0;padding-left:19px}.assistant-thinking{display:flex!important;align-items:center;gap:10px}.assistant-thinking span{font-size:12px;color:var(--muted)}.ai-assistant-form button:disabled{opacity:.65;cursor:wait}@keyframes rsbAiSpin{to{transform:rotate(360deg)}} @media(max-width:760px){.compare-tray{left:12px;right:12px;bottom:12px;transform:none;width:auto;grid-template-columns:1fr auto}.compare-tray-items{grid-column:1/-1;grid-row:2}.compare-tray-copy{min-width:0}.compare-tray-actions .text-button{display:none}.compare-ai-action{align-items:stretch}.compare-tray.limit-reached{animation:none}.compare-selected-actions{align-items:flex-start;flex-direction:column}} /* v12.8.5 — oplossingsadviseur per onderwerp + duidelijke menselijke overdracht */ .advisor-solution-section[hidden]{display:none!important}.advisor-estimate{margin-top:16px;padding:15px 17px;border:1px solid #bad7f7;border-radius:14px;background:#f6fbff;display:grid;gap:4px}.advisor-estimate strong{font-size:14px;color:#0b4f94}.advisor-estimate span{font-size:12px;line-height:1.55;color:var(--muted)}.advisor-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.advisor-module-grid>label{display:flex;align-items:flex-start;gap:10px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer}.advisor-module-grid>label:has(input:checked){border-color:#8ebff3;background:#f5faff}.advisor-module-grid input{margin-top:4px}.advisor-module-grid span{display:grid;gap:3px}.advisor-module-grid small{color:var(--muted);line-height:1.4}.advisor-calculation-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:18px}.advisor-calculation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.advisor-calculation-grid article{padding:14px;border-radius:14px;background:#f6f9fd}.advisor-calculation-grid strong{display:block;margin-bottom:5px;color:var(--navy)}.advisor-calculation-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.compat-ok{padding:9px 11px;border-radius:10px;background:#effaf4;color:#17653f}.ai-assistant-human-actions{padding:9px 12px;border-top:1px solid var(--line);display:grid;gap:4px;background:#fbfdff}.ai-assistant-human-actions button{border:1px solid #b9d3ef;background:#fff;color:#145b9e;border-radius:10px;padding:9px 10px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;text-align:left}.ai-assistant-human-actions button:hover{background:#f0f7ff}.ai-assistant-human-actions small{font-size:9px;color:var(--muted)}.ai-assistant-lead[hidden]{display:none!important}.ai-assistant-lead-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ai-assistant-lead-head>button{border:0;background:transparent;color:#715500;padding:0 4px;font-size:20px;line-height:1}.ai-assistant-human-actions>button[hidden]{display:none!important} @media(max-width:900px){.advisor-module-grid,.advisor-calculation-grid{grid-template-columns:1fr}} /* v12.8.6 — stabiele productvergelijking: echte tabel, vaste rijen en compacte ja/nee-statussen. */ .compare-table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px rgba(15,38,66,.04)} .compare-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;table-layout:fixed;background:#fff} .compare-table th,.compare-table td{padding:14px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:middle;text-align:left} .compare-table tr>*:last-child{border-right:0}.compare-table tbody tr:last-child>*{border-bottom:0} .compare-table thead th{position:sticky;top:0;z-index:3;background:#fff;vertical-align:top} .compare-table .compare-spec-head{width:210px;min-width:210px;background:#f8fafd;font-weight:900;color:var(--navy)} .compare-table .compare-product-head{min-width:205px}.compare-table .compare-product-head img{display:block;width:100%;height:110px;object-fit:contain;margin:0 0 9px} .compare-table .compare-product-head small{display:block;color:var(--blue);font-weight:800;margin-bottom:3px}.compare-table .compare-product-head strong{display:block;line-height:1.35;margin-bottom:5px}.compare-table .compare-product-head>b{display:block;margin-bottom:8px} .compare-table .compare-product-actions{font-size:11px} .compare-table .compare-group-row th{position:static;background:#eef5fc;color:#234e78;font-size:12px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;padding:10px 16px} .compare-table .compare-label{background:#fbfcfe;font-weight:800;color:#24384c;width:210px}.compare-table .compare-value{font-size:13px;line-height:1.5;overflow-wrap:anywhere} .compare-boolean{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:999px;font-size:16px;font-weight:950}.compare-boolean.is-yes{background:#eaf8f0;color:#08724d}.compare-boolean.is-no{background:#fff0f2;color:#b4233c}.compare-empty{color:#9aa8b6} @media(max-width:720px){.compare-table{min-width:690px}.compare-table .compare-spec-head,.compare-table .compare-label{width:150px;min-width:150px}.compare-table .compare-product-head{min-width:180px}.compare-table th,.compare-table td{padding:11px 12px}.compare-table .compare-product-head img{height:85px}} /* v12.8.6 — gekozen adviesonderwerp bepaalt de volledige zichtbare vragenlijst. */ .advisor-solution-section[hidden]{display:none!important}.advisor-solution-section:not([hidden]){animation:advisorSectionIn .18s ease-out}.advisor-fields--situation{margin-bottom:18px}.advisor-choice:has(input:checked){box-shadow:0 0 0 2px rgba(8,104,232,.10)} @keyframes advisorSectionIn{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}} .compare-table .compare-spec-head{position:sticky;left:0;z-index:6}.compare-table .compare-label{position:sticky;left:0;z-index:2} /* v12.8.7 — vergelijking gebruikt AI-profielen; headercellen blijven echte tabelcellen. */ .compare-table .compare-product-head{display:table-cell!important;grid-template-columns:none!important;align-content:initial!important} .compare-table .compare-product-head>*{max-width:100%} .compare-table .compare-product-head img{margin-left:auto;margin-right:auto} .compare-table tbody tr:nth-child(even):not(.compare-group-row) .compare-value{background:#fcfdff} /* V12.8.8 — AI-leadformulier altijd volledig zichtbaar */ .ai-assistant-panel.is-lead-open{overflow-y:auto;overscroll-behavior:contain} .ai-assistant-panel.is-lead-open .ai-assistant-messages{height:170px;min-height:120px} .ai-assistant-panel.is-lead-open .ai-assistant-suggestions,.ai-assistant-panel.is-lead-open .ai-assistant-form{display:none} .ai-assistant-lead-submit{position:sticky;bottom:0;display:grid;gap:7px;margin:3px -4px -4px;padding:9px 4px 4px;background:#fff8e8} .ai-assistant-lead-submit small{color:#756334;font-size:10px;line-height:1.4} .ai-assistant-lead-submit button{width:100%;min-height:42px;font-size:13px} /* V12.8.8 — verplichte klantgerichte annuleringsreden */ .order-cancellation-fields{border:1px solid #f0c36a;background:#fffaf0;border-radius:14px;padding:14px} .order-cancellation-fields[hidden],.quick-cancellation-fields[hidden]{display:none!important} .order-cancellation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px} .order-cancellation-head strong{display:block;color:#734b00} .order-cancellation-head small{display:block;color:#806a42;margin-top:3px} .quick-cancellation-fields{display:grid;gap:7px;padding:9px;border:1px solid #f0c36a;border-radius:9px;background:#fffaf0;min-width:280px} .quick-cancellation-fields textarea{width:100%;resize:vertical;min-height:58px} .quick-check{display:flex!important;align-items:flex-start!important;gap:7px!important;font-size:11px!important;line-height:1.35!important;white-space:normal!important} .quick-check input{width:auto!important;margin-top:2px} @media(max-width:720px){.ai-assistant-panel.is-lead-open .ai-assistant-messages{height:120px}.quick-cancellation-fields{min-width:240px}} /* V12.8.10 - annulering/creditfactuur in administratietaken */ .refund-finance-panel{margin:16px 0;padding:16px;border:1px solid #cdddf2;border-radius:16px;background:#f8fbff}.refund-finance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.refund-finance-head h3{margin:3px 0 0}.refund-finance-head form{margin:0}.refund-finance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.finance-tile{padding:12px;border:1px solid #dbe5f2;border-radius:12px;background:#fff;min-width:0}.finance-tile>span,.credit-invoice-list div>span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.03em}.finance-tile>b,.credit-invoice-list div>b{display:block;margin-top:5px;font-size:13px;overflow-wrap:anywhere}.finance-tile small,.credit-invoice-list div small{display:block;margin-top:4px;color:var(--muted);line-height:1.35}.finance-state.ok{color:#08724d}.finance-state.warn{color:#a45b06}.refund-iban b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em}.credit-invoice-list{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;padding:12px;border:1px solid #dbe5f2;border-radius:12px;background:#fff}.credit-invoice-list>div{flex:1 1 260px}.refund-warning{margin:12px 0 0}.refund-account-editor{margin-top:12px;border-top:1px solid #dbe5f2;padding-top:10px}.refund-account-editor summary{cursor:pointer;font-weight:800;color:var(--blue)}.refund-account-editor form{display:grid;grid-template-columns:1.2fr 1fr .7fr auto;gap:10px;align-items:end;margin-top:10px}.refund-account-editor label{margin:0}.refund-account-editor .btn{height:max-content} @media(max-width:1000px){.refund-finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.refund-account-editor form{grid-template-columns:1fr 1fr}} @media(max-width:650px){.refund-finance-grid,.refund-account-editor form{grid-template-columns:1fr}.refund-finance-head .btn{width:100%}} /* V12.8.11 · administratietaken inklapbaar + filters */ .administration-task-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:16px}.administration-task-filters label{min-width:150px}.administration-task-filters .filter-grow{flex:1 1 280px}.administration-task-accordion{border:1px solid var(--line,#d9e0e8);border-radius:16px;background:#fff;overflow:hidden}.administration-task-accordion[open]{overflow:visible}.administration-task-summary{display:grid;grid-template-columns:minmax(220px,2fr) minmax(140px,1fr) auto auto 24px;gap:14px;align-items:center;padding:16px 18px;cursor:pointer;list-style:none;background:#fff}.administration-task-summary::-webkit-details-marker{display:none}.administration-task-summary:hover{background:#f8fafc}.task-summary-main{display:grid;gap:3px}.task-summary-main small{color:#64748b;font-weight:500}.task-summary-customer{color:#334155}.task-summary-amount{font-weight:800;white-space:nowrap}.task-summary-toggle{font-size:18px;transition:transform .18s ease}.administration-task-accordion[open] .task-summary-toggle{transform:rotate(180deg)}.administration-task-accordion>.admin-task-card{margin:0;border:0;border-top:1px solid var(--line,#d9e0e8);border-radius:0}.admin-task-grid{display:grid;gap:12px}@media(max-width:850px){.administration-task-summary{grid-template-columns:1fr auto 22px}.task-summary-customer,.task-summary-amount{grid-column:1}.administration-task-summary>.status{grid-column:2;grid-row:1}.task-summary-toggle{grid-column:3;grid-row:1}.administration-task-filters label{flex:1 1 150px}} /* V12.8.11 · tickets snel openen + samenvoegen */ .ticket-context-loading{display:grid;gap:4px;color:#475569}.ticket-context-loading small{color:#64748b}.ticket-merge-box{margin-top:14px;border-top:1px solid var(--line,#d9e0e8);padding-top:12px}.ticket-merge-box>summary{cursor:pointer;font-weight:800;color:#0f3f8c}.ticket-merge-box form{display:grid;gap:10px;margin-top:12px}.ticket-merge-box small{line-height:1.45;color:#64748b}.ticket-customer-context-lazy{min-height:120px} /* V12.8.12 checkout accountkeuze */ .checkout-access-section{min-height:calc(100vh - 220px)}.checkout-access-head{align-items:flex-end}.checkout-access-cart{min-width:190px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px;display:grid;gap:2px;box-shadow:0 10px 30px #17233b0c}.checkout-access-cart span,.checkout-access-cart small{color:var(--muted);font-size:12px}.checkout-access-cart strong{font-size:18px}.checkout-access-cart small{font-size:16px;font-weight:850;color:var(--ink)}.checkout-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.checkout-access-card{padding:28px;display:grid;gap:22px}.checkout-access-card-new{border-color:#b9d5f7;box-shadow:0 14px 40px #0868e80c}.checkout-access-card-head{display:flex;gap:13px;align-items:flex-start}.checkout-access-card-head h2{margin:0 0 5px}.checkout-access-card-head p{margin:0;color:var(--muted)}.checkout-access-step{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:900}.checkout-access-card-new .checkout-access-step{background:var(--blue)}.checkout-access-form{margin:0}.checkout-access-form label>small{color:var(--muted);font-weight:500}.checkout-access-note{margin-top:18px;background:#edf6ff;border:1px solid #c7ddf7;border-radius:15px;padding:14px 17px;display:flex;gap:12px;align-items:flex-start}.checkout-access-note small{display:block;color:var(--muted);margin-top:3px}.checkout-access-note>span{font-size:20px} @media(max-width:850px){.checkout-access-grid{grid-template-columns:1fr}.checkout-access-head{align-items:flex-start}.checkout-access-cart{width:100%}} /* V12.8.15 - retourenlayout + opnieuw betalen */ .return-order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px} .return-order-card{display:flex;flex-direction:column;gap:7px;min-width:0;padding:17px 18px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,#fff,#f8fbff);color:var(--ink);text-decoration:none;transition:.18s ease} .return-order-card:hover{border-color:#9fc5f8;box-shadow:0 10px 28px #17233b12;transform:translateY(-1px)} .return-order-card b{font-size:15px}.return-order-card span{color:var(--ink);font-weight:700}.return-order-card small{color:var(--muted);line-height:1.4} .return-item-select{border:1px solid var(--line);border-radius:15px;padding:16px;background:var(--soft)} .return-item-select h3{margin:0 0 10px;font-size:15px} .return-item-select>label{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)} .return-item-select>label:last-child{border-bottom:0}.return-item-select>label span{min-width:0}.return-item-select>label b{display:block}.return-item-select>label small{display:block;margin-top:3px;color:var(--muted)}.return-item-select input[type=number]{width:100%;margin:0} .return-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start} .return-admin-card{min-width:0}.return-admin-card>.panel-head{align-items:flex-start}.return-admin-card>.panel-head p{margin:4px 0 0;color:var(--muted)}.return-admin-card>p{line-height:1.6;color:var(--muted)} .return-admin-card .form-grid{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)} .button-row form,.portal-order-action form{display:inline-flex;margin:0}.portal-order-action{white-space:nowrap}.portal-orders-table .btn{white-space:nowrap} @media(max-width:1100px){.return-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.return-admin-grid{grid-template-columns:1fr}} @media(max-width:680px){.return-order-grid{grid-template-columns:1fr}.return-item-select>label{grid-template-columns:1fr}.return-item-select input[type=number]{max-width:120px}.return-admin-card .order-meta{grid-template-columns:1fr}.portal-order-action form,.portal-order-action .btn{width:100%}} /* V12.8.17 mobile account safeguard */ @media(max-width:360px){.brand{width:130px;flex-basis:130px}.brand img{width:130px}.nav-actions .account-link{width:40px;min-width:40px;padding:0}.nav-actions .account-label{display:none}} /* V12.8.19 - verkoopflow/gastcheckout */ .checkout-access-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.checkout-access-card-guest{border-color:#9fd4bd;background:linear-gradient(180deg,#fff,#f4fcf8)}.checkout-access-card-guest .checkout-access-step{background:var(--green)}.checkout-access-benefits{margin:0;padding:0;list-style:none;display:grid;gap:9px}.checkout-access-benefits li{display:flex;gap:8px;color:#41516e;font-size:13px}.checkout-access-benefits li:before{content:'✓';font-weight:900;color:var(--green)} @media(max-width:1050px){.checkout-access-grid--three{grid-template-columns:1fr 1fr}.checkout-access-card-guest{grid-column:1/-1}} @media(max-width:850px){.checkout-access-grid--three{grid-template-columns:1fr}.checkout-access-card-guest{grid-column:auto}.checkout-access-card{padding:22px}} .cart-recommendations{border-top:1px solid var(--line)} @media(max-width:720px){.cart-recommendations .section-head{align-items:flex-start;gap:14px}.cart-recommendations .section-head>.btn{width:100%}} /* V12.8.20 - PostNL management, tracking en klantcommunicatielog */ .postnl-environment-banner{display:grid;gap:8px;padding:16px 18px;border-radius:16px;margin-bottom:16px;border:1px solid var(--line);background:#f8fafc} .postnl-environment-banner>div{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .postnl-environment-banner strong{font-size:15px}.postnl-environment-banner span,.postnl-environment-banner p{font-size:12px;color:var(--muted);margin:0;line-height:1.5} .postnl-environment-banner code{font-size:11px}.postnl-environment-banner.sandbox{border-color:#efc26a;background:#fff9ec}.postnl-environment-banner.sandbox strong{color:#8a5600} .postnl-environment-banner.live{border-color:#a8dfc8;background:#f2fbf7}.postnl-environment-banner.live strong{color:#08724d} .shipping-report-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.shipping-report-filter label{min-width:155px}.shipping-report-filter .filter-grow{flex:1 1 280px} .shipping-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px} .shipping-kpi-grid article{min-width:0;background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;display:grid;gap:3px;box-shadow:0 8px 22px #17233b08} .shipping-kpi-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:850}.shipping-kpi-grid strong{font-size:20px;color:var(--navy);overflow-wrap:anywhere}.shipping-kpi-grid small{color:var(--muted);font-size:11px}.shipping-kpi-grid .has-open{border-color:#f0c36a;background:#fffaf0} .shipping-chart-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:16px;margin-bottom:16px}.shipping-chart-panel{min-width:0;margin:0} .shipping-volume-chart{height:250px;display:flex;align-items:flex-end;gap:5px;overflow-x:auto;padding:20px 8px 4px;border-top:1px solid var(--line)} .volume-bar-wrap{height:210px;min-width:28px;display:grid;grid-template-rows:18px 1fr 20px;align-items:end;text-align:center}.volume-bar-value{font-size:9px;color:var(--muted)} .volume-bar{width:18px;min-height:3px;margin:0 auto;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#2f7de1,#0b4f9e)}.volume-bar-wrap small{font-size:9px;color:var(--muted);transform:rotate(-45deg);transform-origin:center;white-space:nowrap;margin-bottom:-5px} .shipping-status-bars{display:grid;gap:14px}.status-bar-row{display:grid;gap:6px}.status-bar-row>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:12px}.status-bar-track{height:11px;border-radius:999px;background:#edf2f7;overflow:hidden}.status-bar-track span{display:block;height:100%;min-width:2px;border-radius:inherit;background:#8ca4bf}.status-bar-track .delivered{background:#1b9a68}.status-bar-track .in_transit{background:#3479c9}.status-bar-track .label{background:#8b6ac8}.status-bar-track .attention{background:#d67a18}.status-bar-track .unknown{background:#9aa8b6} .shipping-list-panel{margin-bottom:16px}.shipping-overview-table code,.shipment-meta code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:800;white-space:nowrap}.shipping-row-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.shipping-status.delivered{background:#eaf8f0;color:#08724d}.shipping-status.in_transit{background:#edf5ff;color:#135da8}.shipping-status.label{background:#f4efff;color:#6842a3}.shipping-status.attention{background:#fff3e6;color:#a44d00}.shipping-status.unknown{background:#f1f5f9;color:#5f6e7d} .shipping-rate-create{margin-top:16px}.compact-notice{margin:12px 0} .shipment-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.shipment-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fbfdff;min-width:0}.shipment-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.shipment-card-head small{display:block;color:var(--muted);margin-top:3px}.shipment-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px;margin:13px 0}.shipment-meta div{min-width:0}.shipment-meta dt{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:850}.shipment-meta dd{margin:3px 0 0;font-size:12px;overflow-wrap:anywhere}.shipment-actions{display:flex;gap:8px;flex-wrap:wrap}.shipping-mail-summary{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.shipping-mail-summary>div small{display:block;color:var(--muted);margin-top:3px}.shipping-mail-summary details{min-width:300px}.email-log-list{display:grid;gap:7px;margin-top:10px;max-height:260px;overflow:auto}.email-log-list article{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff}.email-log-list article small{display:block;color:var(--muted);margin-top:2px}.email-log-list article>span{font-size:10px;color:var(--muted);white-space:nowrap} .email-kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 16px}.email-kpi-strip>div{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfdff}.email-kpi-strip span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:800}.email-kpi-strip strong{display:block;margin-top:4px;font-size:18px}.email-kpi-strip .has-issues{border-color:#efb4b4;background:#fff6f6}.email-preview-details summary{cursor:pointer;font-weight:750;color:var(--blue)}.email-preview-details pre{white-space:pre-wrap;max-width:520px;max-height:240px;overflow:auto;background:#f7f9fc;border:1px solid var(--line);padding:10px;border-radius:8px;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.email-status.failed,.email-status.complained{background:#fff0f2;color:#b4233c}.email-status.delivered,.email-status.opened,.email-status.clicked{background:#eaf8f0;color:#08724d} @media(max-width:1250px){.shipping-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shipping-chart-grid{grid-template-columns:1fr}.shipment-card-grid{grid-template-columns:1fr}} @media(max-width:760px){.shipping-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shipping-report-filter label,.shipping-report-filter .filter-grow{flex:1 1 100%;width:100%}.shipping-mail-summary{display:grid}.shipping-mail-summary details{min-width:0}.shipment-meta{grid-template-columns:1fr}.email-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.shipping-row-actions{white-space:normal;flex-wrap:wrap}.shipping-volume-chart{height:220px}} @media(max-width:480px){.shipping-kpi-grid,.email-kpi-strip{grid-template-columns:1fr}} /* V12.8.21 - besteltraject, open punten en orderlogboek */ .order-journey-panel{overflow:hidden}.order-journey-head{align-items:flex-start;gap:16px}.journey-head-status{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.order-stage-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:0;margin:18px 0 22px;border:1px solid var(--border,#dde3ea);border-radius:14px;overflow:hidden;background:var(--card,#fff)}.order-stage{position:relative;display:flex;gap:10px;min-height:92px;padding:14px 12px;border-right:1px solid var(--border,#dde3ea);background:rgba(148,163,184,.04)}.order-stage:last-child{border-right:0}.order-stage-dot{width:12px;height:12px;border-radius:50%;margin-top:4px;flex:0 0 auto;background:#cbd5e1;box-shadow:0 0 0 4px rgba(148,163,184,.12)}.order-stage b,.order-stage small,.order-stage time{display:block}.order-stage b{font-size:13px}.order-stage small{font-size:12px;margin-top:3px;line-height:1.35;color:var(--muted,#64748b)}.order-stage time{font-size:10px;color:var(--muted,#64748b);margin-top:6px}.order-stage.done{background:rgba(34,197,94,.055)}.order-stage.done .order-stage-dot{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.13)}.order-stage.active{background:rgba(245,158,11,.07)}.order-stage.active .order-stage-dot{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.14)}.order-stage.muted{opacity:.55}.journey-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:18px}.journey-open-panel,.journey-timeline-panel{border:1px solid var(--border,#dde3ea);border-radius:14px;padding:16px;background:var(--card,#fff)}.subpanel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.subpanel-head h3{margin:0;font-size:16px}.subpanel-head small{display:block;color:var(--muted,#64748b);margin-top:3px}.subpanel-head>strong{min-width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:rgba(148,163,184,.13);font-size:13px}.journey-open-list{display:grid;gap:9px}.journey-open-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:11px;border:1px solid var(--border,#dde3ea);background:rgba(148,163,184,.035)}.journey-open-item>div{min-width:0}.journey-open-item b,.journey-open-item small{display:block}.journey-open-item b{font-size:13px}.journey-open-item small{font-size:12px;line-height:1.4;color:var(--muted,#64748b);margin-top:3px}.journey-open-item.attention{border-color:rgba(239,68,68,.28);background:rgba(239,68,68,.045)}.journey-open-item.waiting{border-color:rgba(245,158,11,.28);background:rgba(245,158,11,.045)}.journey-open-item.info{border-color:rgba(59,130,246,.25);background:rgba(59,130,246,.04)}.journey-all-clear{padding:16px;border:1px solid rgba(34,197,94,.25);background:rgba(34,197,94,.045);border-radius:11px}.journey-all-clear b,.journey-all-clear small{display:block}.journey-all-clear small{margin-top:4px;color:var(--muted,#64748b);line-height:1.45}.journey-note-form{border-top:1px solid var(--border,#dde3ea);margin-top:16px;padding-top:15px}.journey-note-form label{display:block;font-weight:600;font-size:13px}.journey-note-form textarea{display:block;width:100%;margin-top:6px;resize:vertical}.journey-note-form button{margin-top:8px}.order-timeline{display:grid;gap:0}.timeline-event{position:relative;display:grid;grid-template-columns:34px 1fr;gap:10px;padding:0 0 14px}.timeline-event:not(:last-child):before{content:"";position:absolute;left:16px;top:29px;bottom:0;width:1px;background:var(--border,#dde3ea)}.timeline-marker{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:14px;background:#f8fafc;border:1px solid var(--border,#dde3ea)}.timeline-event.success .timeline-marker{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.26)}.timeline-event.warning .timeline-marker{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.3)}.timeline-event.note .timeline-marker{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.28)}.timeline-event.info .timeline-marker{background:rgba(59,130,246,.07);border-color:rgba(59,130,246,.24)}.timeline-content{min-width:0;padding-top:2px}.timeline-content>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.timeline-content b{font-size:13px}.timeline-content time{font-size:11px;color:var(--muted,#64748b);white-space:nowrap}.timeline-content small{display:block;margin-top:3px;color:var(--muted,#64748b);font-size:12px;line-height:1.45;overflow-wrap:anywhere}.journey-more-events{margin-top:6px}.journey-more-events summary{cursor:pointer;font-weight:600;font-size:12px;color:var(--muted,#64748b);padding:8px 0}.journey-more-events .older{padding-top:10px;border-top:1px solid var(--border,#dde3ea)} @media(max-width:980px){.journey-layout{grid-template-columns:1fr}.order-stage-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.order-stage{border-bottom:1px solid var(--border,#dde3ea)}.order-stage:nth-child(even){border-right:0}}@media(max-width:620px){.order-stage-strip{grid-template-columns:1fr}.order-stage{border-right:0}.journey-head-status{justify-content:flex-start}.order-journey-head{display:block}.journey-head-status{margin-top:10px}.journey-open-item{align-items:flex-start;flex-direction:column}.timeline-content>div{display:block}.timeline-content time{display:block;margin-top:2px}.journey-open-panel,.journey-timeline-panel{padding:13px}} /* V12.8.22 - PostNL inkoop, labelvervanging en volledig logboek */ .shipping-page-error{display:grid;gap:4px;border-color:#efb4b4;background:#fff6f6}.shipping-page-error span{overflow-wrap:anywhere}.shipping-kpi-grid-8{grid-template-columns:repeat(4,minmax(0,1fr))}.postnl-product-usage-panel{margin-bottom:16px}.postnl-products-panel{margin-bottom:16px}.postnl-product-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.postnl-product-admin-card{display:grid;gap:11px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fbfdff}.postnl-product-admin-card.inactive{opacity:.68;background:#f7f8fa}.product-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.product-card-head b,.product-card-head small{display:block}.product-card-head small{margin-top:3px;color:var(--muted);line-height:1.35}.product-price-line,.product-reference-line{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:9px}.product-price-line span,.product-reference-line span{font-size:11px;color:var(--muted)}.product-price-line strong{font-size:20px}.product-reference-line small{color:var(--muted);font-size:10px}.postnl-product-admin-card label{display:grid;gap:5px;font-size:11px;font-weight:750}.product-dimensions{color:var(--muted);line-height:1.45;min-height:42px}.postnl-label-create-box{margin:12px 0 16px;padding:14px;border:1px solid #bdd4ef;border-radius:14px;background:#f7fbff}.postnl-label-create-head,.postnl-label-create-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.postnl-label-create-head b,.postnl-label-create-head small{display:block}.postnl-label-create-head small,.postnl-label-create-footer small{color:var(--muted);margin-top:3px;line-height:1.4}.postnl-label-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:13px 0}.postnl-product-choice{display:grid;gap:5px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:12px;font-weight:750}.postnl-product-choice small{color:var(--muted);font-weight:500}.shipment-card.needs-label{border-style:dashed;background:#fcfdff}.cost-source{display:block;color:var(--muted);font-size:10px;margin-top:2px}.label-void-menu{position:relative}.label-void-menu summary{list-style:none;cursor:pointer}.label-void-menu summary::-webkit-details-marker{display:none}.label-void-menu form{position:absolute;z-index:20;right:0;top:calc(100% + 6px);width:min(340px,80vw);display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 14px 35px rgba(15,23,42,.16)}.label-void-menu label{display:grid;gap:4px;font-size:11px;font-weight:750}.label-void-menu small{color:var(--muted);font-size:10px;line-height:1.4}.postnl-label-history{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.postnl-label-history>summary{cursor:pointer;font-weight:800}.postnl-label-history .table-wrap{margin-top:10px}.timeline-meta{display:flex!important;justify-content:flex-start!important;gap:5px!important;flex-wrap:wrap;margin-top:6px}.timeline-meta span{display:inline-flex;padding:2px 6px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:9px;line-height:1.35}.danger-text{color:#b4233c!important}.postnl-product-usage-panel code,.postnl-products-panel code,.postnl-label-history code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px} @media(max-width:1250px){.shipping-kpi-grid-8{grid-template-columns:repeat(3,minmax(0,1fr))}.postnl-product-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:850px){.postnl-product-admin-grid,.postnl-label-choice-grid{grid-template-columns:1fr}.shipping-kpi-grid-8{grid-template-columns:repeat(2,minmax(0,1fr))}.postnl-label-create-footer,.postnl-label-create-head{display:grid}.label-void-menu form{left:0;right:auto}} @media(max-width:480px){.shipping-kpi-grid-8{grid-template-columns:1fr}} /* V12.8.26 PostNL Future Proof suite */ .postnl-label-layout-caption{display:block;margin-top:.55rem;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted,#667085)} .postnl-v4-settings .form-grid{align-items:start} .postnl-checkout-box{border:1px solid rgba(20,42,74,.12);border-radius:16px;padding:16px;background:rgba(248,250,252,.8)} .postnl-delivery-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px} .postnl-delivery-mode label,.postnl-choice-card{display:flex;gap:10px;align-items:flex-start;border:1px solid rgba(20,42,74,.12);border-radius:12px;padding:12px;background:#fff;cursor:pointer} .postnl-delivery-mode label:has(input:checked),.postnl-choice-card:has(input:checked){border-color:rgba(18,105,179,.7);box-shadow:0 0 0 2px rgba(18,105,179,.08)} .postnl-delivery-mode span,.postnl-choice-card span{display:flex;flex-direction:column;gap:2px} .postnl-delivery-mode small,.postnl-choice-card small{color:#667085} .postnl-home-options,.postnl-pickup-options{padding-top:4px} .postnl-option-results{display:grid;gap:8px;margin-top:10px} .return-flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0} .return-flow-step{border:1px solid rgba(20,42,74,.12);border-radius:10px;padding:10px;background:#f8fafc;display:flex;flex-direction:column;gap:3px} .return-flow-step.done{background:#eefbf3;border-color:#b7e6c7} .return-flow-step.current{background:#fff8e8;border-color:#f0d28a} .return-flow-step.blocked{background:#fff1f1;border-color:#efb1b1} .return-flow-step small{color:#667085} .return-postnl-label-card,.return-label-ready,.return-label-create{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(20,42,74,.12);border-radius:12px;padding:14px;margin:12px 0;background:#f8fafc} .return-postnl-label-card>div,.return-label-ready>div,.return-label-create>div{display:flex;flex-direction:column;gap:4px} .return-label-create label{min-width:190px} .return-timeline{margin-top:12px} .return-timeline summary{cursor:pointer;font-weight:700} .return-event-list{display:grid;gap:8px;margin-top:10px} .return-event-list article{border-left:3px solid rgba(18,105,179,.35);padding:7px 10px;background:#f8fafc;border-radius:0 8px 8px 0} .return-event-list article>div{display:flex;justify-content:space-between;gap:12px} .return-event-list time,.return-event-list em{font-size:.78rem;color:#667085} .return-portal-grid{display:grid;gap:14px} @media(max-width:760px){.postnl-delivery-mode,.return-flow-steps{grid-template-columns:1fr}.return-postnl-label-card,.return-label-ready,.return-label-create{align-items:stretch;flex-direction:column}.return-label-create label{min-width:0}} .postnl-v4-endpoints{display:grid;gap:.25rem;padding:.75rem 1rem;border-radius:12px;background:rgba(0,0,0,.035);word-break:break-all} .postnl-v4-endpoints small{display:block} /* V12.8.27 - PostNL checkout polish + Future Proof address/timeframe fixes */ .postnl-address-check{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid #d8e5f7;border-radius:14px;background:#f8fbff} .postnl-address-check>div{display:grid;gap:2px}.postnl-address-check>div b{font-size:13px}.postnl-address-check>div small{font-size:11px;color:var(--muted)} .postnl-address-result{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 9px;border-radius:999px;background:#eef3f8;color:#667085;font-size:11px;font-weight:800;white-space:nowrap} .postnl-address-result.success{background:#eaf8f0;color:#08724d}.postnl-address-result.warning{background:#fff4e5;color:#9a5a00}.postnl-address-result.loading{background:#eef5ff;color:#175ea8} .postnl-checkout-box{display:grid;gap:14px;border:1px solid #d8e5f7!important;border-radius:18px!important;padding:0!important;background:#fff!important;overflow:hidden;box-shadow:0 10px 28px rgba(7,29,69,.055)} .postnl-checkout-head{display:flex;align-items:center;gap:12px;padding:15px 16px;background:linear-gradient(135deg,#f5f9ff,#fff);border-bottom:1px solid #e4ecf6} .postnl-checkout-head>div{display:grid;gap:2px}.postnl-checkout-head b{font-size:14px}.postnl-checkout-head small{font-size:11px;color:var(--muted)} .postnl-checkout-logo{display:grid;place-items:center;min-width:62px;height:34px;padding:0 10px;border-radius:9px;background:#ff6200;color:#fff;font-weight:900;font-size:13px;letter-spacing:-.02em} .postnl-delivery-mode{padding:0 16px;margin:0!important} .postnl-delivery-card,.postnl-choice-card{position:relative;display:grid!important;grid-template-columns:20px minmax(0,1fr);align-items:start!important;gap:10px!important;padding:13px 14px!important;border:1px solid #dce5ef!important;border-radius:13px!important;background:#fff!important;cursor:pointer;min-width:0} .postnl-delivery-card:hover,.postnl-choice-card:hover{border-color:#a8c8ef!important;background:#fafdff!important} .postnl-delivery-card:has(input:checked),.postnl-choice-card:has(input:checked){border-color:#0a68e8!important;box-shadow:0 0 0 2px rgba(8,104,232,.08)!important;background:#f8fbff!important} .postnl-delivery-card input[type="radio"],.postnl-choice-card input[type="radio"]{appearance:auto!important;-webkit-appearance:radio!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;margin:2px 0 0!important;padding:0!important;border:0!important;box-shadow:none!important;accent-color:#0868e8} .postnl-delivery-card span,.postnl-choice-card span{display:grid!important;gap:3px!important;min-width:0}.postnl-delivery-card b,.postnl-choice-card b{font-size:13px;line-height:1.25}.postnl-delivery-card small,.postnl-choice-card small{font-size:11px;line-height:1.4;color:var(--muted);font-weight:500;overflow-wrap:anywhere} .postnl-home-options,.postnl-pickup-options{padding:0 16px 16px!important} .postnl-option-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid #e1e8f1;border-radius:13px;background:#fafcff} .postnl-option-toolbar>div{display:grid;gap:2px;min-width:0}.postnl-option-toolbar b{font-size:13px}.postnl-option-toolbar small{font-size:11px;color:var(--muted);line-height:1.4}.postnl-option-toolbar .btn{flex:0 0 auto;white-space:nowrap} .postnl-option-results{display:grid;gap:8px;margin-top:10px!important} .postnl-inline-status{padding:11px 12px;border-radius:11px;border:1px solid #dde6f1;background:#f8fafc;color:#536176;font-size:12px;line-height:1.45} .postnl-inline-status.info{border-color:#d7e7fa;background:#f5f9ff;color:#315c8d}.postnl-inline-status.warning{border-color:#f1d5a1;background:#fff9ec;color:#8a5600}.postnl-inline-status.loading{border-color:#d7e7fa;background:#f5f9ff;color:#315c8d} .postnl-mailbox-info{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 16px 16px;padding:14px;border:1px solid #d9e7f6;border-radius:14px;background:#f8fbff} .postnl-mailbox-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eaf3ff;font-size:20px}.postnl-mailbox-info>div{display:grid;gap:3px}.postnl-mailbox-info b{font-size:14px}.postnl-mailbox-info small{font-size:11px;line-height:1.45;color:var(--muted)}.postnl-badge{padding:5px 9px;border-radius:999px;background:#eaf8f0;color:#08724d;font-size:10px;font-weight:850;white-space:nowrap} .postnl-pickup-card small{line-height:1.5} @media(max-width:760px){.postnl-address-check{grid-template-columns:1fr}.postnl-address-result{justify-self:start}.postnl-delivery-mode{grid-template-columns:1fr!important}.postnl-option-toolbar{align-items:stretch;flex-direction:column}.postnl-option-toolbar .btn{width:100%}.postnl-mailbox-info{grid-template-columns:42px 1fr}.postnl-badge{grid-column:2;justify-self:start}} /* ====================================================================== V12.8.44 — oplossingen mobiel + rustige webshopvoorraad ====================================================================== */ @media(max-width:700px){ .solutions-hero,.solution-detail-hero,.solutions-feature,.solutions-recognition-overview,.solution-feature-dark,.solution-foundation-section,.solution-media-showcase-section,.solution-supplier-video-section,.solution-reference-section,.solutions-visual-index{overflow:hidden} .solutions-hero-copy,.solutions-feature-copy,.solutions-video-copy,.solutions-split-heading>*,.solutions-ai-intro>*,.solution-detail-copy,.solution-prose,.solution-dark-heading>*,.solution-supplier-video-copy,.solution-rich-heading{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal} .solutions-hero-copy h1,.solution-detail-copy h1{font-size:clamp(2rem,10vw,2.75rem)!important;line-height:1.08!important;letter-spacing:-.035em!important;margin-bottom:16px!important;overflow-wrap:anywhere} .solutions-feature-copy h2,.solutions-split-heading h2,.solutions-process h2,.solutions-cta h2,.solution-prose h2,.solution-dark-heading h2,.solution-supplier-video-copy h2{font-size:clamp(1.65rem,7.4vw,2.2rem)!important;line-height:1.14!important;letter-spacing:-.025em!important;overflow-wrap:anywhere} .solutions-ai-intro h3,.solutions-video-copy h3,.solution-prose h3{font-size:clamp(1.25rem,6vw,1.7rem)!important;line-height:1.22!important;overflow-wrap:anywhere} .solutions-lead,.solutions-heading-wide p,.solutions-split-heading>p,.solutions-feature-copy>p,.solutions-ai-intro p,.solutions-video-copy p,.solution-detail-copy>p,.solution-prose,.solution-prose p,.solution-prose li,.solution-supplier-video-copy p{font-size:.96rem!important;line-height:1.65!important;overflow-wrap:anywhere} .solutions-hero-actions,.solutions-inline-actions,.solutions-cta-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%;align-items:stretch!important} .solutions-hero-actions .btn,.solutions-inline-actions .btn,.solutions-cta-actions .btn{width:100%;text-align:center} .solutions-inline-actions .text-link,.solutions-cta-actions .text-link{display:block;padding:8px 2px;line-height:1.45} .solutions-hero-points{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:20px!important} .solutions-capability-card{grid-template-columns:44px minmax(0,1fr)!important;column-gap:12px!important;padding:16px!important;border-radius:16px!important} .solutions-capability-icon{width:44px!important;height:44px!important;border-radius:12px!important;font-size:1.1rem!important} .solutions-capability-card strong{font-size:.98rem!important;line-height:1.3}.solutions-capability-card small{font-size:.82rem!important;line-height:1.48}.solutions-capability-card b{font-size:.75rem!important} .solutions-showcase-grid,.solutions-three-columns,.solutions-ai-intro,.solutions-official-demo-grid,.solutions-ai-cards,.solutions-video-grid,.solutions-process-grid,.solutions-usecase-grid,.solutions-split-heading,.solutions-feature-grid,.solutions-zebra-product-row,.solution-detail-main-grid,.solution-dark-heading,.solution-dark-feature-grid,.solution-zebra-grid,.solution-link-columns,.solution-related-grid,.solution-foundation-grid,.solution-reference-grid,.solution-capability-detail-grid,.solution-supplier-video-grid{grid-template-columns:1fr!important} .solutions-video-grid,.solution-supplier-video-grid{padding:16px!important;gap:18px!important;border-radius:18px!important;margin-top:30px!important} .solutions-product-card{padding:16px!important;border-radius:18px!important}.solutions-product-card>img{height:190px!important}.solutions-product-card>div{padding:10px 0 0!important} .solutions-official-demo figcaption,.solutions-visual-index-copy,.solution-media-card figcaption{padding:14px!important} .solutions-note,.privacy-practical-note{padding:14px 15px!important;font-size:.9rem!important;line-height:1.55!important} .solutions-recognition-grid article{grid-template-columns:38px minmax(0,1fr)!important;gap:12px!important;padding:16px!important}.solutions-recognition-grid article>span{width:38px!important;height:38px!important} .solutions-recognition-callout{padding:16px!important;gap:14px!important}.solutions-recognition-callout .btn{width:100%!important} .solutions-cta-inner{padding:24px 18px!important;border-radius:20px!important;gap:18px!important} .solutions-hero-media,.solutions-environment-media,.solution-detail-visual{border-radius:16px!important} .solutions-hero-media{max-height:none!important;aspect-ratio:16/10!important}.solutions-hero-media img{max-height:none!important} .solutions-environment-media{max-height:none!important}.solutions-showcase-main{min-height:0!important;max-height:none!important} .solutions-official-diagram>img,.solutions-official-demo>img,.solution-official-screen img{width:100%!important;height:auto!important;min-height:0!important;max-height:300px!important;object-fit:contain!important} .solutions-video-frame,.solutions-video-frame iframe{width:100%!important;max-width:100%!important}.solutions-video-frame{aspect-ratio:16/9!important} .solution-detail-main{padding-top:36px!important}.solution-contact-card{position:static!important;margin-top:8px!important;padding:18px!important} .solution-prose img,.solution-prose video,.solution-prose iframe,.solution-prose svg{max-width:100%!important;height:auto}.solution-prose iframe{width:100%!important;aspect-ratio:16/9}.solution-prose table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} .solution-chip-list{display:grid!important;grid-template-columns:1fr!important}.solution-chip-list a{display:flex!important;white-space:normal!important;overflow-wrap:anywhere!important;border-radius:12px!important} .solution-topic-nav{margin-left:-14px!important;margin-right:-14px!important;padding-left:14px!important;padding-right:14px!important;max-width:calc(100% + 28px)!important} .solution-media-strip{margin-right:-14px!important;padding-right:14px!important}.solution-media-card{flex-basis:calc(100vw - 56px)!important;max-width:340px!important} .solution-product-copy h3,.solution-product-copy p,.solutions-visual-index-copy h3,.solutions-visual-index-copy p,.solution-related-grid h3,.solution-related-grid p{overflow-wrap:anywhere!important} } @media(max-width:420px){ .solutions-hero-copy h1,.solution-detail-copy h1{font-size:2rem!important} .solutions-feature-copy h2,.solutions-split-heading h2,.solutions-process h2,.solutions-cta h2,.solution-prose h2,.solution-dark-heading h2,.solution-supplier-video-copy h2{font-size:1.65rem!important} .solutions-capability-card{grid-template-columns:40px minmax(0,1fr)!important;padding:14px!important}.solutions-capability-icon{width:40px!important;height:40px!important} .solutions-video-grid,.solution-supplier-video-grid{padding:13px!important} } /* V12.8.45 — BlueStar leveranciersfeed */ .bluestar-feed-files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.supplier-feed-file{display:grid;gap:3px;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--soft)}.supplier-feed-file>b{font-size:13px}.supplier-feed-file>span{font-weight:850}.supplier-feed-file>small{color:var(--muted)}@media(max-width:760px){.bluestar-feed-files{grid-template-columns:1fr}} /* v12.8.46 — centraal telefoonnummer en WhatsApp-contact */ .contact-direct-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.contact-direct-actions .btn{flex:1 1 190px}.btn.whatsapp{background:#1f9d55;color:#fff;border:1px solid #1f9d55}.btn.whatsapp:hover{filter:brightness(.96)}.contact-facts a{font-weight:800}.footer-direct-contact{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.footer-direct-contact a{display:inline-flex!important;align-items:center;margin:0!important;padding:7px 10px;border:1px solid #ffffff2a;border-radius:9px;background:#ffffff0a;color:#e4efff!important;font-weight:750;font-size:12px}.footer-direct-contact a:hover{background:#ffffff14} @media(max-width:560px){.contact-direct-actions{display:grid}.contact-direct-actions .btn{width:100%}.footer-direct-contact{display:grid}.footer-direct-contact a{justify-content:center}} /* v12.8.52 - zoekintentie op oplossingspagina's */ .solution-search-intent-section{padding-top:clamp(2.5rem,5vw,5rem);padding-bottom:clamp(2.5rem,5vw,5rem)} .solution-search-intent-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(1.5rem,4vw,4rem);align-items:start} .solution-search-intent-grid h2{max-width:22ch;margin:.45rem 0 1rem} .solution-search-intent-grid p{max-width:72ch} .solution-search-intent-links{display:grid;gap:.75rem} .solution-search-intent-links a{display:flex;flex-direction:column;gap:.2rem;padding:1rem 1.1rem;border:1px solid var(--border,#e4e7eb);border-radius:14px;background:var(--surface,#fff);text-decoration:none;color:inherit} .solution-search-intent-links a:hover{transform:translateY(-1px)} .solution-search-intent-links span{font-size:.92rem;opacity:.72} @media(max-width:760px){.solution-search-intent-grid{grid-template-columns:1fr}.solution-search-intent-links{grid-template-columns:1fr}.solution-search-intent-grid h2{max-width:none}} /* V12.8.54 — subtiele hulp-CTA op oplossingspagina's */ .solution-whatsapp-nudge{border-top:1px solid rgba(15,23,42,.08);background:#f8fafc}.solution-whatsapp-nudge-inner{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;padding:13px 18px;color:#64748b;font-size:14px}.solution-whatsapp-nudge a{font-weight:750;color:#1f6f5b;text-decoration:none;border-bottom:1px solid rgba(31,111,91,.28)}.solution-whatsapp-nudge a:hover{color:#155445;border-bottom-color:currentColor}@media(max-width:640px){.solution-whatsapp-nudge-inner{justify-content:flex-start;padding-top:12px;padding-bottom:12px}} /* V12.8.59 — compact inklapbaar beheermenu + live werklastbadges */ .portal-sidebar.admin-side{padding:14px 10px;gap:0;min-width:0;transition:width .18s ease,padding .18s ease} .admin-side-brandrow{display:flex;align-items:center;gap:8px;padding:0 2px 10px} .admin-side .portal-brand{flex:1;min-width:0;padding:7px 8px 10px;white-space:nowrap} .admin-side .portal-brand .admin-brand-main{font-size:22px;font-weight:950} .admin-side .portal-brand .admin-brand-sub{font-size:13px;font-weight:600;opacity:.84} .admin-side-toggle{width:32px;height:32px;flex:0 0 32px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(255,255,255,.07);color:#fff;font:800 20px/1 inherit;cursor:pointer;display:grid;place-items:center;transition:.18s ease} .admin-side-toggle:hover{background:rgba(255,255,255,.15)} .admin-side-nav{display:flex;flex-direction:column;gap:2px;min-width:0} .admin-side-nav>a{display:flex;align-items:center;gap:9px;min-height:36px;padding:7px 9px!important;border-radius:9px!important;font-size:13px!important;line-height:1.2;min-width:0} .admin-side-nav hr{margin:8px 0!important} .admin-nav-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 23px;width:23px;min-width:23px;font-size:15px;line-height:1} .admin-nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .admin-nav-badge{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:21px;padding:0 7px;border-radius:999px;font-size:10px;font-weight:950;line-height:1;color:#fff;background:#1976d2;box-shadow:0 0 0 1px rgba(255,255,255,.12)} .admin-nav-badge.is-warning{background:#d97706}.admin-nav-badge.is-danger{background:#dc3545}.admin-nav-badge.is-info{background:#1877d2} .portal-shell{transition:grid-template-columns .18s ease} .portal-shell.admin-sidebar-collapsed{grid-template-columns:68px 1fr} .admin-side.is-collapsed{padding-left:7px;padding-right:7px} .admin-side.is-collapsed .admin-side-brandrow{justify-content:center;padding-bottom:8px} .admin-side.is-collapsed .portal-brand{display:none} .admin-side.is-collapsed .admin-side-toggle{transform:rotate(180deg)} .admin-side.is-collapsed .admin-side-nav>a{justify-content:center;padding:7px 5px!important;position:relative} .admin-side.is-collapsed .admin-nav-label{display:none} .admin-side.is-collapsed .admin-nav-badge{position:absolute;right:1px;top:1px;min-width:17px;height:17px;padding:0 4px;font-size:8px} .admin-side.is-collapsed .admin-nav-icon{font-size:17px} /* V12.8.59 — één duidelijke productcontent-verdelingsbalk */ .aim-content-progress-card{margin:12px 0 16px;padding:14px;border:1px solid #d7e3f2;border-radius:14px;background:#fbfdff} .aim-content-progress-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px} .aim-content-progress-head>div:first-child{display:grid;gap:3px}.aim-content-progress-head small{color:var(--muted);font-size:11px} .aim-content-progress-head>div:last-child{text-align:right}.aim-content-progress-head>div:last-child b{display:block;font-size:18px;color:var(--navy)}.aim-content-progress-head>div:last-child span{font-size:11px;color:var(--muted)} .aim-content-progress-track{height:18px;display:flex;overflow:hidden;border-radius:999px;background:#dbeafe;box-shadow:inset 0 0 0 1px rgba(7,29,69,.07)} .aim-content-progress-segment{display:block;height:100%;min-width:1px}.aim-content-progress-segment.is-pending{background:#2684ff}.aim-content-progress-segment.is-done{background:#16a36a}.aim-content-progress-segment.is-problem{background:#db4c58}.aim-content-progress-segment.is-review{background:#f29c38} .aim-content-progress-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px} .aim-content-progress-legend>div,.aim-content-progress-legend>a{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);min-width:0} .aim-content-progress-legend i{width:9px;height:9px;border-radius:50%;background:#2684ff}.aim-content-progress-legend .is-done i{background:#16a36a}.aim-content-progress-legend .is-problem i{background:#db4c58}.aim-content-progress-legend .is-review i{background:#f29c38} .aim-content-progress-legend span{font-size:11px;min-width:0}.aim-content-progress-legend b{font-size:13px}.aim-content-progress-legend small{font-size:9px;color:var(--muted)} .aim-content-progress-legend>a:hover{border-color:#a9c9ef;box-shadow:0 5px 16px rgba(7,29,69,.06)} .aim-content-progress-meta{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:10px;font-size:10px;color:var(--muted)}.aim-content-progress-meta a{font-weight:800} .aim-content-progress-notice{margin-top:10px;padding:9px 10px;border-radius:9px;background:#fff7e8;color:#815207;font-size:11px;line-height:1.45} .aim-content-daily{margin-top:14px;padding-top:13px;border-top:1px solid #e4edf7} .aim-content-daily-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px} .aim-content-daily-head>div:first-child{display:grid;gap:3px}.aim-content-daily-head small{font-size:10px;color:var(--muted);line-height:1.4} .aim-content-daily-kpis{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.aim-content-daily-kpis span{padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:10px;color:var(--muted);white-space:nowrap}.aim-content-daily-kpis b{color:var(--navy);font-size:12px} .aim-content-daily-chart{height:150px;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));align-items:end;gap:6px;padding:8px 4px 0;border-radius:11px;background:linear-gradient(to top,rgba(223,232,243,.55) 1px,transparent 1px);background-size:100% 25%} .aim-content-daily-column{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto auto;align-items:end;justify-items:center;gap:3px;min-width:0}.aim-content-daily-column>b{font-size:10px;color:var(--ink)}.aim-content-daily-column>small{font-size:8px;color:var(--muted);white-space:nowrap} .aim-content-daily-bars{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px;min-height:70px}.aim-content-daily-bars i{display:block;width:min(12px,42%);min-width:3px;border-radius:4px 4px 1px 1px}.aim-content-daily-bars .is-done{background:#16a36a}.aim-content-daily-bars .is-failed{background:#db4c58} .aim-content-daily-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:8px;font-size:9px;color:var(--muted)}.aim-content-daily-legend span{display:inline-flex;align-items:center;gap:5px}.aim-content-daily-legend i{width:8px;height:8px;border-radius:2px}.aim-content-daily-legend .is-done i{background:#16a36a}.aim-content-daily-legend .is-failed i{background:#db4c58} @media(max-width:900px){ .portal-shell.admin-sidebar-collapsed{grid-template-columns:1fr} .portal-sidebar.admin-side{display:block;padding:8px 10px} .admin-side-brandrow{display:none} .admin-side-nav{display:flex;flex-direction:row;gap:5px;overflow:auto;scrollbar-width:thin} .admin-side-nav>a,.admin-side.is-collapsed .admin-side-nav>a{justify-content:flex-start;flex:0 0 auto;padding:8px 10px!important} .admin-side.is-collapsed .admin-nav-label{display:inline} .admin-side.is-collapsed .admin-nav-badge{position:static;min-width:22px;height:20px;padding:0 6px;font-size:9px} .admin-side-nav hr{display:none} .aim-content-progress-legend{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:600px){.aim-content-progress-head{align-items:flex-start}.aim-content-progress-legend{grid-template-columns:1fr}.aim-content-progress-head>div:last-child{white-space:nowrap}} /* V12.8.59 — crawlbare numerieke productpaginatie */ .catalog-pagination{flex-wrap:wrap;gap:7px}.catalog-pagination a,.catalog-pagination span{padding:8px 11px;min-width:38px;text-align:center}.catalog-pagination .active{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:900}.catalog-pagination .pagination-gap{background:transparent;border-color:transparent;padding-left:4px;padding-right:4px;min-width:auto;color:var(--muted)} /* V12.8.60 — uitvouwbare beheermenu-groepen */ .admin-nav-group{display:block;min-width:0} .admin-nav-group-toggle{appearance:none;width:100%;border:0;background:transparent;color:rgba(255,255,255,.78);display:flex;align-items:center;gap:9px;min-height:34px;padding:7px 9px;border-radius:9px;font:800 11px/1.2 inherit;cursor:pointer;text-align:left;min-width:0;transition:background .15s ease,color .15s ease} .admin-nav-group-toggle:hover,.admin-nav-group.is-open>.admin-nav-group-toggle{background:rgba(255,255,255,.07);color:#fff} .admin-nav-group-toggle .admin-nav-label{font-size:11px;letter-spacing:.02em} .admin-nav-group-arrow{margin-left:4px;font-size:13px;opacity:.7;transition:transform .16s ease;flex:0 0 auto} .admin-nav-group.is-open>.admin-nav-group-toggle .admin-nav-group-arrow{transform:rotate(180deg)} .admin-nav-group-body{display:none;flex-direction:column;gap:2px;padding:2px 0 4px 8px;min-width:0} .admin-nav-group.is-open>.admin-nav-group-body{display:flex} .admin-nav-group-body>a,.admin-side-nav>.admin-nav-direct{display:flex;align-items:center;gap:9px;min-height:34px;padding:7px 9px!important;border-radius:9px!important;font-size:12px!important;line-height:1.2;min-width:0} .admin-nav-group-body>a{padding-left:10px!important} .admin-nav-group-body>a.active{box-shadow:inset 3px 0 0 rgba(255,255,255,.92)} .admin-side.is-collapsed .admin-nav-group-toggle,.admin-side.is-collapsed .admin-nav-group-body>a,.admin-side.is-collapsed .admin-side-nav>.admin-nav-direct{justify-content:center;padding:7px 5px!important;position:relative} .admin-side.is-collapsed .admin-nav-group-body{padding-left:0} .admin-side.is-collapsed .admin-nav-group-arrow{display:none} .admin-side.is-collapsed .admin-nav-group-toggle .admin-nav-icon{font-size:17px} .admin-side.is-collapsed .admin-nav-group-body>a.active{box-shadow:none;background:rgba(255,255,255,.16)} /* V12.8.60 — menselijke beoordeling direct in AI & Marketing */ .aim-human-review{border-color:#f3c98b;background:linear-gradient(180deg,#fffdf8,#fff)} .aim-human-review-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;border:1px solid #eadfcf;border-radius:12px;background:#fffaf2;margin-bottom:12px} .aim-human-review-toolbar label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;margin:0}.aim-human-review-toolbar label input[type=checkbox]{width:auto} .aim-human-review-toolbar select,.aim-human-review-toolbar input[type=text]{width:auto;min-width:180px;padding:9px 10px} .aim-human-review-toolbar .aim-human-spacer{flex:1 1 auto} .aim-human-review-count{font-size:11px;color:var(--aim-muted);font-weight:800} .aim-human-review-list{display:grid;gap:9px} .aim-human-review-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:start;border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:#fff} .aim-human-review-item.is-hidden{display:none} .aim-human-review-item.is-urgent{border-left:4px solid #db4c58}.aim-human-review-item.is-content{border-left:4px solid #f29c38}.aim-human-review-item.is-ai{border-left:4px solid #7c3aed} .aim-human-review-select{padding-top:3px}.aim-human-review-select input{width:auto} .aim-human-review-main h3{font-size:14px;margin:3px 0 5px}.aim-human-review-main p{margin:4px 0;color:var(--aim-muted);font-size:12px;line-height:1.45}.aim-human-review-main .question{color:#17233b;font-weight:750} .aim-human-review-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.aim-human-review-meta span{font-size:10px;padding:4px 7px;border-radius:999px;background:#eef4fb;color:#42536d;font-weight:800}.aim-human-review-meta .risk-high{background:#fff0f1;color:#a52636}.aim-human-review-meta .risk-financial{background:#fff3dc;color:#8d5707} .aim-human-review-side{min-width:120px;text-align:right}.aim-human-review-side strong{display:block;font-size:18px}.aim-human-review-side small{display:block;color:var(--aim-muted);font-size:10px;margin-bottom:7px} .aim-human-review-side a{font-size:11px;font-weight:800} .aim-human-review-warning{font-size:11px;line-height:1.45;color:#7a4d07;background:#fff7e8;border:1px solid #f3d19b;border-radius:10px;padding:9px 10px;margin:0 0 11px} @media(max-width:900px){ .admin-nav-group{display:contents}.admin-nav-group-toggle{display:none!important}.admin-nav-group-body,.admin-nav-group.is-open>.admin-nav-group-body{display:contents!important;padding:0} .admin-nav-group-body>a,.admin-side.is-collapsed .admin-nav-group-body>a,.admin-side-nav>.admin-nav-direct,.admin-side.is-collapsed .admin-side-nav>.admin-nav-direct{justify-content:flex-start;flex:0 0 auto;padding:8px 10px!important;position:relative} .aim-human-review-item{grid-template-columns:auto minmax(0,1fr)}.aim-human-review-side{grid-column:2;text-align:left;min-width:0}.aim-human-review-toolbar .aim-human-spacer{display:none} } @media(max-width:620px){.aim-human-review-toolbar{align-items:stretch}.aim-human-review-toolbar select,.aim-human-review-toolbar input[type=text]{width:100%;min-width:0}.aim-human-review-item{grid-template-columns:auto minmax(0,1fr)}} /* V12.8.61 — refined admin sidebar design */ .portal-sidebar.admin-side{ background:linear-gradient(180deg,#111827 0%,#101a2d 52%,#0b1830 100%)!important; border-right:1px solid rgba(148,163,184,.12); box-shadow:12px 0 32px rgba(4,12,28,.08); padding:12px 10px 14px!important; overflow-y:auto; scrollbar-width:thin; scrollbar-color:rgba(148,163,184,.22) transparent; } .portal-sidebar.admin-side::-webkit-scrollbar{width:5px} .portal-sidebar.admin-side::-webkit-scrollbar-thumb{background:rgba(148,163,184,.22);border-radius:99px} .admin-side-brandrow{padding:2px 4px 12px!important;border-bottom:1px solid rgba(148,163,184,.10);margin-bottom:9px} .admin-side .portal-brand{padding:5px 6px!important;display:flex;align-items:baseline;gap:5px;color:#fff} .admin-side .portal-brand .admin-brand-main{font-size:20px!important;letter-spacing:-.04em} .admin-side .portal-brand .admin-brand-sub{font-size:11px!important;color:#93a4bd;opacity:1!important;font-weight:700!important} .admin-side-toggle{width:29px!important;height:29px!important;flex-basis:29px!important;border-radius:8px!important;border-color:rgba(148,163,184,.18)!important;background:rgba(148,163,184,.07)!important;color:#cbd5e1!important;font-size:17px!important;box-shadow:none!important} .admin-side-toggle:hover{background:rgba(59,130,246,.15)!important;color:#fff!important;border-color:rgba(96,165,250,.28)!important} .admin-side-nav{gap:4px!important} .admin-side-nav>.admin-nav-direct, .admin-nav-group-body>a{ position:relative; color:#cbd5e1!important; background:transparent!important; border:1px solid transparent; min-height:34px!important; padding:7px 9px!important; border-radius:9px!important; font-size:11.5px!important; font-weight:650; transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease!important; } .admin-side-nav>.admin-nav-direct:hover, .admin-nav-group-body>a:hover{ background:rgba(148,163,184,.08)!important; border-color:rgba(148,163,184,.08)!important; color:#fff!important; } .admin-side-nav>.admin-nav-direct.active, .admin-nav-group-body>a.active{ background:linear-gradient(90deg,rgba(37,99,235,.30),rgba(37,99,235,.13))!important; border-color:rgba(96,165,250,.20)!important; color:#fff!important; box-shadow:none!important; font-weight:800!important; } .admin-side-nav>.admin-nav-direct.active:before, .admin-nav-group-body>a.active:before{ content:""; position:absolute; left:-1px; top:7px; bottom:7px; width:2px; border-radius:99px; background:#60a5fa; } .admin-nav-icon{ width:22px!important;min-width:22px!important;flex-basis:22px!important; height:22px; border-radius:7px; font-size:13px!important; color:#9fb3cf; } .admin-nav-label{line-height:1.15} .admin-nav-group{margin:1px 0 2px!important} .admin-nav-group-toggle{ appearance:none!important; -webkit-appearance:none!important; width:100%!important; min-height:33px!important; display:flex!important; align-items:center!important; gap:8px!important; padding:6px 8px!important; border:1px solid rgba(148,163,184,.08)!important; border-radius:9px!important; outline:0!important; background:rgba(148,163,184,.035)!important; color:#8fa3bf!important; box-shadow:none!important; text-align:left!important; cursor:pointer!important; font-family:inherit!important; font-size:10.5px!important; font-weight:800!important; line-height:1.15!important; letter-spacing:.015em!important; transition:background .14s ease,border-color .14s ease,color .14s ease!important; } .admin-nav-group-toggle:hover{ background:rgba(148,163,184,.075)!important; border-color:rgba(148,163,184,.13)!important; color:#e2e8f0!important; } .admin-nav-group.is-open>.admin-nav-group-toggle, .admin-nav-group:has(a.active)>.admin-nav-group-toggle{ background:rgba(37,99,235,.10)!important; border-color:rgba(96,165,250,.13)!important; color:#dbeafe!important; } .admin-nav-group-toggle .admin-nav-icon{ width:20px!important;min-width:20px!important;flex-basis:20px!important;height:20px!important; font-size:12px!important; opacity:.92; } .admin-nav-group-toggle .admin-nav-label{font-size:10.5px!important;font-weight:800!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .admin-nav-group-toggle>.admin-nav-label+.admin-nav-group-arrow{margin-left:auto!important} .admin-nav-group-toggle>.admin-nav-badge{margin-left:auto!important} .admin-nav-group-toggle>.admin-nav-badge+.admin-nav-group-arrow{margin-left:3px!important} .admin-nav-group-arrow{ display:inline-grid!important;place-items:center; width:18px;height:18px; margin-right:-2px; border-radius:6px; color:#71839c!important; opacity:1!important; font-size:11px!important; line-height:1!important; transition:transform .16s ease,background .14s ease,color .14s ease!important; } .admin-nav-group-toggle:hover .admin-nav-group-arrow{background:rgba(148,163,184,.08);color:#cbd5e1!important} .admin-nav-group.is-open>.admin-nav-group-toggle .admin-nav-group-arrow{transform:rotate(180deg)!important;color:#93c5fd!important} .admin-nav-group-body{ display:none; flex-direction:column; gap:1px!important; margin:4px 0 7px 10px!important; padding:2px 0 2px 10px!important; border-left:1px solid rgba(148,163,184,.13); } .admin-nav-group.is-open>.admin-nav-group-body{display:flex!important} .admin-nav-group-body>a{padding-left:8px!important} .admin-nav-badge{ min-width:19px!important; height:18px!important; padding:0 5px!important; border-radius:99px!important; font-size:8.5px!important; line-height:18px!important; font-weight:900!important; letter-spacing:-.01em; box-shadow:none!important; border:1px solid transparent; flex:0 0 auto; } .admin-nav-badge.is-info{background:rgba(59,130,246,.18)!important;color:#bfdbfe!important;border-color:rgba(96,165,250,.18)!important} .admin-nav-badge.is-warning{background:rgba(245,158,11,.17)!important;color:#fcd58a!important;border-color:rgba(245,158,11,.18)!important} .admin-nav-badge.is-danger{background:rgba(239,68,68,.17)!important;color:#fca5a5!important;border-color:rgba(248,113,113,.18)!important} .admin-nav-group-body>a.active .admin-nav-badge{background:rgba(255,255,255,.13)!important;color:#fff!important;border-color:rgba(255,255,255,.10)!important} .admin-side-nav hr{margin:8px 5px!important;border-top-color:rgba(148,163,184,.11)!important} /* collapsed = echt compacte icon-rail; submenu opent na klik automatisch de brede sidebar */ .admin-side.is-collapsed{padding-left:8px!important;padding-right:8px!important} .admin-side.is-collapsed .admin-side-brandrow{border-bottom:0!important;margin-bottom:3px!important;padding-bottom:5px!important} .admin-side.is-collapsed .admin-nav-group-body{display:none!important} .admin-side.is-collapsed .admin-nav-group{margin:0!important} .admin-side.is-collapsed .admin-nav-group-toggle, .admin-side.is-collapsed .admin-side-nav>.admin-nav-direct{ width:42px!important;height:38px!important;min-height:38px!important; margin:0 auto!important; padding:7px!important; justify-content:center!important; border-radius:10px!important; } .admin-side.is-collapsed .admin-nav-group-toggle .admin-nav-icon, .admin-side.is-collapsed .admin-side-nav>.admin-nav-direct .admin-nav-icon{font-size:15px!important;width:24px!important;min-width:24px!important} .admin-side.is-collapsed .admin-nav-group-toggle .admin-nav-badge, .admin-side.is-collapsed .admin-side-nav>.admin-nav-direct .admin-nav-badge{position:absolute!important;right:-2px!important;top:-2px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;font-size:7px!important;line-height:16px!important} @media(max-width:900px){ .portal-sidebar.admin-side{padding:8px 10px!important;overflow-x:auto;overflow-y:hidden} .admin-nav-group{display:contents!important} .admin-nav-group-toggle{display:none!important} .admin-nav-group-body,.admin-nav-group.is-open>.admin-nav-group-body{display:contents!important;margin:0!important;padding:0!important;border:0!important} .admin-nav-group-body>a,.admin-side-nav>.admin-nav-direct{flex:0 0 auto!important;min-height:36px!important;padding:8px 10px!important} .admin-side.is-collapsed .admin-nav-group-body{display:contents!important} .admin-side.is-collapsed .admin-side-nav>.admin-nav-direct{width:auto!important;height:auto!important;margin:0!important;justify-content:flex-start!important} .admin-side.is-collapsed .admin-side-nav>.admin-nav-direct .admin-nav-badge{position:static!important} } @media(max-width:800px){.aim-content-daily-head{display:grid}.aim-content-daily-kpis{justify-content:flex-start}.aim-content-daily-chart{gap:3px}.aim-content-daily-column>small{font-size:7px}} @media(max-width:600px){.aim-content-daily-chart{overflow-x:auto;grid-template-columns:repeat(14,minmax(24px,1fr));padding-bottom:4px}.aim-content-daily-bars i{width:8px}} /* Keep the category scroller inside the mobile page gutters. */ @media(max-width:650px){.catalog-compact-subcategories{margin-right:0;padding-right:0}} /* Readable labels and a sequential heading structure in the public footer. */ .home-solution-cards small{color:#596a80} .product-card-meta .product-brand-link{color:#0757bd} .footer h2{font-size:1rem;line-height:1.4;margin:1.33em 0;color:#fff} /* Category counters, related links and FAQ controls remain readable on mobile. */ .catalog-compact-subcategories a small{color:#52647e} .category-supporting-solutions a span{color:#52647e} .faq-list summary{min-height:44px;padding:10px 0;cursor:pointer} /* Render lower homepage sections when they approach the viewport; retain their measured size. */ @supports(content-visibility:auto){ .home-solutions-section,.home-intelligence-section,.why-rs-section,.home-brand-section,.smart-home-recommendations{content-visibility:auto;contain-intrinsic-block-size:auto var(--home-content-height,1000px)} .home-solutions-section{--home-content-height:1180px}.home-intelligence-section{--home-content-height:800px}.why-rs-section{--home-content-height:470px}.home-brand-section{--home-content-height:310px}.smart-home-recommendations{--home-content-height:1310px} @media(max-width:700px){.home-solutions-section{--home-content-height:2930px}.home-intelligence-section{--home-content-height:1290px}.why-rs-section{--home-content-height:870px}.home-brand-section{--home-content-height:890px}.smart-home-recommendations{--home-content-height:4000px}} @media print{.home-solutions-section,.home-intelligence-section,.why-rs-section,.home-brand-section,.smart-home-recommendations{content-visibility:visible;contain-intrinsic-block-size:none}} } /* Keep product illustrations complete in editorial comparisons. */ .article-hero.article-hero-product{object-fit:contain;background:#f6f9fc;padding:28px;max-height:440px} @media(max-width:650px){.article-hero.article-hero-product{max-height:280px;padding:18px}} /* Compact mobile navigation: webshop first, solution links on demand. */ .nav-solutions-trigger-row{display:flex;align-items:center} .nav-solutions-toggle{display:none} @media(max-width:1000px){ .main-nav{gap:4px;max-height:calc(100vh - 130px);max-height:calc(100dvh - 130px);overflow-y:auto;overscroll-behavior:contain} .main-nav>.mobile-account-link{order:-2;margin-bottom:6px} .main-nav>.nav-catalog{order:-1} .main-nav .nav-catalog-trigger{justify-content:space-between;min-height:48px;padding:0 12px;border-radius:10px;background:#edf5ff;border:1px solid #cfe3ff} .main-nav .nav-catalog-trigger>a{display:flex;align-items:center;min-height:46px;flex:1;color:var(--blue);font-weight:850} .main-nav .nav-catalog-trigger button{min-width:44px;min-height:44px} .main-nav .nav-solutions{display:block;width:100%} .main-nav .nav-solutions-trigger-row{justify-content:space-between;min-height:44px;padding-left:12px} .main-nav .nav-solutions-trigger{min-height:44px;flex:1} .main-nav .nav-solutions-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;cursor:pointer} .main-nav .nav-solutions-toggle[aria-expanded="true"]{transform:rotate(180deg)} .main-nav .nav-solutions .nav-solutions-menu{display:none;margin-top:4px} .main-nav .nav-solutions.open .nav-solutions-menu{display:grid} }