:root{--blue:#075eac;--navy:#09365c;--bg:#f3f6fa;--text:#213044;--muted:#66758a;--line:#dde5ed;--yellow:#ffcb35}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,Arial,sans-serif}.wrap{max-width:1200px;margin:auto;padding:0 20px}.topbar{background:#fff;box-shadow:0 2px 12px #1233}.nav{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:76px}.brand{text-decoration:none;color:var(--navy);font-size:21px;font-weight:800;white-space:nowrap}.mark{display:inline-grid;place-items:center;color:#fff;background:var(--blue);height:35px;width:35px;border-radius:10px;margin-right:7px}.nav nav{display:flex;gap:18px;flex-wrap:wrap}.nav nav a,.tabs a{color:var(--blue);text-decoration:none;font-weight:650}.nav nav a:hover,.tabs a:hover{text-decoration:underline}main{min-height:74vh;padding-top:26px!important}.hero{padding:28px 30px;border-radius:18px;background:linear-gradient(125deg,#075eac,#082e56);color:white;margin-bottom:24px}.hero h1{font-size:clamp(25px,3vw,38px);margin:0 0 7px}.hero p{margin:6px 0}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:800;color:#ffe18a}.deadline{font-weight:700;color:#ffe18a}.panel{background:white;border:1px solid var(--line);border-radius:15px;box-shadow:0 5px 20px #2130440a;padding:23px;margin-bottom:21px}.panel h2{font-size:20px;color:var(--navy);margin:0 0 18px}.panel h3{margin:0 0 8px;font-size:18px;color:var(--navy)}h1{line-height:1.2}.narrow{max-width:640px;margin:25px auto}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:22px}.fields,.product-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid{display:grid;gap:16px}.inline-form{display:flex;align-items:end;flex-wrap:wrap;gap:15px}.inline-form label{min-width:170px;flex:1}.fields>.full,.product-controls>.full{grid-column:1/-1}label{display:grid;gap:6px;color:#3a516b;font-size:12px;font-weight:750;text-transform:uppercase}input,select,textarea{font:inherit;width:100%;min-height:43px;padding:9px 11px;background:#fff;border:1px solid #cbd6e3;border-radius:9px;color:var(--text)}input:focus,select:focus{outline:2px solid #abd3f7;border-color:var(--blue)}input[readonly],input:disabled{background:#edf2f6;color:#5b6575}input[type=file]{padding:7px}.check{display:flex;flex-direction:row;align-items:center;text-transform:none;font-weight:600;font-size:14px;gap:8px}.check input{height:18px;width:18px;min-height:unset}.checks{display:flex;gap:13px;flex-wrap:wrap}.button{border:0;background:var(--blue);color:#fff;font:inherit;font-weight:800;display:inline-block;text-decoration:none;padding:12px 19px;border-radius:10px;cursor:pointer;text-align:center}.button:hover{background:#064a87}.button:disabled{background:#9eaabb;cursor:wait}.full-button{width:100%;margin-top:14px;padding:16px}.muted{color:var(--muted)}.small{font-size:12px}.notice{padding:14px 17px;border-radius:10px;margin-bottom:20px;background:#e8f7ec;border:1px solid #a3dfb2;color:#215934}.notice.error{background:#fff0ef;border-color:#f2b4b0;color:#9c2622}.product{padding:0;overflow:hidden}.product-main{display:grid;grid-template-columns:155px minmax(0,1fr);gap:17px;padding:18px}.photo{display:grid;place-items:center;background:#f6f8fa;border-radius:10px;height:150px;overflow:hidden}.photo img{max-height:100%;max-width:100%;object-fit:contain}.photo span{font-size:50px}.product-main p{margin:5px 0}.price-line{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.price-line>span{display:grid;background:#eef3f9;border-radius:7px;padding:6px 13px;font-size:12px}.price-line strong{color:var(--navy);font-size:19px}.price-line .flyer{background:#fff0ee}.price-line .flyer strong{color:#c52d26}.product-controls{background:#f9fafc;border-top:1px solid var(--line);padding:17px}.qty{border:2px solid var(--blue);font-size:21px;font-weight:800;color:var(--blue)}.product>.small{padding:0 17px}.sticky{position:sticky;top:18px}.pill{background:#e4f2ff;color:var(--blue);font-size:12px;padding:3px 9px;border-radius:20px}.summary-total{border-top:1px solid var(--line);margin-top:15px;padding-top:15px;display:flex;justify-content:space-between;font-weight:750}.summary-total b{font-size:18px;color:var(--navy)}.cart-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dotted var(--line);padding:8px 0;font-size:13px}.cart-row strong{white-space:nowrap}.footer{color:#8090a2;font-size:12px;border-top:1px solid var(--line);padding:20px;margin-top:35px}.admin-head{margin:0 0 25px}.tabs{display:flex;gap:10px 21px;flex-wrap:wrap;padding:14px 0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{display:grid;gap:5px}.stat b{font-size:32px;color:var(--blue)}.stat span{color:var(--muted)}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:590px}td,th{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f4f7fa;color:var(--navy)}td a{color:var(--blue);font-weight:700}.status-form{display:flex;gap:5px}.status-form select{min-width:90px;padding:4px;min-height:30px}.status-form button{border:none;border-radius:5px;background:var(--blue);color:white;cursor:pointer}@media(max-width:860px){.page-grid{grid-template-columns:1fr}.sticky{position:static}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.wrap{padding:0 12px}.nav{align-items:flex-start;padding:12px;flex-direction:column}.nav nav{gap:12px}.hero{padding:23px}.panel{padding:16px}.product{padding:0}.product-main{grid-template-columns:110px minmax(0,1fr);gap:10px;padding:12px}.photo{height:115px}.fields,.product-controls{grid-template-columns:1fr}.product-controls{padding:12px}.price-line strong{font-size:16px}.price-line>span{padding:5px 8px}.stat-grid{grid-template-columns:1fr 1fr}} /* Panel sklepu 1.5 */ .shop-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:22px}.shop-side{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;align-self:start;position:sticky;top:15px}.shop-side h2{color:var(--blue);line-height:1.1;margin:0 0 22px}.shop-side small{font-size:12px;color:var(--muted)}.shop-side a{display:block;border-radius:9px;padding:12px 9px;text-decoration:none;font-weight:700;color:var(--navy)}.shop-side a:hover{background:#e8f2fd}.shop-content{min-width:0}.shop-content h1{color:var(--navy)}.shop-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.shop-stats .panel strong{font-size:34px;color:var(--blue)}.offer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.offer{border:1px solid var(--line);padding:14px;border-radius:12px;display:flex;flex-direction:column;gap:6px}.offer h3{margin:4px 0}.offer p{margin:4px 0}.offer .button{margin-top:auto}.offer-cover{height:125px;border-radius:9px;background:#e8f3ff;display:grid;place-items:center;color:var(--blue);font-weight:900}.offer-cover img{max-width:100%;max-height:100%;object-fit:contain}@media(max-width:790px){.shop-layout{grid-template-columns:1fr}.shop-side{position:static}.shop-side a{display:inline-block;padding:9px}.shop-stats{grid-template-columns:1fr 1fr}} /* Lewiatan B2B · Panel sklepu 1.5.2: scoped responsive refresh */ body:has(.shop-layout){background:#f3f7fc} body:has(.shop-layout) .wrap{max-width:1480px} .shop-layout{grid-template-columns:238px minmax(0,1fr);gap:24px;align-items:start;margin:18px auto 0} .shop-side{border-radius:15px;box-shadow:0 8px 32px #17315e0a;border:1px solid #dce6f3;padding:21px;top:18px} .shop-side h2{font-size:19px;line-height:1.15;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#084f9b} .shop-side h2 small{width:100%;margin-left:46px;margin-top:-7px;color:#7b8ca5;font-size:11px} .shop-logo{display:inline-grid;place-items:center;background:#0860c3;color:#fff;width:35px;height:35px;border-radius:10px;font-size:22px} .shop-side a{padding:13px 12px;margin:4px 0;transition:background .2s;color:#244467} .shop-side a:hover,.shop-side a:focus-visible{background:#e7f2ff;color:#005baa} .shop-content{min-width:0} .shop-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px} .shop-heading h1{font-size:30px;margin:4px 0 0;letter-spacing:-.5px} .eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#6685ac} .shop-online{font-size:12px;padding:8px 13px;border-radius:20px;color:#087b3d;background:#e8faed;font-weight:750;white-space:nowrap} .shop-identity{display:flex;align-items:center;gap:18px;padding:24px 27px} .shop-identity h2{margin:5px 0 10px;font-size:19px;overflow-wrap:anywhere} .shop-identity p{margin:0;overflow-wrap:anywhere} .identity-icon{display:grid;place-items:center;flex:0 0 58px;height:58px;background:#e4f2ff;border-radius:15px;font-size:28px;color:#0871c8} .shop-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .shop-stats .panel{min-height:134px;position:relative;border-color:#d9e9fa;background:linear-gradient(115deg,#fff,#f4faff)} .shop-stats .panel:nth-child(2){background:linear-gradient(115deg,#fff,#f2fff8);border-color:#d9f3e5} .shop-stats .panel p{font-size:13px;color:#426184;font-weight:650;margin:0 0 15px} .shop-stats .panel strong{font-size:35px} .stat-icon{position:absolute;right:20px;top:20px;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;font-size:23px;font-weight:900} .stat-blue{background:#e0f1ff;color:#1476d8}.stat-green{background:#ddfae8;color:#18834b} .section-heading h2{margin:4px 0 22px} .offer-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,265px),1fr));gap:18px} .offer{position:relative;min-width:0;padding:0;border:1px solid #dce7f3;border-radius:13px;overflow:hidden;box-shadow:0 6px 15px #152b4709;background:#fff;gap:0} .offer-cover{height:180px;width:100%;max-width:100%;position:relative;overflow:hidden;border-radius:0;background:linear-gradient(130deg,#edf6ff,#cce6fb);display:flex;align-items:center;justify-content:center} .offer-cover img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;position:static!important;transform:none!important;filter:none!important} .offer-body{display:flex;flex-direction:column;gap:9px;flex:1;min-width:0;padding:17px} .offer-body h3{font-size:19px;overflow-wrap:anywhere} .offer-body p{line-height:1.5;overflow-wrap:anywhere} .offer-tag{align-self:flex-start;background:#dceeff;color:#1164b2;font-size:11px;font-weight:800;border-radius:7px;padding:5px 9px} .offer-body .button{display:block;margin-top:auto;padding:13px 12px} .shop-content .product{overflow:hidden} .shop-content .photo img{object-fit:contain;max-width:100%;max-height:100%} @media(max-width:900px){.shop-layout{grid-template-columns:195px minmax(0,1fr);gap:14px}.shop-side{padding:13px}} @media(max-width:750px){.shop-layout{grid-template-columns:minmax(0,1fr)}.shop-side{position:static;display:flex;flex-wrap:wrap;gap:4px 8px}.shop-side h2{width:100%;margin-bottom:10px}.shop-side a{display:inline-flex;font-size:13px}.shop-heading h1{font-size:25px}.shop-identity{padding:18px}} @media(max-width:480px){.shop-stats{grid-template-columns:1fr 1fr;gap:9px}.shop-stats .panel{padding:13px;min-height:120px}.stat-icon{display:none}.shop-identity{gap:10px}.identity-icon{flex-basis:42px;height:42px}.shop-heading{flex-wrap:wrap}.offer-cover{height:145px}} .back-navigation{margin:18px 0 10px}.back-navigation .button{display:inline-block} /* 1.6.4: wybor roli i nawigacja */ .nav nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px} .nav nav a{white-space:nowrap} .entry-hero{border-radius:20px;padding:38px 34px;margin:26px 0 22px;background:linear-gradient(110deg,#0960ae,#0a2d55);color:white} .entry-hero .eyebrow{color:#b5d9fd}.entry-hero h1{color:white;font-size:clamp(27px,4vw,39px);margin:12px 0}.entry-hero p{margin:0} .entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:36px} .entry-card{border:1px solid #d5e2f1;border-radius:18px;padding:30px;background:white;display:flex;flex-direction:column;box-shadow:0 12px 25px #1b35520d} .entry-card h2{color:#0d355d;margin:14px 0 4px}.entry-card p{color:#566b82;line-height:1.6;flex:1} .entry-icon{display:grid;place-items:center;width:54px;height:54px;background:#e3f1ff;color:#0860b3;font-size:25px;font-weight:850;border-radius:13px} .entry-action{margin-top:16px;max-width:100%} @media(max-width:720px){.entry-grid{grid-template-columns:1fr}.entry-hero{padding:25px}.entry-card{padding:22px}} /* Lewiatan 1.6.5: responsive application shell */ body.app-mode-admin,body.app-mode-shop{background:#f3f6fb;min-height:100vh;overflow-x:hidden} .app-sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#0b1d30;color:#eff6ff;z-index:70;display:flex;flex-direction:column;padding:19px 12px;overflow-y:auto;overscroll-behavior:contain;box-shadow:3px 0 18px #071a2c1c} .app-side-brand{display:flex;gap:11px;align-items:center;color:white;text-decoration:none;font-size:19px;font-weight:800;padding:7px 8px 23px;border-bottom:1px solid #ffffff22} .app-side-brand .mark{flex:none}.app-side-brand small{display:block;font-weight:500;font-size:11px;color:#a6bbd2} .app-menu-title{color:#90a8bf;letter-spacing:1.5px;font-size:10px;font-weight:800;margin:27px 13px 10px} .app-menu{display:grid;gap:3px}.app-menu-link{display:flex;gap:12px;align-items:center;min-height:46px;padding:10px 12px;border-radius:10px;color:#e3edfa;text-decoration:none;font-size:14px;font-weight:650;transition:background .15s}.app-menu-link:hover,.app-menu-link:focus-visible{background:#203e5b;color:#fff}.app-menu-link.active{background:#176be7;color:#fff}.app-menu-icon{width:24px;text-align:center;font-size:18px;flex:none} .app-shell{margin-left:252px;min-height:100vh;min-width:0}.app-topbar{height:72px;background:#fff;border-bottom:1px solid #dde5ef;display:flex;align-items:center;padding:0 26px;gap:18px;position:sticky;top:0;z-index:30}.app-topbrand{font-size:19px;font-weight:800;color:#09365c;text-decoration:none}.app-toprole{margin-left:auto;color:#53708b;font-weight:700;font-size:13px}.app-toggle{display:none;border:0;background:#edf3fb;border-radius:10px;cursor:pointer;width:46px;height:44px;font-size:22px;color:#104878} .app-main{max-width:1500px;width:100%;padding:20px 30px 40px!important;min-height:calc(100vh - 170px)}.app-shell>.footer{max-width:1500px}.app-main .panel,.app-main .stat,.app-main .entry-card{box-shadow:0 4px 18px #122b4309} .app-main img{max-width:100%}.app-main .table-scroll{max-width:100%;overflow-x:auto}.app-main .tabs{gap:8px 16px}.app-main .shop-layout{grid-template-columns:minmax(0,1fr)}.app-main .shop-side{display:none} .app-backdrop[hidden]{display:none!important} @media(max-width:1024px){.app-sidebar{width:230px}.app-shell{margin-left:230px}.app-main{padding:20px!important}.app-main .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:800px){.app-sidebar{transform:translateX(-101%);transition:transform .23s ease;width:min(82vw,290px);z-index:91}.app-shell{margin-left:0}.app-topbar{height:64px;padding:0 15px;z-index:40}.app-toggle{display:block}.app-main{padding:12px 14px 32px!important}.app-backdrop{position:fixed;inset:0;background:#05192a8c;z-index:90}.app-menu-open .app-sidebar{transform:translateX(0)}.app-menu-open{overflow:hidden}.app-main .shop-layout{margin-top:6px}} @media(max-width:560px){.app-topbrand{font-size:17px}.app-toprole{font-size:11px;max-width:114px;text-align:right}.app-main .panel{padding:15px;margin-bottom:13px}.app-main .stat-grid{gap:9px}.app-main .stat b{font-size:25px}.app-main .shop-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.app-main .shop-identity{flex-direction:column;align-items:flex-start}.app-main .fields,.app-main .product-controls{grid-template-columns:minmax(0,1fr)}.app-main .product-main{grid-template-columns:96px minmax(0,1fr)}.app-main .entry-grid{grid-template-columns:1fr}.app-main h1{font-size:clamp(23px,6vw,30px)}.app-main .back-navigation{margin:8px 0 16px}.app-main .back-navigation .button{padding:10px 13px}.app-main .button{max-width:100%}.app-main table{min-width:580px}.app-main .notice{overflow-wrap:anywhere}} @media(prefers-reduced-motion:reduce){.app-sidebar,.app-menu-link{transition:none}} /* 1.6.6: wyraźny pojedynczy stan aktywny, menu drugorzędne tylko w sidebarze */ .app-mode-admin .admin-head > .tabs{display:none!important} .app-menu-link.active{background:#176be7!important;color:#fff!important} .app-menu-link:not(.active):not(:hover):not(:focus-visible){background:transparent!important;color:#e3edfa!important} .app-menu-link[aria-current="page"]{font-weight:800} .app-mode-admin .admin-head{margin-bottom:22px} /* 1.6.7: streamline promotion ordering */ .order-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin:3px 0 22px}.order-head h1{font-size:clamp(26px,3.2vw,39px);margin:7px 0}.order-head p{margin:0;color:#6b7f94}.order-eyebrow{display:block;font-weight:850;font-size:11px;letter-spacing:1.7px;color:#407eb7}.order-return{display:inline-flex;color:#1163b4;text-decoration:none;font-size:13px;font-weight:700;margin-bottom:19px}.order-date{background:white;border:1px solid #dae5f0;padding:13px 17px;border-radius:13px;color:#526b83;font-size:12px;min-width:190px}.order-date strong{display:block;color:#0a3356;font-size:14px;margin-top:3px}.order-shell{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:22px;align-items:start;padding-bottom:65px}.order-catalog{min-width:0}.order-buyer{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:19px;background:#fff;border:1px solid #dce6f1;border-radius:15px}.order-buyer input,.order-buyer select{margin-top:5px;min-height:48px}.order-products-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:25px 0 12px}.order-products-title h2{font-size:21px;color:#0a3456;margin:0}.order-products-title h2 span{color:#1470c3;font-size:13px;background:#e4f2ff;padding:4px 9px;border-radius:50px}.order-products-title p{font-size:12px;color:#7b8fa4;margin:0}.order-product{background:#fff;border:1px solid #dce6f0;border-radius:17px;margin-bottom:14px;overflow:hidden;box-shadow:0 4px 16px #182f4810}.order-product-top{display:grid;grid-template-columns:138px minmax(0,1fr);gap:18px;padding:17px}.order-photo{height:138px;background:#f5f8fb;border-radius:12px;display:flex;justify-content:center;align-items:center;overflow:hidden}.order-photo img{width:100%;height:100%;object-fit:contain}.order-product-info h3{color:#082d50;font-size:20px;margin:0 0 4px}.order-desc{font-size:13px;color:#708298;margin:0 0 9px}.order-prices{display:flex;gap:9px;flex-wrap:wrap}.order-prices>div{background:#eef5fc;border-radius:9px;padding:6px 13px;font-size:11px;color:#5c7188}.order-prices strong{display:block;color:#0b467e;font-size:19px;line-height:1.45}.order-prices .order-flyer{background:#fff0ee}.order-flyer strong{color:#bb3c34}.order-pack{font-size:12px;color:#6b7c8b;margin:9px 0 0}.order-product-bottom{border-top:1px solid #eef1f6;background:#fbfcff;padding:14px 17px;display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:18px;align-items:end}.order-quantity>span,.order-field-title{display:block;font-size:11px;font-weight:800;color:#56708b;text-transform:uppercase;margin-bottom:7px}.order-stepper{display:flex;height:47px;border:1px solid #c6d8ea;border-radius:10px;overflow:hidden;background:white}.order-stepper button{border:0;background:#ebf4ff;color:#095fa8;font-size:23px;font-weight:800;width:43px;flex:none;cursor:pointer}.order-stepper button:hover{background:#d8eaff}.order-stepper input.qty{min-width:0;width:100%;height:47px;min-height:0;border:0;border-radius:0;text-align:center;font-size:19px;font-weight:800;color:#075eac;padding:0 2px;outline-offset:-3px;appearance:textfield;-moz-appearance:textfield}.order-stepper input::-webkit-inner-spin-button,.order-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.order-supplier label{font-size:11px}.order-supplier select{height:47px}.order-fixed-supplier{min-height:47px;display:flex;align-items:center;padding:8px 12px;background:#ebf9f0;color:#126d3c;border-radius:10px;font-size:13px;font-weight:750}.order-comment{border-top:1px solid #edf1f5;padding:10px 17px}.order-comment summary{cursor:pointer;color:#1269af;font-size:12px;font-weight:800;list-style:none}.order-comment summary::-webkit-details-marker{display:none}.order-comment textarea{margin:11px 0 0}.order-limits{color:#8493a6;font-size:11px;padding:0 17px 13px}.order-cart{position:sticky;top:90px}.order-cart-card{padding:23px;background:#fff;border:1px solid #d8e4f0;border-radius:17px;box-shadow:0 9px 24px #102c4810}.order-cart-card h2{margin:5px 0 20px;color:#082d50}.order-cart-meta,.order-cart-total{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-cart-meta{font-size:13px;color:#506882}.order-cart-lines{max-height:260px;overflow:auto;margin:16px 0;padding:10px 0;border-top:1px solid #e6edf3;border-bottom:1px solid #e6edf3}.order-cart-lines p{font-size:13px;color:#8392a1}.order-cart-line{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:7px 0}.order-cart-line b{white-space:nowrap}.order-cart-total{font-size:13px;font-weight:750;color:#48637e}.order-cart-total strong{font-size:24px;color:#073b6e}.order-cart-card>.button{width:100%;margin-top:22px;min-height:49px}.order-cart-card>p{font-size:11px;text-align:center;color:#8897a7;margin:9px 0 0}.order-mobile-cart{display:none} @media(max-width:1050px){.order-shell{grid-template-columns:minmax(0,1fr) 265px;gap:14px}} @media(max-width:900px){.order-shell{display:block;padding-bottom:115px}.order-cart{position:static;margin-top:18px}.order-cart-card>.button{display:none}.order-mobile-cart{position:fixed;bottom:0;right:0;left:0;z-index:55;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dbe6f0;box-shadow:0 -5px 24px #12294326}.order-mobile-cart span{display:block;font-size:11px;color:#667d92}.order-mobile-cart strong{display:block;font-size:19px;color:#0b3d70}.order-mobile-cart button{border:0;background:#0865b5;color:white;border-radius:10px;padding:14px;font-weight:800}} @media(max-width:600px){.order-head{display:block}.order-date{display:inline-block;margin-top:12px}.order-buyer{grid-template-columns:1fr;padding:14px;gap:11px}.order-products-title{display:block}.order-products-title p{margin-top:4px}.order-product-top{grid-template-columns:100px minmax(0,1fr);padding:12px;gap:11px}.order-photo{height:108px}.order-product-info h3{font-size:17px}.order-prices{gap:5px}.order-prices>div{padding:5px 8px}.order-prices strong{font-size:16px}.order-product-bottom{padding:12px;grid-template-columns:1fr 1fr;gap:10px}.order-comment{padding:11px 12px}.order-limits{padding:0 12px 12px}.order-stepper button{width:38px}.order-supplier select{font-size:12px;padding:7px}} @media(max-width:380px){.order-product-bottom{grid-template-columns:1fr}.order-quantity{max-width:240px}} /* 1.6.9: uporządkowany pulpit sklepu */ .button-secondary{background:#edf4fb;color:#0a5aa6;border:1px solid #cfe0f1}.button-secondary:hover{background:#dfedf9;color:#094a8b} .shop-storebar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px}.shop-storebar h2{margin:6px 0 4px;font-size:22px}.shop-storebar p{margin:0;color:#60758c}.shop-storebar-actions{display:flex;gap:10px;flex-wrap:wrap} .shop-home-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr);gap:18px;align-items:stretch;background:linear-gradient(120deg,#fff,#f7fbff)}.shop-home-hero h2{font-size:30px;margin:6px 0 10px}.shop-home-hero p{margin:0;color:#60758c;max-width:780px}.shop-home-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.shop-home-hero-side{display:grid;gap:12px}.shop-home-next{border:1px solid #dce7f2;border-radius:14px;padding:16px;background:#fff}.shop-home-next span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.1px;font-weight:800;color:#68819a;margin-bottom:5px}.shop-home-next strong{display:block;color:#0b2f50;font-size:18px;line-height:1.3}.shop-home-next small{display:block;margin-top:5px;color:#63778d}.muted-box{background:#f7fbff} .shop-stats-3{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-stat-small{font-size:20px!important;line-height:1.25;color:#0a467d!important} .offer-list{display:grid;gap:14px}.offer-row{display:grid;grid-template-columns:112px minmax(0,1fr) minmax(180px,210px);gap:16px;align-items:center;padding:15px 16px;border:1px solid #dce7f3;border-radius:15px;background:#fff;box-shadow:0 4px 16px #152b4708}.offer-row-thumb{width:112px;height:96px;border-radius:12px;background:linear-gradient(130deg,#edf6ff,#d8ebfb);display:flex;align-items:center;justify-content:center;overflow:hidden;color:#0b5fae;font-size:12px;font-weight:900;text-align:center}.offer-row-thumb img{width:100%;height:100%;object-fit:contain}.offer-row-main{min-width:0}.offer-row-main h3{margin:6px 0 5px;font-size:20px;line-height:1.25;color:#072c4f;overflow-wrap:anywhere}.offer-row-main p{margin:0;color:#60768e;line-height:1.45}.offer-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;font-size:13px;color:#56708b}.offer-meta strong{color:#0b3c6f}.offer-row-side{display:flex;justify-content:flex-end}.offer-row-side .button{min-width:100%;padding:13px 14px}.empty-shop-state{padding:30px 20px;text-align:center;border:1px dashed #cfe0f2;border-radius:14px;background:#fbfdff}.empty-shop-state h3{margin:0 0 8px;color:#09365c}.empty-shop-state p{margin:0;color:#687d93} .section-heading{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:16px}.section-heading h2{margin:4px 0 6px}.section-heading p{margin:0} @media(max-width:1050px){.shop-home-hero{grid-template-columns:1fr}.shop-stats-3{grid-template-columns:repeat(2,minmax(0,1fr))}.offer-row{grid-template-columns:92px minmax(0,1fr)}.offer-row-side{grid-column:1/-1;justify-content:flex-start}.offer-row-side .button{min-width:240px;max-width:100%}} @media(max-width:700px){.shop-storebar{display:block}.shop-storebar-actions{margin-top:14px}.section-heading{display:block}.section-heading .button{margin-top:12px}.offer-row{grid-template-columns:78px minmax(0,1fr);gap:12px;padding:12px}.offer-row-thumb{width:78px;height:78px}.offer-row-main h3{font-size:18px}.offer-meta{gap:9px;font-size:12px}.shop-home-hero h2{font-size:25px}.shop-home-hero-actions{display:grid;grid-template-columns:1fr}.shop-home-hero-actions .button,.shop-storebar-actions .button,.offer-row-side .button{width:100%}.shop-stats-3{grid-template-columns:1fr}} @media(max-width:480px){.shop-storebar{padding:15px}.shop-storebar h2{font-size:18px}.shop-home-hero{padding:15px}.shop-home-next{padding:13px}.offer-row{grid-template-columns:1fr}.offer-row-thumb{width:100%;height:136px}.offer-row-side{grid-column:auto}} /* 1.6.10: dane sklepu w osobnej zakładce, pulpit bardziej skupiony na akcji */ .shop-quick-id{margin:8px 0 0;color:#688099;font-size:13px}.shop-quick-id strong{color:#0a365d} .shop-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.shop-account-card{background:#fff;border:1px solid #dce7f3;border-radius:14px;padding:17px 18px;box-shadow:0 4px 16px #152b4708}.shop-account-card span{display:block;font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:#7188a0;font-weight:800;margin-bottom:6px}.shop-account-card strong{display:block;color:#0b2f50;font-size:18px;line-height:1.35;overflow-wrap:anywhere} @media(max-width:700px){.shop-account-grid{grid-template-columns:1fr}.shop-quick-id{font-size:12px}} /* 1.6.14: branding Lewiatan */ .brand-with-logo{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.brand-logo-full{display:block;height:38px;width:auto;max-width:min(48vw,260px)}.brand-b2b{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:27px;padding:0 9px;border-radius:999px;background:#e7f2ff;color:#075eac;font-size:12px;font-weight:900;letter-spacing:.5px}.app-brand-mark,.app-topbrand-logo,.entry-icon-logo img{display:block;object-fit:contain}.app-side-brand{gap:12px}.app-side-text{display:block;min-width:0}.app-side-text strong{display:block;color:#fff;line-height:1.1}.app-brand-mark{width:46px;height:46px;border-radius:12px;background:#fff;padding:4px;box-shadow:0 6px 18px #00000022}.app-topbrand{display:flex;align-items:center;gap:10px}.app-topbrand-logo{width:36px;height:36px;border-radius:10px;background:#f3f8fd;padding:3px}.entry-hero-branding{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:center;gap:24px}.entry-hero-logo{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px;min-height:180px}.entry-hero-logo img{width:100%;max-width:320px;height:auto;display:block}.entry-hero-copy p{max-width:760px}.entry-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.entry-icon-logo{padding:7px;background:#eff7ff}.entry-icon-logo img{width:36px;height:36px}.entry-icon-admin{background:#f2f5f9;color:#5b6f83}.entry-card-admin{background:linear-gradient(180deg,#fff,#fbfdff)} @media(max-width:840px){.entry-hero-branding{grid-template-columns:1fr}.entry-hero-logo{min-height:140px}.brand-logo-full{max-width:min(58vw,220px)}} @media(max-width:560px){.brand-logo-full{height:30px;max-width:190px}.brand-b2b{height:24px;min-width:38px;font-size:11px}.app-brand-mark{width:40px;height:40px}.app-topbrand-logo{width:31px;height:31px}.entry-hero-actions{display:grid;grid-template-columns:1fr}.entry-hero-actions .button{width:100%}.entry-hero-logo img{max-width:220px}} /* 1.6.15 - strona startowa tylko dla sklepu */ body.app-mode-public .entry-shop-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 40px} .entry-shop-benefits>div{background:#fff;border:1px solid #d9e5f2;border-radius:17px;padding:22px;box-shadow:0 8px 24px #16345609} .entry-shop-benefits h2{font-size:18px;margin:7px 0;color:#113b60} .entry-shop-benefits p{margin:0;color:#61748a;line-height:1.5} .entry-shop-n{color:#0862ae;font-size:13px;font-weight:900;letter-spacing:.08em} .entry-hero .entry-shop-hint{margin-top:14px;color:#e1efff;font-size:13px} .entry-hero .entry-shop-login{background:#fff;color:#075ba6;font-size:16px;padding:15px 24px} .entry-hero .entry-shop-login:hover{background:#ecf6ff;color:#004887} .entry-admin-link{font-size:12px!important;font-weight:600!important;color:#6c7d92!important;white-space:nowrap} .entry-admin-link:hover{color:#075ba6!important} @media(max-width:750px){body.app-mode-public .entry-shop-benefits{grid-template-columns:1fr;gap:10px}.entry-shop-benefits>div{padding:17px}} /* v1.6.18 – catalogue navigation / scalable order listings */ .category-filters{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0 22px}.category-filters a,.order-pagination a{display:inline-flex;align-items:center;padding:9px 15px;border-radius:10px;background:#fff;border:1px solid #d5e2f1;text-decoration:none;color:#075eac;font-weight:700}.category-filters a.selected,.order-pagination a.selected{background:#095ca8;color:#fff;border-color:#095ca8}.orders-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}.orders-filter input{flex:1;min-width:220px}.order-pagination{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px}.order-pagination a{min-width:38px;justify-content:center;padding:8px} /* 1.6.19 – wyłącznie czytelność panelu administratora. */ body.app-mode-admin .category-filters{display:flex!important;flex-wrap:wrap;align-items:center;gap:9px;margin:14px 0 20px} body.app-mode-admin .category-filters a{display:inline-flex!important;align-items:center;justify-content:center;min-height:38px;padding:9px 16px!important;margin:0!important;border:1px solid #d5e3f2;border-radius:10px;background:#fff;color:#075da6!important;text-decoration:none!important;font-size:13px;font-weight:750;line-height:1.2;white-space:nowrap} body.app-mode-admin .category-filters a:hover{background:#eff6ff;border-color:#98c5eb} body.app-mode-admin .category-filters a.selected{background:#0a5fab!important;border-color:#0a5fab;color:#fff!important} body.app-mode-admin .table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} body.app-mode-admin .table-scroll table{width:100%;border-collapse:collapse} body.app-mode-admin .table-scroll tbody tr:hover{background:#f7faff} body.app-mode-admin .orders-filter{display:flex;gap:10px;flex-wrap:wrap;align-items:center} body.app-mode-admin .app-archive-caption{margin-top:18px;padding-top:18px;border-top:1px solid #29445d;letter-spacing:.10em} body.app-mode-admin .order-pagination{display:flex;flex-wrap:wrap;gap:7px} body.app-mode-admin .order-pagination a{min-width:36px;text-align:center} @media(max-width:660px){body.app-mode-admin .category-filters{gap:6px}body.app-mode-admin .category-filters a{padding:8px 11px!important;min-height:34px;font-size:12px}} /* Lewiatan B2B 1.6.22 — wizualne odświeżenie WYŁĄCZNIE panelu sklepu. Nie zmienia HTML, formularzy, danych, linków ani obsługi zdarzeń. */ body.app-mode-shop{background:#f2f6fc;color:#10264b;--blue:#0865d5;--navy:#0b2452;--line:#dce7f4;--muted:#607697;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif} body.app-mode-shop .app-sidebar{background:#fff;color:#0b2452;border-right:1px solid #e2eaf5;box-shadow:4px 0 22px #102d5710;padding:20px 13px} body.app-mode-shop .app-side-brand{color:#0756ae;border-bottom:1px solid #e7edf7;padding:8px 8px 23px;font-size:18px} body.app-mode-shop .app-side-brand small{color:#7790ad} body.app-mode-shop .app-side-brand .mark{background:#e8f3ff;color:#075cc7;border-radius:11px} body.app-mode-shop .app-menu-title{color:#90a0b7} body.app-mode-shop .app-menu-link{border-radius:11px;min-height:49px;color:#172c53;font-size:14px;font-weight:650;margin:2px 0} body.app-mode-shop .app-menu-link:not(.active):not(:hover):not(:focus-visible){background:transparent!important;color:#172c53!important} body.app-mode-shop .app-menu-link:hover,body.app-mode-shop .app-menu-link:focus-visible{background:#edf5ff;color:#075cc7} body.app-mode-shop .app-menu-link.active{background:linear-gradient(90deg,#dcecff,#eef6ff)!important;color:#075cc7!important;box-shadow:inset 3px 0 #0969da} body.app-mode-shop .app-menu-icon{color:#0865d5;font-size:21px} body.app-mode-shop .app-topbar{background:#fff;border-bottom:1px solid #e4ecf6;box-shadow:0 4px 20px #0b2b4e08} body.app-mode-shop .app-topbrand{color:#0b2d65} body.app-mode-shop .app-toprole{color:#637da2} body.app-mode-shop .app-main{max-width:1680px;padding:25px 28px 44px!important} body.app-mode-shop .shop-layout{margin:0} body.app-mode-shop .shop-heading{margin:0 0 19px;align-items:center} body.app-mode-shop .shop-heading h1{font-size:clamp(26px,2.7vw,36px);font-weight:850;letter-spacing:-.9px;color:#0b2452} body.app-mode-shop .shop-heading .eyebrow,body.app-mode-shop .eyebrow{color:#477ab6;letter-spacing:1.2px} body.app-mode-shop .shop-quick-id{font-size:13px;color:#7083a0} body.app-mode-shop .shop-online{background:#ddf9e7;color:#08783d;padding:8px 14px} body.app-mode-shop .panel{border:1px solid #e1eaf5;border-radius:15px;background:#fff;box-shadow:0 6px 24px #1b46750b;margin-bottom:17px;padding:20px} body.app-mode-shop .panel h2,body.app-mode-shop .panel h3{color:#0b2452} body.app-mode-shop .shop-home-hero{background:#fff;grid-template-columns:minmax(0,1.3fr) minmax(240px,.72fr);padding:22px 24px;gap:21px} body.app-mode-shop .shop-home-hero h2{font-size:clamp(22px,2.1vw,29px);margin:5px 0 10px} body.app-mode-shop .shop-home-hero p{font-size:14px;line-height:1.65} body.app-mode-shop .shop-home-next{background:linear-gradient(125deg,#f7fbff,#eef6ff);border-color:#d9e8f9;border-radius:13px} body.app-mode-shop .shop-home-next.muted-box{background:#f8f9fe} body.app-mode-shop .shop-home-next strong{font-size:17px;color:#112b59} body.app-mode-shop .button{border-radius:9px;background:#0965d6;box-shadow:0 2px 5px #075dc31c;transition:background .16s,transform .16s} body.app-mode-shop .button:hover{background:#0755b7;transform:translateY(-1px)} body.app-mode-shop .button.button-secondary{background:#f3f8ff;color:#075ac1;border:1px solid #cddff5;box-shadow:none} body.app-mode-shop .button.button-secondary:hover{background:#e6f1ff} body.app-mode-shop .shop-stats-3{gap:14px} body.app-mode-shop .shop-stats-3>.panel{min-height:134px;position:relative;padding:21px 20px;background:linear-gradient(130deg,#fff,#eef8ff);border-color:#d8eafb} body.app-mode-shop .shop-stats-3>.panel:nth-child(2){background:linear-gradient(130deg,#fff,#eefcf4);border-color:#d8f0e5} body.app-mode-shop .shop-stats-3>.panel:nth-child(3){background:linear-gradient(130deg,#fff,#fff8e6);border-color:#f5e9c5} body.app-mode-shop .shop-stats-3>.panel p{color:#21426d;font-size:14px;font-weight:650;margin:0 0 9px} body.app-mode-shop .shop-stats-3>.panel strong{font-size:32px;letter-spacing:-.7px;color:#0b2759} body.app-mode-shop .shop-stats-3>.panel .shop-stat-small{font-size:18px!important;letter-spacing:0;overflow-wrap:anywhere} body.app-mode-shop .stat-icon{border-radius:12px;width:49px;height:49px;display:grid;place-items:center;margin-bottom:9px;font-size:23px} body.app-mode-shop .stat-blue{background:#e0f0ff;color:#0874e2} body.app-mode-shop .stat-green{background:#dff9e9;color:#0d8a4b} body.app-mode-shop .stat-gold{background:#fff0be;color:#d59000} body.app-mode-shop .section-heading{margin-bottom:15px} body.app-mode-shop .section-heading h2{font-size:21px;letter-spacing:-.35px} body.app-mode-shop .section-heading p{font-size:13px} /* Na pulpicie istniejące oferty układają się w karty; na liście ofert zachowujemy listę. */ body.app-mode-shop .shop-content:has(.shop-home-hero) .offer-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} body.app-mode-shop .shop-content:has(.shop-home-hero) .offer-row{min-width:0;display:flex;flex-direction:column;padding:13px;border-radius:13px;gap:11px;border:1px solid #e1e9f4;box-shadow:0 3px 12px #173b6210;background:#fff} body.app-mode-shop .shop-content:has(.shop-home-hero) .offer-row-thumb{width:100%;height:142px;border-radius:10px;background:linear-gradient(140deg,#f3f9ff,#f9fbfd)} body.app-mode-shop .shop-content:has(.shop-home-hero) .offer-row-thumb img{width:100%;height:100%;object-fit:contain} body.app-mode-shop .shop-content:has(.shop-home-hero) .offer-row-main{flex:1} body.app-mode-shop .shop-content:has(.shop-home-hero) .offer-row-main h3{font-size:19px;margin:8px 0} body.app-mode-shop .shop-content:has(.shop-home-hero) .offer-row-main p{font-size:13px} body.app-mode-shop .shop-content:has(.shop-home-hero) .offer-row-side{width:100%;display:block} body.app-mode-shop .shop-content:has(.shop-home-hero) .offer-row-side .button{width:100%;min-width:0;max-width:none} body.app-mode-shop .offer-row{border-radius:13px;border-color:#e0eaf6;background:#fff} body.app-mode-shop .offer-tag{border-radius:8px} body.app-mode-shop .shop-account-card{box-shadow:0 3px 16px #173b6209} body.app-mode-shop .table-scroll{border-radius:11px;border:1px solid #e4ebf5} body.app-mode-shop th{background:#f3f7fd} @media(max-width:1230px){body.app-mode-shop .shop-content:has(.shop-home-hero) .offer-list{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:1050px){body.app-mode-shop .shop-home-hero{grid-template-columns:1fr}} @media(max-width:800px){body.app-mode-shop .app-main{padding:16px 14px 35px!important}body.app-mode-shop .app-sidebar{box-shadow:8px 0 30px #12284b20}} @media(max-width:680px){body.app-mode-shop .shop-content:has(.shop-home-hero) .offer-list{grid-template-columns:1fr}body.app-mode-shop .shop-home-hero{padding:18px}body.app-mode-shop .shop-stats-3{grid-template-columns:1fr}body.app-mode-shop .shop-stats-3>.panel{min-height:0}body.app-mode-shop .shop-heading{align-items:flex-start;gap:7px}body.app-mode-shop .shop-heading h1{font-size:26px}} @media(prefers-reduced-motion:reduce){body.app-mode-shop .button{transition:none}body.app-mode-shop .button:hover{transform:none}} /* Lewiatan B2B 1.6.22 POPRAWIONA – tylko wygląd panelu sklepu. */ body.app-mode-shop{background:#f1f6fc;color:#0b214c} body.app-mode-shop .app-sidebar{background:#fff;color:#10264e;border-right:1px solid #e2eaf5;padding:0 12px 20px;box-shadow:3px 0 22px #15355d09} body.app-mode-shop .app-side-brand{margin:0 -12px 19px;padding:17px 17px 18px;min-height:88px;background:linear-gradient(110deg,#006bd5,#0a4fae);color:#fff;border:0} body.app-mode-shop .app-side-brand .app-side-text strong{color:#fff;font-size:18px} body.app-mode-shop .app-side-brand small{color:#d5eaff} body.app-mode-shop .app-brand-mark{width:44px;height:44px;border-radius:12px;background:#fff} body.app-mode-shop .app-menu-title{margin:12px 12px 11px;color:#8094ad} body.app-mode-shop .app-menu-link{font-size:14px;min-height:48px;margin:2px 0;padding:11px 13px;border-radius:9px} body.app-mode-shop .app-menu-link.active{box-shadow:inset 3px 0 #0864ca!important;background:#e6f2ff!important} body.app-mode-shop .app-menu-icon{font-size:21px;width:24px} body.app-mode-shop .app-topbar{height:72px;background:#fff;border-bottom:1px solid #e3ebf5} body.app-mode-shop .app-main{max-width:1740px;padding:22px 28px 40px!important} body.app-mode-shop .shop-heading{margin:0 0 16px} body.app-mode-shop .shop-heading h1{font-size:32px;letter-spacing:-.8px} body.app-mode-shop .shop-heading .eyebrow{display:none} body.app-mode-shop .shop-quick-id{display:none} body.app-mode-shop:has(.shop-dashboard) .back-navigation{display:none} body.app-mode-shop .shop-dashboard .panel{margin-bottom:0} body.app-mode-shop .shop-dashboard{display:grid;gap:17px} body.app-mode-shop .shop-store-card{display:flex;align-items:center;gap:18px;padding:20px 22px;border-radius:13px} body.app-mode-shop .shop-store-icon{width:58px;height:58px;display:grid;place-items:center;flex:0 0 58px;border-radius:50%;background:#e7f2ff;color:#0867d8;font-size:28px} body.app-mode-shop .shop-store-text{min-width:0;flex:1} body.app-mode-shop .shop-store-title{display:flex;align-items:center;gap:13px;flex-wrap:wrap} body.app-mode-shop .shop-store-title h2{font-size:20px;line-height:1.35;letter-spacing:-.3px;margin:0;overflow-wrap:anywhere} body.app-mode-shop .shop-store-active{background:#dcfae7;color:#087a3d;border-radius:30px;font-size:12px;font-weight:800;padding:5px 12px;white-space:nowrap} body.app-mode-shop .shop-store-text p{margin:7px 0 0;color:#58708e;font-size:13px;overflow-wrap:anywhere} body.app-mode-shop .shop-store-text p strong{color:#193968} body.app-mode-shop .shop-store-separator{color:#c0cbda;margin:0 11px} body.app-mode-shop .shop-store-detail{white-space:nowrap;padding:11px 15px} body.app-mode-shop .shop-dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} body.app-mode-shop .shop-dashboard-stat{min-width:0;min-height:126px;display:flex;gap:13px;align-items:flex-start;padding:19px 15px;border:1px solid #dceafa;border-radius:12px;text-decoration:none;color:#0b2858;background:linear-gradient(125deg,#fff,#edf8ff);box-shadow:0 4px 17px #18386108} body.app-mode-shop .shop-dashboard-stat.stat-b{background:linear-gradient(125deg,#fff,#effdf5);border-color:#d9f2e4} body.app-mode-shop .shop-dashboard-stat.stat-c{background:linear-gradient(125deg,#fff,#fff8e3);border-color:#f4e9c4} body.app-mode-shop .shop-dashboard-stat.stat-d{background:linear-gradient(125deg,#fff,#f5f4ff);border-color:#e8e5fc} body.app-mode-shop a.shop-dashboard-stat:hover{border-color:#88b9ec;transform:translateY(-1px)} body.app-mode-shop .shop-kpi-icon{width:54px;height:54px;flex:0 0 54px;border-radius:13px;background:#e2f1ff;color:#0967d8;display:grid;place-items:center;font-size:27px;font-weight:850} body.app-mode-shop .stat-b .shop-kpi-icon{background:#ddfae8;color:#088847} body.app-mode-shop .stat-c .shop-kpi-icon{background:#fff1bd;color:#dd9700} body.app-mode-shop .stat-d .shop-kpi-icon{background:#e9e6ff;color:#7461df} body.app-mode-shop .shop-kpi-body{display:flex;flex-direction:column;min-width:0;gap:5px} body.app-mode-shop .shop-kpi-name{color:#274471;font-size:13px;font-weight:700} body.app-mode-shop .shop-kpi-body>strong{color:#0b2758;font-size:30px;line-height:1.15;letter-spacing:-.5px;overflow-wrap:anywhere} body.app-mode-shop .shop-kpi-body>strong.shop-kpi-long{font-size:19px;letter-spacing:0;line-height:1.35} body.app-mode-shop .shop-kpi-action{color:#0567da;font-size:12px;margin-top:2px;font-weight:650} body.app-mode-shop .shop-kpi-sub{color:#667d9a;font-size:12px} body.app-mode-shop .shop-dashboard-offers{padding:18px 18px 16px} body.app-mode-shop .shop-dashboard .section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px} body.app-mode-shop .shop-dashboard .section-heading h2{margin:0;font-size:21px;letter-spacing:-.4px} body.app-mode-shop .shop-dashboard .section-heading p{margin:5px 0 0} body.app-mode-shop .shop-section-link{font-size:13px;color:#0065d5;text-decoration:none;white-space:nowrap;font-weight:650} body.app-mode-shop .shop-section-link:hover{text-decoration:underline} body.app-mode-shop .shop-dashboard .offer-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px} body.app-mode-shop .shop-dashboard .offer-row{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:14px;border:1px solid #e0e9f3;border-radius:12px;box-shadow:0 3px 12px #183b6008;min-height:290px;overflow:hidden} body.app-mode-shop .shop-dashboard .offer-row-thumb{width:100%;height:140px;border-radius:10px;background:#f0f6fc;overflow:hidden} body.app-mode-shop .shop-dashboard .offer-row-thumb img{width:100%;height:100%;object-fit:contain} body.app-mode-shop .shop-dashboard .offer-row-main{flex:1} body.app-mode-shop .shop-dashboard .offer-row-main h3{font-size:18px;margin:5px 0} body.app-mode-shop .shop-dashboard .offer-row-main p{font-size:13px;line-height:1.4} body.app-mode-shop .shop-dashboard .offer-meta{font-size:12px;gap:9px;margin-top:8px} body.app-mode-shop .shop-dashboard .offer-row-side{width:100%;display:block} body.app-mode-shop .shop-dashboard .offer-row-side .button{width:100%;min-width:0;max-width:none;text-align:center;padding:12px} body.app-mode-shop .shop-dashboard .empty-shop-state{grid-column:1/-1;min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center} body.app-mode-shop .shop-dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:14px} body.app-mode-shop .shop-dashboard-bottom>.panel{padding:19px;min-width:0} body.app-mode-shop .shop-last-number{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#eef6ff;border-radius:9px;padding:12px 13px;color:#31557a;font-size:13px} body.app-mode-shop .shop-last-number strong{color:#0a2957} body.app-mode-shop .shop-last-status{border-radius:30px;padding:5px 11px;background:#def8e8;color:#0c7a40;font-weight:700} body.app-mode-shop .shop-last-order h3{margin:15px 0 7px;font-size:18px} body.app-mode-shop .shop-last-order>.button{margin-top:13px} body.app-mode-shop .shop-dashboard-empty{padding:18px 10px;text-align:center;color:#1b3764} body.app-mode-shop .shop-shortcut-links{display:grid;gap:8px;margin-top:14px} body.app-mode-shop .shop-shortcut-links a{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;background:#f5f9ff;border:1px solid #e0ebf8;border-radius:9px;text-decoration:none;color:#17416f;font-weight:700;font-size:13px} body.app-mode-shop .shop-shortcut-links a:hover{background:#e7f2ff} body.app-mode-shop .shop-shortcut-links span{color:#0865d3} @media(max-width:1350px){body.app-mode-shop .shop-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:1050px){body.app-mode-shop .shop-dashboard .offer-list{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:800px){body.app-mode-shop .app-main{padding:16px 14px 32px!important}} @media(max-width:680px){body.app-mode-shop .shop-store-card{flex-wrap:wrap;gap:12px}body.app-mode-shop .shop-store-icon{width:47px;height:47px;flex-basis:47px}body.app-mode-shop .shop-store-text{flex-basis:calc(100% - 70px)}body.app-mode-shop .shop-store-detail{width:100%;text-align:center}body.app-mode-shop .shop-dashboard .offer-list,body.app-mode-shop .shop-dashboard-bottom{grid-template-columns:1fr}body.app-mode-shop .shop-dashboard .section-heading{flex-wrap:wrap}body.app-mode-shop .shop-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body.app-mode-shop .shop-dashboard-stat{padding:12px;min-height:115px;gap:9px;flex-direction:column}body.app-mode-shop .shop-kpi-icon{width:37px;height:37px;flex-basis:37px;font-size:20px}body.app-mode-shop .shop-kpi-body>strong{font-size:25px}body.app-mode-shop .shop-kpi-body>strong.shop-kpi-long{font-size:15px}body.app-mode-shop .shop-store-separator{margin:0 5px}} @media(max-width:400px){body.app-mode-shop .shop-dashboard-stats{grid-template-columns:1fr}body.app-mode-shop .shop-dashboard-stat{flex-direction:row}} /* 1.6.23 — bezpieczna korekta responsywności pulpitu sklepu; tylko CSS. */ @media (max-width:800px){ body.app-mode-shop .app-shell{margin-left:0;width:100%;min-width:0} body.app-mode-shop .app-main{width:100%;max-width:100%;min-width:0;padding:14px 12px 28px!important} body.app-mode-shop .app-sidebar{width:min(82vw,290px);max-width:290px;transform:translateX(-105%);z-index:91} body.app-mode-shop.app-menu-open .app-sidebar{transform:translateX(0)} body.app-mode-shop .app-toggle{display:block;flex-shrink:0} body.app-mode-shop .app-topbar{height:64px;padding:0 12px;gap:9px} body.app-mode-shop .app-topbrand{min-width:0;max-width:calc(100vw - 175px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px} body.app-mode-shop .app-toprole{min-width:0;max-width:90px;font-size:11px;white-space:normal;text-align:right} body.app-mode-shop .shop-layout,body.app-mode-shop .shop-content,body.app-mode-shop .shop-dashboard{min-width:0;max-width:100%;width:100%} body.app-mode-shop .shop-dashboard .panel{min-width:0;max-width:100%;box-sizing:border-box} body.app-mode-shop .shop-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px} body.app-mode-shop .shop-heading h1{font-size:26px;line-height:1.2;overflow-wrap:anywhere} body.app-mode-shop .shop-dashboard .section-heading h2{font-size:19px;line-height:1.3} body.app-mode-shop .shop-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))} body.app-mode-shop .shop-dashboard-bottom{grid-template-columns:1fr} body.app-mode-shop .shop-dashboard .offer-list{grid-template-columns:repeat(2,minmax(0,1fr))} body.app-mode-shop .shop-store-title h2{font-size:17px;line-height:1.3;overflow-wrap:anywhere;word-break:break-word} body.app-mode-shop .shop-store-text p{font-size:12px;overflow-wrap:anywhere;word-break:break-word} body.app-mode-shop .shop-store-separator{margin:0 5px} body.app-mode-shop .shop-kpi-body{min-width:0;width:100%} body.app-mode-shop .shop-kpi-name{overflow-wrap:anywhere} body.app-mode-shop .shop-kpi-body>strong.shop-kpi-long{overflow-wrap:anywhere;word-break:break-word} } @media (max-width:600px){ body.app-mode-shop .app-main{padding:12px 10px 25px!important} body.app-mode-shop .shop-dashboard{gap:11px} body.app-mode-shop .shop-store-card{padding:14px 12px;gap:10px;align-items:flex-start} body.app-mode-shop .shop-store-icon{width:42px;height:42px;flex:0 0 42px;font-size:23px} body.app-mode-shop .shop-store-text{flex:1 1 calc(100% - 54px);min-width:0} body.app-mode-shop .shop-store-title{gap:7px} body.app-mode-shop .shop-store-title h2{font-size:16px} body.app-mode-shop .shop-store-active{font-size:11px;padding:3px 8px} body.app-mode-shop .shop-store-detail{flex:1 0 100%;width:100%;white-space:normal} body.app-mode-shop .shop-dashboard-stats{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))} body.app-mode-shop .shop-dashboard-stat{min-height:126px;flex-direction:column;gap:8px;padding:12px;min-width:0} body.app-mode-shop .shop-kpi-icon{width:38px;height:38px;flex:0 0 38px;font-size:20px} body.app-mode-shop .shop-kpi-body>strong{font-size:25px} body.app-mode-shop .shop-kpi-body>strong.shop-kpi-long{font-size:16px} body.app-mode-shop .shop-kpi-action,body.app-mode-shop .shop-kpi-sub{font-size:11px;line-height:1.35} body.app-mode-shop .shop-dashboard-offers{padding:14px 12px} body.app-mode-shop .shop-dashboard .offer-list{grid-template-columns:minmax(0,1fr)} body.app-mode-shop .shop-dashboard .offer-row{min-width:0;min-height:0;padding:12px} body.app-mode-shop .shop-dashboard .offer-row-thumb{height:132px;width:100%;min-width:0} body.app-mode-shop .shop-dashboard .offer-row-side,.app-mode-shop .shop-dashboard .offer-row-side .button{width:100%;min-width:0;max-width:100%} body.app-mode-shop .shop-dashboard .section-heading{align-items:flex-start;gap:6px;flex-wrap:wrap} body.app-mode-shop .shop-dashboard .section-heading h2{font-size:18px} body.app-mode-shop .shop-section-link{white-space:normal;font-size:12px} body.app-mode-shop .shop-dashboard-bottom>.panel{padding:14px 12px} body.app-mode-shop .shop-last-number{flex-wrap:wrap;overflow-wrap:anywhere} body.app-mode-shop .shop-dashboard .empty-shop-state{min-height:115px;padding:12px;text-align:center} } @media (max-width:350px){ body.app-mode-shop .shop-dashboard-stats{grid-template-columns:1fr} body.app-mode-shop .shop-dashboard-stat{min-height:85px;flex-direction:row;align-items:center} body.app-mode-shop .shop-kpi-body{width:auto} body.app-mode-shop .app-topbrand{font-size:14px} } /* Lewiatan B2B 1.6.24 — naprawa ukladu smartfonow; bez wplywu na desktop. */ @media screen and (max-width: 680px) { body.app-mode-shop .shop-dashboard, body.app-mode-shop .shop-dashboard * {box-sizing:border-box} body.app-mode-shop .shop-dashboard {display:flex!important;flex-direction:column!important;gap:12px!important;min-width:0;width:100%;max-width:100%} body.app-mode-shop .shop-dashboard > * {min-width:0;max-width:100%;width:100%;margin:0} body.app-mode-shop .shop-dashboard-stats {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;align-items:stretch!important} body.app-mode-shop .shop-dashboard-stats > .shop-dashboard-stat {display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:8px!important;min-width:0!important;width:auto!important;min-height:126px!important;margin:0!important;padding:12px!important;white-space:normal!important;text-decoration:none!important;overflow:hidden} body.app-mode-shop .shop-dashboard-stats .shop-kpi-icon {display:grid!important;place-items:center!important;width:36px!important;height:36px!important;min-width:36px!important;flex:0 0 36px!important;font-size:20px!important} body.app-mode-shop .shop-dashboard-stats .shop-kpi-body {display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;min-width:0!important;width:100%!important} body.app-mode-shop .shop-dashboard-stats .shop-kpi-name {display:block!important;font-size:12px!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere} body.app-mode-shop .shop-dashboard-stats .shop-kpi-body > strong {display:block!important;font-size:25px!important;line-height:1.2!important;overflow-wrap:anywhere} body.app-mode-shop .shop-dashboard-stats .shop-kpi-body > strong.shop-kpi-long {font-size:15px!important} body.app-mode-shop .shop-dashboard-stats .shop-kpi-action, body.app-mode-shop .shop-dashboard-stats .shop-kpi-sub {display:block!important;font-size:11px!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere} body.app-mode-shop .shop-store-card {display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:9px!important;padding:13px!important} body.app-mode-shop .shop-store-icon {flex:0 0 36px!important;width:36px!important;height:36px!important;font-size:19px!important} body.app-mode-shop .shop-store-text {min-width:0!important;flex:1 1 calc(100% - 48px)!important;width:auto!important} body.app-mode-shop .shop-store-title {display:flex!important;flex-wrap:wrap!important;gap:6px!important} body.app-mode-shop .shop-store-title h2 {font-size:15px!important;line-height:1.35!important;overflow-wrap:anywhere!important;word-break:normal!important} body.app-mode-shop .shop-store-text p {font-size:11px!important;line-height:1.55!important;overflow-wrap:anywhere!important} body.app-mode-shop .shop-store-detail {flex:0 0 auto!important;width:auto!important;max-width:100%!important;min-height:38px;padding:9px 12px!important;margin-left:45px!important} body.app-mode-shop .shop-dashboard .offer-list {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important} body.app-mode-shop .shop-dashboard-bottom {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important} body.app-mode-shop .shop-dashboard .section-heading {display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:9px!important} body.app-mode-shop .shop-section-link {white-space:normal!important;overflow-wrap:anywhere} body.app-mode-shop .shop-dashboard-offers {padding:14px 12px!important} body.app-mode-shop .shop-dashboard .shop-last-number {flex-wrap:wrap} } @media screen and (max-width: 360px) { body.app-mode-shop .shop-dashboard-stats {grid-template-columns:repeat(2,minmax(0,1fr))!important} body.app-mode-shop .shop-dashboard-stats > .shop-dashboard-stat {padding:9px!important;min-height:130px!important} body.app-mode-shop .shop-dashboard-stats .shop-kpi-name {font-size:11px!important} body.app-mode-shop .shop-dashboard-stats .shop-kpi-body > strong {font-size:23px!important} body.app-mode-shop .shop-store-detail {margin-left:0!important} } /* v1.6.25 — zwarta identyfikacja sklepu w nagłówku (bez dużej karty) */ body.app-mode-shop .shop-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px} body.app-mode-shop .shop-heading-title{flex:1 1 auto;min-width:0} body.app-mode-shop .shop-header-identity{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;flex:0 1 45%;min-width:0;max-width:440px;text-align:right;line-height:1.35;color:#47607c;font-size:12px} body.app-mode-shop .shop-header-name{font-weight:750;color:#143459;font-size:13px;overflow-wrap:anywhere} body.app-mode-shop .shop-header-short,body.app-mode-shop .shop-header-sap{overflow-wrap:anywhere} @media(max-width:680px){ body.app-mode-shop .shop-heading{flex-wrap:wrap;align-items:flex-start;gap:7px;margin-bottom:11px} body.app-mode-shop .shop-heading-title{flex:1 1 100%} body.app-mode-shop .shop-header-identity{flex:1 1 100%;max-width:none;align-items:flex-start;text-align:left;font-size:11px;gap:1px} body.app-mode-shop .shop-header-name{font-size:12px} } /* Lewiatan 1.6.26 — katalog opublikowanych promocji */ body.app-mode-shop .shop-upcoming-list{display:grid;gap:14px;margin-top:18px} body.app-mode-shop .shop-upcoming-card{display:grid;grid-template-columns:140px minmax(0,1fr) 210px;gap:18px;align-items:center;background:#fff;border:1px solid #dce7f3;border-radius:15px;padding:16px;box-shadow:0 4px 16px #152b4708;min-width:0} body.app-mode-shop .shop-upcoming-picture{width:140px;height:125px;border-radius:12px;background:#f0f6fc;display:grid;place-items:center;overflow:hidden;color:#0b5fae;font-weight:800} body.app-mode-shop .shop-upcoming-picture img{max-width:100%;width:100%;height:100%;object-fit:contain} body.app-mode-shop .shop-upcoming-body{min-width:0} body.app-mode-shop .shop-upcoming-body h3{font-size:19px;color:#07315d;margin:7px 0;overflow-wrap:anywhere} body.app-mode-shop .shop-upcoming-body p{font-size:13px;color:#5c7188;margin:0 0 9px;line-height:1.5} body.app-mode-shop .shop-upcoming-meta{display:flex;flex-wrap:wrap;column-gap:16px;row-gap:7px;font-size:12px;color:#5b708b} body.app-mode-shop .shop-upcoming-meta strong{color:#173a65} body.app-mode-shop .shop-upcoming-badge{display:inline-block;padding:5px 10px;border-radius:8px;background:#e8f3ff;color:#0b63b6;font-size:11px;font-weight:800} body.app-mode-shop .shop-upcoming-future{background:#fff2d3;color:#926109} body.app-mode-shop .shop-upcoming-past{background:#f0f2f5;color:#657184} body.app-mode-shop .shop-upcoming-side{min-width:0;text-align:center} body.app-mode-shop .shop-upcoming-side .button{width:100%;padding:12px 10px;font-size:12px} body.app-mode-shop .shop-upcoming-info{display:block;color:#63778f;background:#f3f6fb;border-radius:9px;padding:12px 8px;font-size:12px;font-weight:700;line-height:1.4} @media(max-width:1050px){body.app-mode-shop .shop-upcoming-card{grid-template-columns:110px minmax(0,1fr)}body.app-mode-shop .shop-upcoming-picture{width:110px;height:110px}body.app-mode-shop .shop-upcoming-side{grid-column:1/-1}} @media(max-width:680px){body.app-mode-shop .shop-upcoming-card{grid-template-columns:1fr;padding:13px;gap:10px}body.app-mode-shop .shop-upcoming-picture{width:100%;height:160px}body.app-mode-shop .shop-upcoming-side{grid-column:1}body.app-mode-shop .shop-upcoming-body h3{font-size:17px}} /* 1.6.27 — cards for published promotion overview */ body.app-mode-shop .shop-upcoming-panel{max-width:100%;overflow:hidden} body.app-mode-shop .shop-upcoming-list{display:grid;grid-template-columns:1fr;gap:14px;margin-top:20px} body.app-mode-shop .shop-upcoming-card{display:grid;grid-template-columns:160px minmax(0,1fr) 190px;gap:20px;align-items:center;width:100%;max-width:100%;min-width:0;padding:18px;background:#fff;border:1px solid #dae5f1;border-radius:16px;box-shadow:0 4px 14px rgba(8,44,91,.055)} body.app-mode-shop .shop-upcoming-picture{width:160px;height:150px;max-width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:#f1f6fc} body.app-mode-shop .shop-upcoming-picture img{display:block;width:100%;max-width:150px;height:130px;max-height:130px;object-fit:contain;margin:auto} body.app-mode-shop .shop-upcoming-body{min-width:0;width:100%} body.app-mode-shop .shop-upcoming-body h3{font-size:21px;line-height:1.25;margin:9px 0 7px;color:#0a315d} body.app-mode-shop .shop-upcoming-body p{font-size:13px;line-height:1.5;margin:0 0 13px;color:#5b6f88;overflow-wrap:anywhere} body.app-mode-shop .shop-upcoming-badge{font-size:11px;letter-spacing:.15px;padding:5px 10px;border-radius:100px} body.app-mode-shop .shop-upcoming-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 17px;margin-top:11px;font-size:13px} body.app-mode-shop .shop-upcoming-meta span{display:flex;flex-direction:column;gap:2px;min-width:0} body.app-mode-shop .shop-upcoming-meta small{color:#71839a;font-size:10px;font-weight:750;letter-spacing:.35px} body.app-mode-shop .shop-upcoming-meta strong{font-size:12px;line-height:1.3;color:#173a65;overflow-wrap:anywhere} body.app-mode-shop .shop-upcoming-side{align-self:center;min-width:0;max-width:190px} body.app-mode-shop .shop-upcoming-info{font-size:12px;line-height:1.55;padding:13px 10px;border:1px solid #e3eaf4} body.app-mode-shop .shop-upcoming-side .button{display:inline-flex;justify-content:center;align-items:center;text-align:center;white-space:normal;width:100%;font-size:12px;padding:12px 10px} @media(max-width:1100px){body.app-mode-shop .shop-upcoming-card{grid-template-columns:135px minmax(0,1fr);gap:16px}body.app-mode-shop .shop-upcoming-picture{width:135px;height:130px}body.app-mode-shop .shop-upcoming-side{grid-column:2;max-width:100%;justify-self:start;width:min(100%,240px)}body.app-mode-shop .shop-upcoming-meta{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){body.app-mode-shop .shop-upcoming-panel{padding:16px}body.app-mode-shop .shop-upcoming-list{gap:12px;margin-top:16px}body.app-mode-shop .shop-upcoming-card{grid-template-columns:112px minmax(0,1fr);gap:11px;padding:12px;align-items:start}body.app-mode-shop .shop-upcoming-picture{width:112px;height:110px}body.app-mode-shop .shop-upcoming-picture img{max-width:105px;height:100px;max-height:100px}body.app-mode-shop .shop-upcoming-body h3{font-size:17px;margin:8px 0 5px}body.app-mode-shop .shop-upcoming-body p{font-size:12px}body.app-mode-shop .shop-upcoming-meta{grid-template-columns:1fr;gap:7px}body.app-mode-shop .shop-upcoming-meta small{font-size:9px}body.app-mode-shop .shop-upcoming-side{grid-column:1/-1;width:100%;justify-self:stretch;max-width:none}body.app-mode-shop .shop-upcoming-side .button{width:100%}} @media(max-width:420px){body.app-mode-shop .shop-upcoming-card{grid-template-columns:90px minmax(0,1fr)}body.app-mode-shop .shop-upcoming-picture{width:90px;height:100px}body.app-mode-shop .shop-upcoming-picture img{max-width:88px;height:90px;max-height:90px}} /* 1.6.28 — wspólne filtry promocji, desktop i mobile */ body.app-mode-shop .promotion-filters{margin:20px 0 12px} body.app-mode-shop .promotion-category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px} body.app-mode-shop .promotion-category-tab{appearance:none;border:1px solid #cfdef1;background:#f4f8fe;color:#234a79;font-family:inherit;font-size:13px;font-weight:750;border-radius:10px;padding:11px 17px;cursor:pointer;transition:background .15s,border-color .15s} body.app-mode-shop .promotion-category-tab:hover{border-color:#0d68cc;background:#eaf3ff} body.app-mode-shop .promotion-category-tab.is-selected{background:#0966d6;color:#fff;border-color:#0966d6;box-shadow:0 3px 9px #115bba20} body.app-mode-shop .promotion-category-tab:focus-visible{outline:3px solid #7bb5ff;outline-offset:2px} body.app-mode-shop .promotion-filter-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(200px,1fr);gap:14px} body.app-mode-shop .promotion-filter-controls label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#17395f} body.app-mode-shop .promotion-filter-controls input,body.app-mode-shop .promotion-filter-controls select{width:100%;min-width:0;height:44px;border:1px solid #cbd9e9;border-radius:9px;background:#fff;padding:0 12px;font:inherit;font-size:13px;color:#163e6c} body.app-mode-shop .promotion-filter-controls input:focus,body.app-mode-shop .promotion-filter-controls select:focus{outline:2px solid #5b9dee;outline-offset:0} body.app-mode-shop .promotion-result-count{margin:13px 0 5px;color:#536f8d;font-size:13px} body.app-mode-shop .promotion-filter-empty{margin-top:14px;background:#f4f8fd;border:1px dashed #cbd9e9;border-radius:12px;padding:19px;color:#4c6684;text-align:center;font-size:14px} body.app-mode-shop .offer-row[hidden],body.app-mode-shop .shop-upcoming-card[hidden],body.app-mode-shop .promotion-filter-empty[hidden]{display:none!important} @media(max-width:680px){body.app-mode-shop .promotion-category-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}body.app-mode-shop .promotion-category-tab{padding:10px 8px;font-size:12px}body.app-mode-shop .promotion-filter-controls{grid-template-columns:1fr;gap:11px}} /* 1.6.29 — gwarantowane ukrywanie kart przez filtr i aktywne przyciski */ body.app-mode-shop .offer-list > .offer-row[hidden],body.app-mode-shop .shop-upcoming-list > .shop-upcoming-card[hidden],body.app-mode-shop .promotion-filter-empty[hidden]{display:none!important} body.app-mode-shop button.promotion-category-tab{appearance:none!important;display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #cfdef1!important;background:#f4f8fe!important;color:#234a79!important;border-radius:10px!important;font-family:inherit;font-weight:750;font-size:13px;line-height:1.2;padding:11px 17px!important;cursor:pointer} body.app-mode-shop button.promotion-category-tab.is-selected{background:#0966d6!important;color:#fff!important;border-color:#0966d6!important;box-shadow:0 3px 9px #115bba20} body.app-mode-shop button.promotion-category-tab:not(.is-selected):hover{background:#eaf3ff!important;border-color:#0d68cc!important} @media(max-width:680px){body.app-mode-shop button.promotion-category-tab{padding:10px 8px!important;min-height:38px;font-size:12px}} /* v1.6.30 — historia zamówień oraz odliczanie na pulpicie */ body.app-mode-shop .shop-history-scroll{margin-top:12px;border:1px solid #deebf8;border-radius:13px;overflow-x:auto} body.app-mode-shop .shop-history-table{width:100%;border-collapse:collapse;min-width:690px} body.app-mode-shop .shop-history-table th{background:#f1f6fd;color:#234773;text-align:left;font-size:12px;letter-spacing:.03em} body.app-mode-shop .shop-history-table th,body.app-mode-shop .shop-history-table td{padding:13px 14px;border-bottom:1px solid #edf2fa} body.app-mode-shop .shop-history-table tr:last-child td{border-bottom:0} body.app-mode-shop .shop-history-table tbody tr:hover{background:#f8fbff} body.app-mode-shop .shop-history-category{display:inline-block;background:#eaf3ff;color:#125bb5;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:700} body.app-mode-shop .shop-history-link{font-size:12px;padding:9px 13px;white-space:nowrap} body.app-mode-shop .shop-history-table tr[hidden],body.app-mode-shop [data-history-empty][hidden]{display:none!important} body.app-mode-shop .shop-countdown{display:flex;flex-direction:column;gap:3px;padding:7px 9px;margin-top:6px;border-radius:9px;background:#fff7dd;border:1px solid #f1d98b;max-width:100%} body.app-mode-shop .shop-countdown [data-countdown-value]{font-size:19px;font-weight:850;font-variant-numeric:tabular-nums;letter-spacing:.015em;color:#8e5600;white-space:normal;overflow-wrap:anywhere} body.app-mode-shop .shop-countdown small{font-size:9px;font-weight:700;letter-spacing:.06em;color:#886c39} body.app-mode-shop .shop-countdown.is-ended{background:#f1f3f6;border-color:#d9e0e9} body.app-mode-shop .shop-countdown-unavailable{display:block;font-size:12px;color:#666;margin-top:5px} @media(max-width:760px){body.app-mode-shop .shop-history-scroll{border:0;overflow:visible}body.app-mode-shop .shop-history-table{display:block;min-width:0}body.app-mode-shop .shop-history-table thead{display:none}body.app-mode-shop .shop-history-table tbody{display:grid;gap:12px}body.app-mode-shop .shop-history-table tr{display:block;border:1px solid #dce8f8;border-radius:13px;padding:8px 12px;background:#fff}body.app-mode-shop .shop-history-table tr[hidden]{display:none!important}body.app-mode-shop .shop-history-table td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 1px;text-align:right}body.app-mode-shop .shop-history-table td:before{content:attr(data-label);font-size:12px;color:#557092;font-weight:700;text-align:left}body.app-mode-shop .shop-countdown [data-countdown-value]{font-size:16px}} /* v1.6.31 — nazwa promocji przy liczniku, licznik w zamówieniu, bardziej zwarty pulpit */ body.app-mode-shop .shop-dashboard-stat.stat-c-highlight{position:relative;overflow:hidden} body.app-mode-shop .shop-dashboard-stat.stat-c-highlight .shop-kpi-body{gap:6px} body.app-mode-shop .shop-kpi-promo{display:block;font-size:12px;line-height:1.45;color:#7a5a19;background:rgba(255,255,255,.72);border:1px solid #efd8a3;border-radius:9px;padding:7px 9px;max-width:100%} body.app-mode-shop .shop-kpi-promo strong{display:block;color:#6f4700;font-size:14px;margin-top:2px;line-height:1.35;overflow-wrap:anywhere} body.app-mode-shop .shop-kpi-inline-link{display:inline-flex;align-items:center;gap:6px;margin-top:2px;font-size:12px;font-weight:800;color:#9a5a00;text-decoration:none} body.app-mode-shop .shop-kpi-inline-link:hover{text-decoration:underline} body.app-mode-shop .shop-countdown{width:100%} body.app-mode-shop .shop-dashboard-stats{align-items:stretch} body.app-mode-shop .shop-dashboard-stat{justify-content:flex-start} body.app-mode-shop .shop-heading{margin-bottom:10px} body.app-mode-shop .shop-heading .shop-header-identity{padding:12px 14px;border:1px solid #dce8f5;border-radius:14px;background:rgba(255,255,255,.72);box-shadow:0 4px 14px rgba(24,59,96,.05)} body.app-mode-shop .shop-dashboard{gap:14px} body.app-mode-shop .shop-dashboard-offers{padding-top:16px} body.app-mode-shop .order-deadline-panel{display:flex;justify-content:flex-end;align-items:stretch;min-width:290px;max-width:360px;flex:0 0 auto} body.app-mode-shop .order-date{display:flex;flex-direction:column;gap:6px;min-width:100%;box-shadow:0 6px 18px rgba(16,44,72,.06)} body.app-mode-shop .order-date-label{font-size:12px;font-weight:800;letter-spacing:.03em;color:#526b83} body.app-mode-shop .order-date-promo{display:block;font-size:12px;line-height:1.45;color:#6b5c39;background:#fff8e7;border:1px solid #f2dfaa;border-radius:9px;padding:7px 9px} body.app-mode-shop .order-countdown{margin-top:2px} body.app-mode-shop .order-countdown [data-countdown-value]{font-size:21px} @media(min-width:1180px){body.app-mode-shop .shop-dashboard-stats{grid-template-columns:repeat(12,minmax(0,1fr))}body.app-mode-shop .shop-dashboard-stat.stat-a{grid-column:span 3}body.app-mode-shop .shop-dashboard-stat.stat-b{grid-column:span 3}body.app-mode-shop .shop-dashboard-stat.stat-c{grid-column:span 4}body.app-mode-shop .shop-dashboard-stat.stat-d{grid-column:span 2}} @media(max-width:900px){body.app-mode-shop .order-deadline-panel{justify-content:flex-start;min-width:0;max-width:100%}body.app-mode-shop .order-date{width:100%}} @media(max-width:680px){body.app-mode-shop .shop-heading .shop-header-identity{width:100%}body.app-mode-shop .shop-kpi-promo{font-size:11px}body.app-mode-shop .order-date-promo{font-size:11px;padding:6px 8px}body.app-mode-shop .order-countdown [data-countdown-value]{font-size:18px}} /* 1.6.32 — centralny katalog asortymentu */ #assortmentMatches{display:grid;gap:6px;margin-top:8px}#assortmentMatches .assortment-match{border:1px solid #dbe8f5;background:#f3f8ff;padding:10px 12px;border-radius:9px;text-align:left;color:#17487e;cursor:pointer}#assortmentMatches .assortment-match:hover{background:#dfedff} /* v1.6.33 — zaznacz wszystko przy imporcie */ .bulk-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:0 0 14px;padding:12px 14px;border:1px solid #dbe8f6;border-radius:12px;background:#f7fbff}.bulk-actions strong{color:#0a3356}.bulk-actions-group{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;color:#496782;font-size:13px}.button-small{min-height:38px;padding:8px 12px;font-size:13px}.bulk-submit-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px}@media(max-width:700px){.bulk-actions{align-items:flex-start}.bulk-actions-group{width:100%}} /* 1.6.34: pakiety w promocjach */ .pkg-line{display:grid;grid-template-columns:3fr 1fr 1.3fr auto;gap:12px;align-items:end;border-bottom:1px solid #e1e9f2;padding:10px 0}.pkg-line>label{min-width:0}.pkg-line button{margin-bottom:4px}.package-components{padding:10px 20px;background:#f5f8fc;border-radius:12px;margin:12px}.package-components>div{padding:5px 0}.pkg-component-qty{width:80px!important;display:inline-block!important;margin-left:10px!important}.package-product{border-color:#bad1ea}@media(max-width:720px){.pkg-line{grid-template-columns:1fr 1fr}.pkg-line label:first-child{grid-column:1/-1}} /* v1.6.35 — ergonomiczny układ pakietów w osobnych kafelkach */ .package-builder-panel{padding:24px}.package-builder-head{margin-bottom:18px}.package-builder-head h2{margin-bottom:8px}.package-builder-head p{margin:0;color:#60738b}.package-builder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.package-card{border:1px solid #dde8f4;border-radius:16px;background:linear-gradient(180deg,#fff,#f9fbfe);padding:18px;box-shadow:0 4px 16px rgba(16,48,84,.05);min-width:0}.package-card-wide{grid-column:1/-1}.package-card-accent{background:linear-gradient(180deg,#fffdf7,#fff8e8);border-color:#f1dfb1}.package-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.package-card-header h3{margin:0 0 4px;font-size:18px;color:#0b2e57}.package-card-header p{margin:0;font-size:13px;line-height:1.45}.package-card-step{flex:0 0 34px;height:34px;border-radius:10px;background:#0b5fae;color:#fff;display:grid;place-items:center;font-weight:800;font-size:15px;box-shadow:0 8px 18px rgba(7,94,172,.18)}.package-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.package-card-grid>label:last-child:nth-child(odd){grid-column:1/-1}.package-card-actions{margin-top:14px;display:flex;justify-content:flex-start}.package-builder-submit{display:flex;justify-content:flex-end;padding-top:4px}.package-builder-submit .button{min-width:240px}.pkg-line{background:#f7faff;border:1px solid #dbe8f5;border-radius:14px;padding:14px;align-items:end;margin-bottom:12px}.pkg-line:last-child{margin-bottom:0}.pkg-line button{margin-bottom:0;align-self:end}@media(max-width:960px){.package-builder-grid,.package-card-grid{grid-template-columns:1fr}.package-card-wide{grid-column:auto}.package-builder-submit{justify-content:stretch}.package-builder-submit .button{width:100%}} /* 1.6.36: prosty wybór rodzaju pozycji przed otwarciem formularza */ .entry-workspace[hidden],.package-card[hidden],#pkg-lines[hidden]{display:none!important} .choice-heading h2{margin-bottom:7px}.choice-heading p{color:#5c7087;margin:0 0 20px} .entry-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px} .entry-tile{min-width:0;min-height:225px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;padding:23px;border-radius:16px;background:#f8fbff;border:2px solid #d5e4f4;color:#17375a;font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s} .entry-tile:hover,.entry-tile:focus-visible,.entry-tile.is-selected{border-color:#075eac;background:#eef6ff;box-shadow:0 7px 22px #075eac19;outline:none} .entry-tile:active{transform:translateY(1px)}.entry-tile-icon{display:grid;place-items:center;width:53px;height:53px;background:#e0efff;border-radius:13px;color:#075eac;font-size:29px;font-weight:800} .entry-tile strong{font-size:19px;line-height:1.3}.entry-tile span:not(.entry-tile-icon){font-size:14px;color:#5f7188;line-height:1.5;flex:1}.entry-tile b{color:#075eac;font-size:14px} .entry-workspace-back{margin-bottom:18px}.package-builder-submit{grid-column:1/-1;align-self:start;justify-content:flex-start;padding:7px 0 0}.package-builder-submit .button{min-width:240px;min-height:48px} @media(max-width:900px){.entry-tiles{grid-template-columns:1fr}.entry-tile{min-height:0;gap:8px;padding:18px}.entry-tile span:not(.entry-tile-icon){flex:auto}} /* 1.6.37 — czytelna zbiorówka macierzowa */ .po-matrix th,.po-matrix td{white-space:nowrap;min-width:90px}.po-matrix th:first-child,.po-matrix td:first-child{position:sticky;left:0;z-index:2;background:#f5faff;border-right:2px solid #cbddeb}.po-matrix thead th{position:sticky;top:0;background:#eaf2fc;z-index:3}.po-matrix thead th:first-child{z-index:4}body.app-mode-admin .fields label{min-width:0} /* 1.6.38 — centrum zamówień, statusy i statystyki */ .po-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.po-overview>div{background:#fff;border:1px solid #dce6f2;border-radius:14px;padding:18px;display:grid;gap:5px}.po-overview small{color:#60758a}.po-overview strong{font-size:24px;color:#0b3561}.po-control-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:260px}.po-control-actions .button{padding:9px 12px;font-size:13px}.po-control-actions form{margin:0}.po-control-actions>a:not(.button){font-size:13px}.po-control-status{font-size:12px;font-weight:700;color:#144e79}.po-control-table td{vertical-align:middle}@media(max-width:680px){.po-overview{grid-template-columns:1fr}.po-control-actions{min-width:230px}} /* 1.6.41 — distinct order and supplier workspaces; visual changes only */ .po-page-hero{border-radius:18px;padding:25px 28px;margin:0 0 23px;color:#fff;border:1px solid transparent;box-shadow:0 10px 30px rgba(7,36,64,.10)} .po-page-hero-shops{background:linear-gradient(118deg,#0b3c72,#126db9);border-color:#227ac2} .po-page-hero-dispatch{background:linear-gradient(118deg,#07564e,#148477);border-color:#139487} .po-page-eyebrow{display:inline-block;margin-bottom:12px;letter-spacing:1.3px;text-transform:uppercase;font-size:11px;font-weight:850;opacity:.82} .po-page-hero-line{display:flex;gap:16px;align-items:center} .po-page-icon{display:grid;place-items:center;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:14px;width:58px;height:58px;flex:0 0 58px;font-weight:850;font-size:32px} .po-page-hero h1{font-size:clamp(23px,3vw,32px);line-height:1.18;margin:0 0 6px;color:#fff!important} .po-page-hero p{color:#eaf7ff!important;margin:0;font-size:14px;max-width:740px} .po-page-shortcuts{margin-top:17px} .po-page-shortcuts a{display:inline-flex;align-items:center;padding:9px 14px;border-radius:9px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.12);color:#fff;text-decoration:none;font-size:13px;font-weight:800} .po-page-shortcuts a:hover{background:rgba(255,255,255,.24)} body:has(.po-page-hero-dispatch) .category-filters a.selected{background:#08766b;color:#fff;border-color:#08766b} body:has(.po-page-hero-dispatch) .po-promotion-list{border-top:4px solid #0b897b} body:has(.po-page-hero-shops) .po-promotion-list{border-top:4px solid #136cba} body:has(.po-page-hero-dispatch) .po-control-table th{background:#eaf7f4;color:#095b52} body:has(.po-page-hero-shops) .po-control-table th{background:#edf4fc;color:#0b467f} body:has(.po-page-hero-dispatch) .po-control-table tbody tr:nth-child(even){background:#f8fcfb} body:has(.po-page-hero-shops) .po-control-table tbody tr:nth-child(even){background:#f8fbff} body:has(.po-page-hero-dispatch) .po-promotion-list h2{color:#075c54} body:has(.po-page-hero-shops) .po-promotion-list h2{color:#0c4e8d} @media(max-width:640px){.po-page-hero{padding:19px 17px}.po-page-hero-line{align-items:flex-start;gap:11px}.po-page-icon{width:42px;height:42px;flex-basis:42px;font-size:23px}.po-page-hero p{font-size:13px}} /* Lewiatan 1.6.43: compact, desktop-first admin layout and distinct workflows */ @media(min-width:801px){body.app-mode-admin .app-main{padding:9px 22px 24px!important;max-width:none}body.app-mode-admin .back-navigation{margin:2px 0 8px}body.app-mode-admin .admin-head{margin:0 0 10px}body.app-mode-admin .app-main>h1{margin:5px 0 9px}body.app-mode-admin .app-main>.panel{margin-bottom:13px}} .po-workspace-head{display:flex;align-items:center;gap:16px;padding:19px 23px;border-radius:14px;margin:4px 0 16px;color:#fff;background:linear-gradient(110deg,#103d83,#176bc1)}.po-workspace-dispatch .po-workspace-head{background:linear-gradient(110deg,#075b52,#0f9881)}.po-workspace-head h1{font-size:26px;margin:0 0 3px;color:#fff}.po-workspace-head small{font-size:11px;letter-spacing:.12em;font-weight:800;opacity:.9}.po-workspace-head p{margin:0;color:#e8f5ff;font-size:13px}.po-workspace-icon{display:grid;place-items:center;flex:none;width:52px;height:52px;border:1px solid #ffffff65;border-radius:13px;font-size:29px;font-weight:900;background:#ffffff1c}.po-workspace-dispatch .po-list-panel{border-top:4px solid #129780}.po-workspace-shops .po-list-panel{border-top:4px solid #176bc1}.po-workspace-dispatch .po-list-panel th{background:#e6f5f0;color:#09594d}.po-workspace-dispatch .po-control-actions .button{background:#087868;color:#fff}.po-workspace-dispatch .po-control-actions a:not(.button){color:#087868}.po-workspace-shops .po-list-panel th{background:#e8f2ff}.po-supplier-state{display:inline-block;margin-top:6px;font-weight:800;font-size:12px;color:#0a7567}@media(max-width:800px){.po-workspace-head{padding:15px;gap:10px}.po-workspace-icon{width:40px;height:40px}.po-workspace-head h1{font-size:20px}} /* ZACHÓD B2B 1.6.45 — portal uniwersalny, desktop-first */ body.app-mode-public .zachod-hero{margin-top:18px;min-height:238px} body.app-mode-public .zachod-hero h1{font-size:clamp(32px,4vw,49px);letter-spacing:-.025em} .zachod-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 38px} .zachod-module-card{min-width:0;display:flex;flex-direction:column;gap:7px;padding:23px;background:#fff;border:1px solid #dce6f2;border-radius:15px;text-decoration:none;color:#153a62;box-shadow:0 5px 16px #173b5d09} .zachod-module-card h2{font-size:19px;margin:0}.zachod-module-card p{margin:0 0 12px;color:#667a91;flex:1}.zachod-module-card strong{color:#0863b0}.zachod-module-icon{color:#0863b0;font-size:12px;font-weight:900}.zachod-module-planned{background:#f8fafc}.zachod-soon{color:#60758c;font-size:12px;font-weight:700}.zachod-module-active:hover{border-color:#0863b0;box-shadow:0 9px 24px #173b5d17} body.app-mode-public .nav nav{margin-left:auto}body.app-mode-public .entry-admin-link{font-size:12px!important;color:#6c7d92!important} @media(max-width:850px){.zachod-module-grid{grid-template-columns:1fr}body.app-mode-public .zachod-hero{margin-top:10px}} /* 1.6.46: fakultatywne logowanie PIN w panelu sklepu */ .shop-pin-method{display:flex;flex-wrap:wrap;gap:16px;padding:8px 0}.shop-pin-method input{width:18px;height:18px;min-height:unset}.shop-pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:290px;margin:12px auto}.shop-pin-key{min-height:55px;border:1px solid #c9dbed;background:#f6faff;color:#0d4074;font-weight:800;font-size:22px;border-radius:13px;cursor:pointer}.shop-pin-key:disabled{background:transparent;border-color:transparent;cursor:default}.shop-pin-key:not(:disabled):hover{background:#dfeeff}.shop-pin-account{margin-top:24px;border-top:1px solid #dbe5f0;padding-top:18px}.shop-pin-remove{max-width:420px;margin-top:18px;display:grid;gap:12px} [hidden]{display:none!important} /* ZACHÓD B2B 1.6.48 — czytelna uniwersalna strona startowa, desktop-first */ body.app-mode-public:has(.zachod-home) main.wrap{max-width:1360px;padding-top:24px!important} .zachod-home{max-width:1230px;margin:0 auto} .zachod-welcome{display:grid;grid-template-columns:32% minmax(0,1fr);gap:30px;align-items:center;background:linear-gradient(117deg,#075eac,#082a52);border-radius:20px;color:#fff;min-height:280px;padding:32px 38px;box-shadow:0 12px 32px rgba(13,65,116,.12)} .zachod-welcome-brand{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:24px 16px;min-height:188px;border:1px solid #ffffff2b;border-radius:15px;background:#ffffff11} .zachod-welcome-brand img{width:100%;max-width:265px;height:85px;object-fit:contain}.zachod-welcome-brand span{font-size:10px;font-weight:850;letter-spacing:2px;text-align:center;color:#d8ebff} .zachod-welcome-content{min-width:0}.zachod-welcome-overline{font-size:11px;font-weight:800;letter-spacing:2px;color:#f7d775;margin:0 0 8px}.zachod-welcome h1{font-size:clamp(34px,3vw,49px);margin:0 0 9px;line-height:1.12;color:#fff}.zachod-welcome-content>p:not(.zachod-welcome-overline){font-size:16px;color:#e4f1ff;margin:0 0 23px;max-width:650px} .zachod-login-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.zachod-login-primary{background:#fff;color:#084d8d;font-size:16px;padding:15px 24px;box-shadow:0 5px 14px #001a3c22}.zachod-login-primary:hover{background:#e5f2ff;color:#084d8d}.zachod-login-helper{font-size:12px;color:#d0e7fd}.zachod-login-secondary{color:#fff;font-weight:750} .zachod-home-section-heading{margin:27px 0 14px}.zachod-home-kicker{color:#0863b0;font-size:11px;font-weight:850;letter-spacing:1.6px}.zachod-home-section-heading h2{font-size:26px;color:#09365c;margin:5px 0 2px}.zachod-home-section-heading p{margin:0;color:#697e95} .zachod-module-grid-148{gap:20px;margin-top:0;margin-bottom:15px}.zachod-module-grid-148 .zachod-module-card{position:relative;min-height:245px;padding:24px;border-radius:17px;border:1px solid #d8e5f2;box-shadow:0 6px 20px #1a3d610d}.zachod-module-grid-148 .zachod-module-card h2{font-size:24px;color:#103b64;margin:8px 0 2px}.zachod-module-grid-148 .zachod-module-card p{font-size:14px;line-height:1.55}.zachod-icon-148{width:43px;height:43px;display:grid;place-items:center;background:#e8f2ff;border-radius:13px;font-size:15px}.zachod-module-status{position:absolute;right:18px;top:20px;font-size:11px;font-weight:800;color:#687b90;background:#e9eef5;border-radius:20px;padding:5px 10px}.zachod-status-available{color:#176547;background:#e6f7ed}.zachod-card-orders{border-top:4px solid #0865b3!important}.zachod-card-claims{border-top:4px solid #9faeba!important}.zachod-card-votes{border-top:4px solid #9faeba!important}.zachod-module-grid-148 .zachod-module-active strong{font-size:15px}.zachod-home-footnote{font-size:12px;text-align:right;color:#8493a4;margin-top:15px} body.app-mode-public:has(.zachod-home) .entry-admin-link{font-size:12px!important;color:#647a92!important} @media(max-width:950px){.zachod-welcome{grid-template-columns:1fr;padding:22px;gap:16px}.zachod-welcome-brand{min-height:115px;padding:13px}.zachod-welcome-brand img{height:58px}.zachod-module-grid-148{grid-template-columns:1fr}.zachod-module-grid-148 .zachod-module-card{min-height:0}.zachod-home-footnote{text-align:left}} /* 1.6.49 - desktop compact / mobile app-like, limited to store dashboard */ body.app-mode-shop .shop-dashboard-149 .shop-dashboard-offers{margin-top:18px} body.app-mode-shop .shop-next-deadline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 23px;border-radius:17px;background:linear-gradient(115deg,#e9f6ff,#f4faff);border:1px solid #cce3f5;color:#0d3968} body.app-mode-shop .shop-next-deadline>div:first-child{display:grid;gap:3px} body.app-mode-shop .shop-next-kicker{font-size:11px;font-weight:800;letter-spacing:.1em;color:#0872ad} body.app-mode-shop .shop-next-deadline strong{font-size:19px} body.app-mode-shop .shop-next-clock{display:flex;align-items:center;gap:16px} body.app-mode-shop .shop-next-clock .shop-countdown{padding:9px 13px;background:#fff;border-radius:10px;border:1px solid #c6e2f3;font-size:18px;font-weight:800;color:#0e63a8} body.app-mode-shop .offer-row-timer{display:grid;gap:3px;margin-top:10px;grid-column:2} body.app-mode-shop .offer-row-timer>span{font-size:10px;font-weight:800;letter-spacing:.07em;color:#547ca2} body.app-mode-shop .offer-row-timer strong{font-size:16px;color:#0c70b9;font-weight:800} @media(max-width:760px){ body.app-mode-shop .shop-dashboard-149{padding-bottom:90px} body.app-mode-shop .shop-next-deadline{padding:14px 16px;align-items:stretch;flex-direction:column;gap:10px} body.app-mode-shop .shop-next-clock{justify-content:space-between;flex-wrap:wrap} body.app-mode-shop .shop-dashboard-offers{border:0!important;background:transparent!important;box-shadow:none!important;padding:10px 0!important} body.app-mode-shop .shop-dashboard-offers .section-heading{padding:0 12px} body.app-mode-shop .shop-dashboard-offers .offer-list{display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 12px 18px;scrollbar-width:thin} body.app-mode-shop .shop-dashboard-offers .offer-row{flex:0 0 min(82vw,315px)!important;display:flex!important;flex-direction:column;scroll-snap-align:start;background:#fff;border:1px solid #d9e9f7;border-radius:19px;overflow:hidden;box-shadow:0 7px 20px #163f6215;gap:0!important;padding:0!important;min-width:0} body.app-mode-shop .shop-dashboard-offers .offer-row-thumb{width:100%!important;max-width:none!important;height:190px!important;border-radius:0;background:#edf8ff;display:grid;place-items:center} body.app-mode-shop .shop-dashboard-offers .offer-row-thumb img{height:100%!important;max-height:190px!important;max-width:100%!important;object-fit:contain} body.app-mode-shop .shop-dashboard-offers .offer-row-main{padding:13px 16px 4px!important} body.app-mode-shop .shop-dashboard-offers .offer-row-main h3{font-size:20px} body.app-mode-shop .shop-dashboard-offers .offer-row-timer{padding:0 16px!important;margin:0!important} body.app-mode-shop .shop-dashboard-offers .offer-row-side{padding:12px 16px 17px!important;width:100%!important} body.app-mode-shop .shop-dashboard-offers .offer-row-side .button{display:block;width:100%} } /* ZACHÓD B2B 1.6.51 — pełnoekranowy podgląd grafiki promocji */ .offer-preview-trigger{display:block;position:relative;width:100%;height:100%;border:0;padding:0;margin:0;background:transparent;cursor:zoom-in;text-align:center;color:inherit} .offer-preview-trigger img{display:block;width:100%;height:100%;object-fit:contain} .offer-preview-hint{position:absolute;right:8px;bottom:8px;border-radius:6px;padding:5px 9px;background:rgba(9,37,79,.88);color:#fff;font-size:11px;font-weight:750;opacity:0;transition:opacity .15s} .offer-preview-trigger:hover .offer-preview-hint,.offer-preview-trigger:focus-visible .offer-preview-hint{opacity:1} .promotion-image-preview{border:0;padding:0;background:#f6f9fd;border-radius:14px;box-shadow:0 18px 70px rgba(0,0,0,.32);width:min(96vw,1500px);max-width:96vw;height:94dvh;max-height:94dvh;overflow:hidden;color:#153253} .promotion-image-preview[open]{display:flex;flex-direction:column} .promotion-image-preview::backdrop{background:rgba(4,18,38,.87)} .promotion-image-preview-head,.promotion-image-preview-footer{background:#fff;display:flex;align-items:center;gap:12px;padding:11px 18px;flex:0 0 auto} .promotion-image-preview-head{justify-content:space-between;border-bottom:1px solid #dfebf5} .promotion-image-preview-head strong{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .promotion-image-preview-close{border:0;border-radius:9px;background:#eaf2fb;color:#0b315b;width:42px;height:42px;font-size:30px;line-height:1;cursor:pointer} .promotion-image-preview-content{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:12px;touch-action:pan-x pan-y} .promotion-image-preview-content img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain} .promotion-image-preview-footer{justify-content:flex-end;border-top:1px solid #dfebf5} @media(max-width:680px){.offer-preview-hint{opacity:1}.promotion-image-preview{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.promotion-image-preview-head,.promotion-image-preview-footer{padding:10px 12px}.promotion-image-preview-footer .button{padding:10px 12px;font-size:13px}.promotion-image-preview-content{padding:5px}} /* v1.6.52 szybki PIN administratora */ .zachod-pin-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:300px;margin:8px auto 16px;width:100%}.zachod-pin-keypad .button{min-height:54px;font-size:22px;border-radius:13px}.zachod-pin-keypad+button{width:100%}details>summary{cursor:pointer;margin:14px 0;color:#0862a9;font-weight:700} /* 1.6.62 — zwarty wybor pozycji promocji (tylko ekran administracji) */ body.app-mode-admin #choose-entry.choice-panel{padding:15px 18px;margin-bottom:13px} body.app-mode-admin #choose-entry .choice-heading h2{font-size:17px;line-height:1.3;margin:0 0 3px} body.app-mode-admin #choose-entry .choice-heading p{font-size:12px;line-height:1.45;margin:0 0 12px} body.app-mode-admin #choose-entry .entry-tiles{gap:10px} body.app-mode-admin #choose-entry .entry-tile{min-height:104px;display:grid;grid-template-columns:35px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:10px;row-gap:4px;padding:12px 13px;border:1px solid #d5e4f4;border-radius:11px;text-align:left;box-shadow:none} body.app-mode-admin #choose-entry .entry-tile-icon{grid-column:1;grid-row:1/3;width:35px;height:35px;border-radius:9px;font-size:20px} body.app-mode-admin #choose-entry .entry-tile strong{grid-column:2;grid-row:1;font-size:15px;line-height:1.25} body.app-mode-admin #choose-entry .entry-tile span:not(.entry-tile-icon){grid-column:2;grid-row:2;font-size:11px;line-height:1.35;flex:initial} body.app-mode-admin #choose-entry .entry-tile b{display:none} body.app-mode-admin #choose-entry .entry-tile:hover,body.app-mode-admin #choose-entry .entry-tile:focus-visible,body.app-mode-admin #choose-entry .entry-tile.is-selected{border-color:#075eac;background:#edf5ff;box-shadow:0 2px 9px #075eac15} @media(max-width:900px){body.app-mode-admin #choose-entry .entry-tiles{grid-template-columns:1fr;gap:8px}body.app-mode-admin #choose-entry .entry-tile{min-height:73px;padding:10px 12px}} @media(max-width:550px){body.app-mode-admin #choose-entry.choice-panel{padding:13px 12px}body.app-mode-admin #choose-entry .entry-tile strong{font-size:14px}body.app-mode-admin #choose-entry .entry-tile span:not(.entry-tile-icon){font-size:11px}} /* 1.6.63 — wykorzystanie powierzchni desktop, bez zmian w funkcjach */ @media(min-width:1120px){ body.app-mode-admin .promo-compact-head{padding:13px 18px;margin-bottom:10px} body.app-mode-admin .promo-compact-title{display:flex;align-items:center;justify-content:space-between;gap:16px} body.app-mode-admin .promo-compact-head h2{margin:0 0 4px;font-size:19px} body.app-mode-admin .promo-compact-head p{margin:0;font-size:12px;color:#5c7088} body.app-mode-admin .promo-compact-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center} body.app-mode-admin .promo-compact-actions .button{padding:8px 11px;min-height:0;white-space:nowrap} body.app-mode-admin .promo-desktop-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,30%);gap:10px;align-items:stretch;margin-bottom:10px} body.app-mode-admin .promo-desktop-workspace>section{margin:0;min-width:0} body.app-mode-admin #choose-entry.choice-panel{padding:13px 14px} body.app-mode-admin #choose-entry .choice-heading p{display:none} body.app-mode-admin #choose-entry .choice-heading h2{font-size:15px;margin-bottom:10px} body.app-mode-admin #choose-entry .entry-tiles{gap:6px} body.app-mode-admin #choose-entry .entry-tile{min-height:71px;grid-template-columns:26px minmax(0,1fr);gap:3px 7px;padding:8px;border-radius:8px} body.app-mode-admin #choose-entry .entry-tile-icon{width:26px;height:26px;font-size:15px} body.app-mode-admin #choose-entry .entry-tile strong{font-size:12px} body.app-mode-admin #choose-entry .entry-tile span:not(.entry-tile-icon){font-size:10px;line-height:1.15} body.app-mode-admin .promo-import-panel{padding:13px 14px} body.app-mode-admin .promo-import-panel h2{font-size:15px;margin:0 0 9px} body.app-mode-admin .promo-import-panel details>summary{font-size:12px;margin:0 0 6px;list-style:revert} body.app-mode-admin .promo-import-panel details:not([open])>summary{margin-bottom:0} body.app-mode-admin .promo-import-panel p{font-size:11px;line-height:1.4;margin:7px 0} body.app-mode-admin .promo-import-panel form{display:flex;gap:7px;align-items:end;flex-wrap:wrap} body.app-mode-admin .promo-import-panel label{flex:1;min-width:140px;font-size:11px} body.app-mode-admin .promo-import-panel input[type=file]{width:100%;max-width:100%;font-size:11px} body.app-mode-admin .promo-import-panel .button{min-height:0;padding:9px 11px;font-size:11px} body.app-mode-admin #promotion-items{margin-top:10px;padding-top:13px} body.app-mode-admin #promotion-items h2{font-size:17px;margin:0 0 10px} } @media(max-width:1119px){body.app-mode-admin .promo-desktop-workspace{display:block}body.app-mode-admin .promo-import-panel{margin-top:10px}body.app-mode-admin .promo-compact-actions{display:flex;gap:8px;flex-wrap:wrap}body.app-mode-admin .promo-compact-actions .button{margin-top:8px}} /* 1.6.64 — pulpit roboczy promocji: cztery kolumny funkcjonalne na PC */ @media(min-width:1120px){ body.app-mode-admin .promo-desktop-workspace{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch;margin-bottom:10px} body.app-mode-admin #choose-entry.choice-panel{display:contents} body.app-mode-admin #choose-entry .choice-heading{grid-column:1 / 4;grid-row:1;background:#fff;border:1px solid #dbe5f0;border-radius:10px;padding:10px 14px 5px;margin:0;align-self:end} body.app-mode-admin #choose-entry .choice-heading h2{font-size:15px;margin:0 0 2px} body.app-mode-admin #choose-entry .entry-tiles{grid-column:1 / 4;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:#fff;border:1px solid #dbe5f0;border-top:0;border-radius:0 0 10px 10px;padding:0 10px 10px;align-self:stretch} body.app-mode-admin #choose-entry .entry-tile{min-height:76px;padding:10px;grid-template-columns:30px minmax(0,1fr);column-gap:8px;border-radius:8px} body.app-mode-admin #choose-entry .entry-tile-icon{width:30px;height:30px;font-size:16px} body.app-mode-admin #choose-entry .entry-tile strong{font-size:12px;line-height:1.25} body.app-mode-admin #choose-entry .entry-tile span:not(.entry-tile-icon){font-size:10px;line-height:1.25} body.app-mode-admin .promo-import-panel{grid-column:4;grid-row:1 / 3;margin:0;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:13px 14px;border:1px solid #dbe5f0;border-radius:10px;background:#fff} body.app-mode-admin .promo-import-panel h2{font-size:15px;margin:0 0 10px} body.app-mode-admin .promo-import-panel details>summary{font-size:12px;line-height:1.4} body.app-mode-admin .promo-import-panel details[open]{display:flex;flex-direction:column;gap:6px} body.app-mode-admin .promo-import-panel p{font-size:10px;line-height:1.35} body.app-mode-admin .promo-import-panel form{display:flex;flex-direction:column;align-items:stretch;gap:8px} body.app-mode-admin .promo-import-panel label{min-width:0;font-size:11px} body.app-mode-admin .promo-import-panel input[type=file]{font-size:10px} body.app-mode-admin .promo-import-panel .button{width:100%;white-space:normal;line-height:1.3} body.app-mode-admin #promotion-items{margin-top:10px;padding:13px 16px} body.app-mode-admin #promotion-items .table-scroll{max-height:none} body.app-mode-admin #promotion-items table{width:100%;table-layout:auto} body.app-mode-admin #promotion-items th,body.app-mode-admin #promotion-items td{padding:8px 10px} } @media(max-width:1119px){body.app-mode-admin #choose-entry .choice-heading{margin-bottom:8px}} .promo-inline-form{display:inline;margin-left:8px}.promo-link-button{border:0;background:none;padding:2px;color:#1662b5;cursor:pointer;font:inherit;text-decoration:underline}.promo-link-danger{color:#b02334}.promo-row-actions{white-space:nowrap} .shop-order-sent-banner{display:grid;gap:3px;padding:9px 12px;border-radius:9px;background:#eaf7ee;color:#155a31;border:1px solid #b6e0c4;font-size:12px}.shop-order-sent-banner strong{font-size:13px}.shop-order-sent-detail{margin-bottom:12px;padding:13px 16px}.shop-order-sent-detail a{color:#155a31;text-decoration:underline} /* 1.6.66 — miniatury promocji, podgląd zdjęć i lepsze akcje w katalogu */ .promo-catalog-table th,.promo-catalog-table td{vertical-align:middle} .promo-poster-cell{width:110px} .promo-cover-thumb,.product-thumb-button,.admin-thumb-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d7e3ef;background:#f8fbff;border-radius:12px;padding:4px;cursor:zoom-in;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease} .promo-cover-thumb:hover,.product-thumb-button:hover,.admin-thumb-button:hover,.promo-cover-thumb:focus-visible,.product-thumb-button:focus-visible,.admin-thumb-button:focus-visible{transform:translateY(-1px);border-color:#9ec2e8;box-shadow:0 10px 22px rgba(16,58,102,.12);outline:none} .promo-cover-thumb{width:84px;height:84px} .promo-cover-thumb img{width:100%;height:100%;object-fit:contain;display:block} .product-thumb-button{width:76px;height:76px} .product-thumb-button img{width:100%;height:100%;object-fit:contain;display:block} .promo-thumb-empty{display:grid;place-items:center;width:84px;height:84px;padding:8px;border:1px dashed #c7d8ea;border-radius:12px;background:#fbfdff;color:#6a8097;font-size:11px;line-height:1.25;text-align:center} .promo-name-cell{min-width:220px}.promo-name-cell strong{display:block;color:#0e325b}.promo-name-cell span{display:block;margin-top:4px;color:#67809a;font-size:12px;line-height:1.35} .promo-row-actions{white-space:normal!important;min-width:260px}.promo-action-group{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.promo-inline-form{display:inline-flex;margin:0}.promo-action-button{margin:0!important;text-decoration:none!important;line-height:1.1;min-height:34px;padding:8px 12px;border-radius:10px;box-shadow:none}.promo-action-danger{background:#fff1f2!important;border:1px solid #efc3c8!important;color:#a32634!important}.promo-action-danger:hover,.promo-action-danger:focus-visible{background:#ffe4e7!important;border-color:#de9aa3!important;color:#8c1f2c!important} .admin-image-preview .promotion-image-preview-content{padding:18px;background:#f4f8fc} .admin-image-preview .promotion-image-preview-content img{border-radius:12px;box-shadow:0 14px 38px rgba(11,49,91,.15);background:#fff} @media(max-width:980px){.promo-row-actions{min-width:220px}.promo-poster-cell{width:92px}.promo-cover-thumb,.promo-thumb-empty{width:72px;height:72px}} /* 1.6.67 — wymuszenie prawdziwych miniaturek i lepszej czytelności listy promocji */ .promo-catalog-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto} .promo-catalog-table th{white-space:nowrap} .promo-catalog-table .promo-poster-cell{width:96px!important;min-width:96px!important;max-width:96px!important;padding:10px 8px!important;text-align:center} .promo-catalog-table .promo-poster-cell .promo-cover-thumb, .promo-catalog-table .promo-poster-cell .admin-thumb-button{width:72px!important;height:72px!important;min-width:72px!important;max-width:72px!important;min-height:72px!important;max-height:72px!important;padding:4px!important;overflow:hidden;box-sizing:border-box} .promo-catalog-table .promo-poster-cell img{display:block!important;width:60px!important;height:60px!important;max-width:60px!important;max-height:60px!important;object-fit:contain!important;margin:auto!important} .promo-catalog-table .promo-thumb-empty{width:72px!important;height:72px!important;min-width:72px!important;max-width:72px!important;min-height:72px!important;max-height:72px!important;margin:auto} .promo-catalog-table .promo-name-cell{min-width:220px;max-width:340px} .promo-catalog-table td{padding-top:10px!important;padding-bottom:10px!important;vertical-align:middle!important} #promotion-items td:first-child{width:86px;min-width:86px;text-align:center} #promotion-items .product-thumb-button, #promotion-items .admin-thumb-button{width:58px!important;height:58px!important;min-width:58px!important;max-width:58px!important;min-height:58px!important;max-height:58px!important;padding:3px!important;overflow:hidden;box-sizing:border-box} #promotion-items .product-thumb-button img, #promotion-items .admin-thumb-button img{display:block!important;width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important;object-fit:contain!important;margin:auto!important} #promotion-items .promo-row-actions{min-width:150px!important} #promotion-items .promo-action-group{gap:6px} #promotion-items .promo-action-button{min-height:30px;padding:6px 10px;font-size:12px;border-radius:8px} /* ZACHÓD B2B 1.6.68 | biznesowy pulpit desktop-first | bez zmiany logiki zamówień */ :root{--biz-blue:#0574b8;--biz-navy:#10375e;--biz-soft:#f3f6fa;--biz-border:#dbe5ef} body.app-mode-admin,body.app-mode-shop{background:#f2f5f9;color:#20364e} body.app-mode-admin .app-topbar,body.app-mode-shop .app-topbar{height:65px!important;min-height:65px;background:linear-gradient(105deg,#0576b7,#005c9e)!important;border-bottom:0!important;box-shadow:0 2px 10px #063d6821;padding:0 22px!important;gap:18px} body.app-mode-admin .app-topbrand,body.app-mode-shop .app-topbrand{color:white!important;font-weight:850;font-size:19px;letter-spacing:-.3px} body.app-mode-admin .app-topbrand span,body.app-mode-shop .app-topbrand span{color:white!important} body.app-mode-admin .app-topbrand-logo,body.app-mode-shop .app-topbrand-logo{width:35px;height:35px;padding:4px;background:white;border-radius:9px} .app-toplinks{display:flex;gap:3px;align-items:center;margin-left:28px;min-width:0} .app-toplinks a{font-size:12px;font-weight:750;padding:11px 13px;border-radius:8px;color:#ecf7ff;text-decoration:none;white-space:nowrap} .app-toplinks a:hover,.app-toplinks a:focus-visible{background:#ffffff20;color:#fff;outline:2px solid #ffffff55;outline-offset:0} .app-topidentity{margin-left:auto;color:#e5f4ff;border-left:1px solid #ffffff50;padding-left:19px;font-size:12px;font-weight:700;white-space:nowrap} body.app-mode-admin .app-sidebar,body.app-mode-shop .app-sidebar{background:#fff!important;border-right:1px solid #dbe4ec;box-shadow:1px 0 9px #173b5510} body.app-mode-admin .app-side-brand,body.app-mode-shop .app-side-brand{background:#075f9f!important;padding:17px 14px!important;min-height:76px;border-bottom:0} body.app-mode-admin .app-menu-title,body.app-mode-shop .app-menu-title{font-size:10px;letter-spacing:1.4px;color:#758ca4!important;margin-top:17px} body.app-mode-admin .app-menu-link,body.app-mode-shop .app-menu-link{color:#27435e!important;border-radius:8px!important;margin:2px 9px!important;min-height:40px;padding:9px 12px!important;font-size:12px!important} body.app-mode-admin .app-menu-link:hover,body.app-mode-shop .app-menu-link:hover{background:#eaf4fd!important;color:#005fa5!important} body.app-mode-admin .app-menu-link.active,body.app-mode-shop .app-menu-link.active{background:#e2f2ff!important;color:#005da6!important;box-shadow:inset 3px 0 #0676c4;font-weight:850} body.app-mode-admin .app-menu-icon,body.app-mode-shop .app-menu-icon{color:inherit!important} body.app-mode-admin .app-main,body.app-mode-shop .app-main{max-width:none!important;padding:19px 24px 10px!important} body.app-mode-admin .panel,body.app-mode-shop .panel{box-shadow:0 3px 12px #0c35510a;border-color:#dfe7f0;border-radius:9px} body.app-mode-admin .admin-head{margin-bottom:12px!important} body.app-mode-admin .admin-head h1{font-size:23px!important;margin:0!important;letter-spacing:-.5px} body.app-mode-admin .back-navigation,body.app-mode-shop .back-navigation{margin-bottom:10px} body.app-mode-admin .back-navigation .button,body.app-mode-shop .back-navigation .button{border-radius:7px!important;padding:8px 12px!important;font-size:11px} body.app-mode-admin .panel h2,body.app-mode-shop .panel h2{font-size:18px} body.app-mode-admin th{background:#eaf1f7;color:#123c61;font-size:12px} body.app-mode-admin td{font-size:12px;vertical-align:middle} body.app-mode-admin td,body.app-mode-admin th{padding:10px 11px} body.app-mode-admin tr:hover td{background:#f7fbff} body.app-mode-admin .button,body.app-mode-shop .button{border-radius:7px} body.app-mode-admin .category-filters{margin-top:9px;margin-bottom:10px;gap:7px} body.app-mode-admin .category-filters a{border-radius:7px;padding:8px 12px} body.app-mode-admin .promo-catalog-table{width:100%;table-layout:fixed!important} body.app-mode-admin .promo-catalog-table th:nth-child(1){width:98px} body.app-mode-admin .promo-catalog-table th:nth-child(2){width:21%} body.app-mode-admin .promo-catalog-table th:nth-child(3){width:12%} body.app-mode-admin .promo-catalog-table th:nth-child(4){width:10%} body.app-mode-admin .promo-catalog-table th:nth-child(5){width:15%} body.app-mode-admin .promo-catalog-table th:nth-child(6){width:8%} body.app-mode-admin .promo-catalog-table th:nth-child(7){width:auto} body.app-mode-admin .promo-catalog-table .promo-name-cell{min-width:0!important;max-width:none;overflow-wrap:anywhere} body.app-mode-admin .promo-catalog-table .promo-row-actions{min-width:0!important} body.app-mode-admin .promo-action-group{gap:5px!important} body.app-mode-admin .promo-action-button{padding:7px 10px!important;min-height:30px!important;font-size:11px!important;border-radius:7px!important} body.app-mode-admin .promo-cover-thumb{width:72px!important;height:72px!important} body.app-mode-admin .promo-cover-thumb img{width:60px!important;height:60px!important;object-fit:contain!important} /* Sklep: trzy obszary jak portal biznesowy, ale bez dodatkowych nieużywanych modułów */ body.app-mode-shop .shop-content{width:100%;max-width:none!important} body.app-mode-shop .shop-store-card{padding:13px 17px!important;margin-bottom:11px!important;border-radius:9px!important} body.app-mode-shop .shop-store-card .shop-store-detail{font-size:12px} body.app-mode-shop .shop-dashboard-149{display:grid;grid-template-columns:minmax(0,1fr) 266px;gap:15px;align-items:start} body.app-mode-shop .shop-dashboard-149 .shop-next-deadline{grid-column:1/-1;padding:13px 20px;border-radius:9px;min-height:93px} body.app-mode-shop .shop-dashboard-149 .shop-dashboard-offers{grid-column:1;margin-top:0!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-width:0} body.app-mode-shop .shop-dashboard-offers .section-heading{background:#fff;border:1px solid #dce5ee;border-bottom:3px solid #0b73b2;padding:13px 16px;border-radius:9px 9px 0 0;margin:0!important} body.app-mode-shop .shop-dashboard-offers .section-heading h2{margin:3px 0 1px!important;font-size:20px!important} body.app-mode-shop .shop-dashboard-offers .section-heading p{font-size:12px} body.app-mode-shop .shop-dashboard-149 .shop-dashboard-offers .offer-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;padding:12px!important;background:#fff;border:1px solid #dce5ee;border-top:0;border-radius:0 0 9px 9px;gap:12px!important;scroll-snap-type:none!important} body.app-mode-shop .shop-dashboard-149 .shop-dashboard-offers .offer-row{width:auto!important;min-width:0!important;min-height:0!important;border-radius:9px!important;flex:auto!important;border:1px solid #d8e3ef!important;box-shadow:0 2px 7px #173b5512!important} body.app-mode-shop .shop-dashboard-149 .offer-row-thumb{height:185px!important;background:#edf4fb!important} body.app-mode-shop .shop-dashboard-149 .offer-row-thumb img{max-height:185px!important} body.app-mode-shop .shop-dashboard-149 .offer-row-main h3{font-size:17px!important} body.app-mode-shop .shop-dashboard-149 .offer-row-side .button{padding:10px!important;font-size:12px!important} .shop-business-aside{grid-column:2;background:#fff;border:1px solid #dbe5ee;border-radius:9px;overflow:hidden;box-shadow:0 3px 12px #123b550a} .shop-aside-heading{padding:15px 16px 12px;border-bottom:3px solid #0b73b2} .shop-aside-heading span{font-size:10px;font-weight:850;letter-spacing:1.1px;color:#0872b4} .shop-aside-heading h2{font-size:20px;color:#153e62;margin:3px 0 4px} .shop-aside-heading p{font-size:12px;color:#688096;margin:0} .shop-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px} .shop-quick-card{display:flex;flex-direction:column;min-height:110px;justify-content:center;align-items:center;gap:4px;padding:12px 7px;text-decoration:none;text-align:center;color:#0b5d9f;background:#edf6fe;border:1px solid #d7e8f7;border-radius:8px;transition:background .15s,transform .15s} .shop-quick-card:hover,.shop-quick-card:focus-visible{background:#d9ecfd;transform:translateY(-1px);outline:2px solid #b4d7f3} .shop-quick-card>span{display:grid;place-items:center;font-size:23px;font-weight:850;color:#0872bd;line-height:1.1} .shop-quick-card strong{font-size:12px;line-height:1.2} .shop-quick-card small{font-size:10px;line-height:1.25;color:#69849c} .shop-aside-note{font-size:11px;line-height:1.55;color:#6c8297;border-top:1px solid #e5edf5;padding:12px 15px} @media(max-width:1180px){.app-toplinks{margin-left:8px;gap:0}.app-toplinks a{padding:9px 8px;font-size:11px}body.app-mode-shop .shop-dashboard-149{grid-template-columns:minmax(0,1fr) 230px}body.app-mode-shop .shop-dashboard-149 .shop-dashboard-offers .offer-list{grid-template-columns:1fr!important}} @media(max-width:900px){.app-toplinks,.app-topidentity{display:none!important}body.app-mode-shop .shop-dashboard-149{display:block}body.app-mode-shop .shop-dashboard-149 .shop-dashboard-offers{margin-top:12px!important}.shop-business-aside{margin-top:14px}.shop-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body.app-mode-admin .promo-catalog-table{min-width:900px!important;table-layout:auto!important}} @media(max-width:760px){body.app-mode-shop .shop-dashboard-149 .shop-dashboard-offers .offer-list{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;background:transparent;border:0;padding:12px!important}body.app-mode-shop .shop-dashboard-149 .shop-dashboard-offers .offer-row{flex:0 0 min(82vw,315px)!important;scroll-snap-align:start}.shop-business-aside{margin:10px 0}.shop-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.app-mode-admin .app-main,body.app-mode-shop .app-main{padding:14px 12px!important}body.app-mode-admin .app-topbar,body.app-mode-shop .app-topbar{padding:0 12px!important}} /* 1.6.69 - nazwa sklepu w topbarze + mniejszy kafel promocji */ body.app-mode-shop .app-topidentity-shop{display:flex;flex-direction:column;align-items:flex-end;gap:2px;line-height:1.15;min-width:0;max-width:min(34vw,460px);white-space:normal;text-align:right} body.app-mode-shop .app-topidentity-shop .app-topidentity-label{display:block;font-size:13px;font-weight:800;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%} body.app-mode-shop .app-topidentity-shop small{display:block;font-size:11px;font-weight:600;color:#d9efff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%} body.app-mode-shop .shop-heading .shop-header-identity{display:none!important} body.app-mode-shop .shop-dashboard .offer-list:has(> .offer-row:only-child){grid-template-columns:minmax(250px,360px)!important;justify-content:start} body.app-mode-shop .shop-dashboard .offer-row{min-height:205px!important;padding:12px!important;gap:8px!important} body.app-mode-shop .shop-dashboard .offer-row-thumb{height:96px!important} body.app-mode-shop .shop-dashboard .offer-row-main h3{font-size:16px!important;margin:4px 0!important} body.app-mode-shop .shop-dashboard .offer-row-main p{font-size:12px!important;line-height:1.35!important} body.app-mode-shop .shop-dashboard .offer-meta{font-size:11px!important;gap:7px!important;margin-top:6px!important} body.app-mode-shop .shop-dashboard .offer-row-side .button{padding:10px 12px!important;font-size:13px!important} @media(max-width:900px){body.app-mode-shop .app-topidentity-shop{display:none!important}} @media(max-width:760px){body.app-mode-shop .shop-dashboard .offer-list:has(> .offer-row:only-child){grid-template-columns:1fr!important}body.app-mode-shop .shop-dashboard .offer-row{min-height:unset!important}} /* 1.6.70 — tylko administrator: przywrócenie kontrastu menu na białym tle. Stara globalna reguła .app-menu-link:not(.active) używała jasnego koloru z ciemnego sidebaru. */ body.app-mode-admin .app-sidebar .app-menu .app-menu-link:not(.active):not(:hover):not(:focus-visible){ color:#24445f!important; background:transparent!important; opacity:1!important; } body.app-mode-admin .app-sidebar .app-menu .app-menu-link:not(.active):hover, body.app-mode-admin .app-sidebar .app-menu .app-menu-link:not(.active):focus-visible{ color:#005da6!important; background:#eaf4fd!important; opacity:1!important; } body.app-mode-admin .app-sidebar .app-menu .app-menu-link.active, body.app-mode-admin .app-sidebar .app-menu .app-menu-link[aria-current="page"]{ color:#005da6!important; background:#e2f2ff!important; opacity:1!important; font-weight:850; } body.app-mode-admin .app-sidebar .app-menu .app-menu-link .app-menu-icon{ color:inherit!important; opacity:1!important; } /* 1.6.72 — mobile-first: ujednolicenie list promocji, czytelniejsze kolory i standard kart */ body.app-mode-shop .promotion-filters{ margin:18px 0 14px!important; padding:12px!important; border:1px solid #d9e6f4!important; border-radius:16px!important; background:linear-gradient(180deg,#f9fbff 0%,#f5f9fd 100%)!important; } body.app-mode-shop .promotion-category-tabs{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px!important; margin-bottom:12px!important; } body.app-mode-shop button.promotion-category-tab{ min-height:44px!important; padding:11px 10px!important; border-radius:12px!important; border:1px solid #cfdbeb!important; background:#ffffff!important; color:#103a68!important; font-size:13px!important; font-weight:800!important; box-shadow:0 1px 2px rgba(17,48,87,.04); } body.app-mode-shop button.promotion-category-tab[data-category-filter="all"]{background:#eef5ff!important;color:#0c57b3!important;border-color:#cfe0f7!important} body.app-mode-shop button.promotion-category-tab[data-category-filter="gazetka"]{background:#effaf6!important;color:#0b7b5d!important;border-color:#caebdf!important} body.app-mode-shop button.promotion-category-tab[data-category-filter="akcja_lato"]{background:#fff5e9!important;color:#aa6200!important;border-color:#f2ddb8!important} body.app-mode-shop button.promotion-category-tab[data-category-filter="okazjonalne"]{background:#f5efff!important;color:#6d42b0!important;border-color:#ddd0f7!important} body.app-mode-shop button.promotion-category-tab.is-selected[data-category-filter="all"]{background:#0b67cf!important;border-color:#0b67cf!important;color:#fff!important} body.app-mode-shop button.promotion-category-tab.is-selected[data-category-filter="gazetka"]{background:#0e8c68!important;border-color:#0e8c68!important;color:#fff!important} body.app-mode-shop button.promotion-category-tab.is-selected[data-category-filter="akcja_lato"]{background:#da7d00!important;border-color:#da7d00!important;color:#fff!important} body.app-mode-shop button.promotion-category-tab.is-selected[data-category-filter="okazjonalne"]{background:#7a4ac7!important;border-color:#7a4ac7!important;color:#fff!important} body.app-mode-shop .promotion-filter-controls{ grid-template-columns:1fr!important; gap:10px!important; } body.app-mode-shop .promotion-filter-controls label{ gap:6px!important; font-size:11px!important; line-height:1.25; letter-spacing:.03em; color:#173a61!important; } body.app-mode-shop .promotion-filter-controls input, body.app-mode-shop .promotion-filter-controls select{ height:46px!important; border-radius:12px!important; border:1px solid #c9d8ea!important; padding:0 13px!important; font-size:15px!important; color:#0d355e!important; background:#fff!important; } body.app-mode-shop .promotion-result-count{ margin:10px 0 0!important; font-size:13px!important; color:#486785!important; } body.app-mode-shop .offer-list, body.app-mode-shop .shop-upcoming-list{ display:grid!important; grid-template-columns:1fr!important; gap:12px!important; } body.app-mode-shop .offer-row, body.app-mode-shop .shop-upcoming-card{ display:grid!important; grid-template-columns:88px minmax(0,1fr)!important; gap:12px!important; align-items:start!important; padding:12px!important; border-radius:16px!important; border:1px solid #d9e6f4!important; background:#fff!important; box-shadow:0 4px 14px rgba(18,58,98,.07)!important; min-width:0!important; } body.app-mode-shop .offer-row-thumb, body.app-mode-shop .shop-upcoming-picture{ width:88px!important; height:88px!important; border-radius:14px!important; background:linear-gradient(180deg,#f4f9ff 0%,#edf5fd 100%)!important; overflow:hidden!important; } body.app-mode-shop .offer-row-thumb img, body.app-mode-shop .shop-upcoming-picture img{ width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; } body.app-mode-shop .offer-row-main, body.app-mode-shop .shop-upcoming-body{ min-width:0!important; width:100%!important; } body.app-mode-shop .offer-row-main h3, body.app-mode-shop .shop-upcoming-body h3{ margin:5px 0 5px!important; font-size:21px!important; line-height:1.18!important; color:#0a2f57!important; overflow-wrap:anywhere; } body.app-mode-shop .offer-row-main p, body.app-mode-shop .shop-upcoming-body p{ margin:0 0 8px!important; color:#506882!important; font-size:13px!important; line-height:1.42!important; } body.app-mode-shop .offer-tag, body.app-mode-shop .shop-upcoming-badge{ display:inline-flex!important; align-items:center; gap:6px; min-height:28px; padding:5px 11px!important; border-radius:999px!important; font-size:11px!important; font-weight:900!important; letter-spacing:.02em; } body.app-mode-shop .offer-tag{background:#e8f3ff!important;color:#0c62b6!important} body.app-mode-shop .offer-tag.offer-tag-urgent{background:#fff1cf!important;color:#9a6202!important} body.app-mode-shop .shop-upcoming-badge.shop-upcoming-current{background:#e7f6ee!important;color:#0d7c57!important} body.app-mode-shop .shop-upcoming-badge.shop-upcoming-future{background:#fff2d6!important;color:#a76500!important} body.app-mode-shop .shop-upcoming-badge.shop-upcoming-past{background:#f1f3f6!important;color:#68778a!important} body.app-mode-shop .offer-meta, body.app-mode-shop .shop-upcoming-meta{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px 12px!important; margin-top:8px!important; font-size:12px!important; } body.app-mode-shop .offer-meta span, body.app-mode-shop .shop-upcoming-meta span{ min-width:0; } body.app-mode-shop .shop-upcoming-meta span{display:flex;flex-direction:column;gap:2px} body.app-mode-shop .shop-upcoming-meta small{ color:#6a7d93!important; font-size:10px!important; font-weight:800!important; letter-spacing:.04em!important; } body.app-mode-shop .offer-meta strong, body.app-mode-shop .shop-upcoming-meta strong{ color:#123b68!important; font-size:12px!important; line-height:1.35!important; overflow-wrap:anywhere; } body.app-mode-shop .offer-row-timer{ grid-column:1/-1!important; margin:0!important; gap:4px!important; } body.app-mode-shop .offer-row-timer>span{ font-size:10px!important; color:#5a7da1!important; } body.app-mode-shop .offer-row-timer .shop-countdown{ margin-top:0!important; } body.app-mode-shop .shop-order-sent-banner, body.app-mode-shop .shop-upcoming-info{ grid-column:1/-1!important; display:block!important; width:100%!important; box-sizing:border-box; margin:0!important; padding:11px 12px!important; border-radius:12px!important; font-size:12px!important; line-height:1.45!important; } body.app-mode-shop .shop-order-sent-banner{background:#edf9ef!important;border:1px solid #b9dfc0!important;color:#2d6a34!important} body.app-mode-shop .shop-order-sent-banner strong{display:block!important;margin-bottom:2px;color:#1f6a2c!important} body.app-mode-shop .shop-upcoming-info{background:#f4f7fb!important;border:1px solid #dde7f1!important;color:#5f7185!important;text-align:center!important;font-weight:800!important} body.app-mode-shop .offer-row-side, body.app-mode-shop .shop-upcoming-side{ grid-column:1/-1!important; width:100%!important; max-width:none!important; min-width:0!important; display:block!important; text-align:left!important; } body.app-mode-shop .offer-row-side .button, body.app-mode-shop .shop-upcoming-side .button{ display:flex!important; align-items:center; justify-content:center; width:100%!important; min-height:46px!important; padding:12px 14px!important; border-radius:12px!important; font-size:15px!important; font-weight:900!important; text-align:center!important; } /* lepsza czytelność bloków ofert na smartfonie */ body.app-mode-shop .shop-content .section-heading h2{font-size:30px!important;line-height:1.12!important;color:#082c52!important} body.app-mode-shop .shop-content .section-heading .eyebrow{font-size:11px!important;font-weight:900!important;color:#1b5b95!important} body.app-mode-shop .shop-content .section-heading .muted{font-size:14px!important;color:#55708d!important} body.app-mode-shop .offers-count{ display:inline-flex; min-width:28px; height:28px; align-items:center; justify-content:center; padding:0 8px; margin-left:6px; border-radius:999px; background:#eef5ff; color:#0b67cf; font-size:15px; font-weight:800; } body.app-mode-shop .shop-side a[href*="view=offers"].is-active, body.app-mode-shop .shop-side a[href*="view=offers"][aria-current="page"]{background:#e8f3ff!important;color:#0b67cf!important;border-left-color:#0b67cf!important} body.app-mode-shop .shop-side a[href*="view=upcoming"].is-active, body.app-mode-shop .shop-side a[href*="view=upcoming"][aria-current="page"]{background:#effaf6!important;color:#0d7c57!important;border-left-color:#0d7c57!important} /* desktop / tablet: nadal spójnie, ale mniej priorytetowo niż mobile */ @media (min-width: 761px){ body.app-mode-shop .promotion-category-tabs{display:flex!important;flex-wrap:wrap} body.app-mode-shop .promotion-filter-controls{grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr)!important} body.app-mode-shop .offer-row, body.app-mode-shop .shop-upcoming-card{grid-template-columns:100px minmax(0,1fr) 220px!important;align-items:center!important;padding:14px!important} body.app-mode-shop .offer-row-thumb, body.app-mode-shop .shop-upcoming-picture{width:100px!important;height:100px!important} body.app-mode-shop .offer-row-main h3, body.app-mode-shop .shop-upcoming-body h3{font-size:24px!important} body.app-mode-shop .offer-row-side, body.app-mode-shop .shop-upcoming-side{grid-column:auto!important;display:flex!important;align-items:center;justify-content:flex-end;text-align:right!important} body.app-mode-shop .offer-row-side .button, body.app-mode-shop .shop-upcoming-side .button{width:100%!important;max-width:220px!important;font-size:14px!important} body.app-mode-shop .offer-row-timer, body.app-mode-shop .shop-order-sent-banner{grid-column:2/4!important} } @media (max-width: 420px){ body.app-mode-shop .offer-row, body.app-mode-shop .shop-upcoming-card{grid-template-columns:76px minmax(0,1fr)!important;gap:10px!important;padding:11px!important} body.app-mode-shop .offer-row-thumb, body.app-mode-shop .shop-upcoming-picture{width:76px!important;height:76px!important} body.app-mode-shop .offer-row-main h3, body.app-mode-shop .shop-upcoming-body h3{font-size:18px!important} body.app-mode-shop .offer-meta, body.app-mode-shop .shop-upcoming-meta{grid-template-columns:1fr!important} body.app-mode-shop .shop-content .section-heading h2{font-size:26px!important} } /* 1.6.75 — ciemny panel administratora, czytelna nawigacja i moduł sklepów */ body.app-mode-admin .app-sidebar{ background:#101923!important; color:#f5f7fb!important; border-right:1px solid #263446!important; box-shadow:3px 0 15px #0d19202b!important; } body.app-mode-admin .app-side-brand{ background:#172334!important; border:1px solid #304158!important; border-radius:11px!important; color:#fff!important; } body.app-mode-admin .app-side-brand .app-side-text strong{color:#fff!important} body.app-mode-admin .app-side-brand .app-side-text small{color:#c8d8ea!important} body.app-mode-admin .app-menu-title, body.app-mode-admin .app-sidebar .app-menu-title{color:#a8bacf!important} body.app-mode-admin .app-sidebar .app-menu .app-menu-link, body.app-mode-admin .app-sidebar .app-menu .app-menu-link:not(.active):not(:hover):not(:focus-visible){ color:#f1f5fc!important; background:transparent!important; opacity:1!important; font-weight:700!important; text-decoration:none!important; } body.app-mode-admin .app-sidebar .app-menu .app-menu-link .app-menu-icon{color:#d5e9ff!important;opacity:1!important} body.app-mode-admin .app-sidebar .app-menu .app-menu-link:hover, body.app-mode-admin .app-sidebar .app-menu .app-menu-link:focus-visible, body.app-mode-admin .app-sidebar .app-menu .app-menu-link:not(.active):hover, body.app-mode-admin .app-sidebar .app-menu .app-menu-link:not(.active):focus-visible{ background:#263b53!important; color:#fff!important; opacity:1!important; } body.app-mode-admin .app-sidebar .app-menu .app-menu-link.active, body.app-mode-admin .app-sidebar .app-menu .app-menu-link[aria-current="page"]{ background:#0c65b9!important; color:#fff!important; box-shadow:inset 4px 0 #79caff!important; opacity:1!important; font-weight:850!important; } body.app-mode-admin .app-sidebar .app-menu .app-menu-link.active .app-menu-icon, body.app-mode-admin .app-sidebar .app-menu .app-menu-link[aria-current="page"] .app-menu-icon{color:#fff!important} body.app-mode-admin .zachod-shop-list-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px} body.app-mode-admin .zachod-shop-list-head h2{margin:0} body.app-mode-admin .zachod-shop-list-head p{margin:4px 0 0} body.app-mode-admin .zachod-shop-add{display:inline-flex;align-items:center;justify-content:center;min-height:42px;white-space:nowrap} body.app-mode-admin .zachod-shop-search-label{display:flex;flex-direction:column;gap:7px;font-weight:750;margin:12px 0 15px} body.app-mode-admin .zachod-shop-search-label input{width:100%;min-height:44px;border:1px solid #c8d8e9;border-radius:10px;padding:10px 13px} body.app-mode-admin .zachod-shop-table td{vertical-align:middle} body.app-mode-admin .zachod-shop-table tr[hidden]{display:none!important} body.app-mode-admin .zachod-shop-row-actions{white-space:nowrap} body.app-mode-admin .zachod-shop-row-actions form{display:inline-flex;margin:0 0 0 6px} body.app-mode-admin .zachod-shop-row-actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 10px;border-radius:8px;font-size:12px} body.app-mode-admin .zachod-shop-status{display:inline-flex;border-radius:999px;padding:5px 9px;font-weight:750;font-size:11px} body.app-mode-admin .zachod-shop-status.is-active{background:#e5f6eb;color:#13663a} body.app-mode-admin .zachod-shop-status.is-inactive{background:#f1f3f6;color:#5e6673} body.app-mode-admin .zachod-shop-delete{background:#fff0f0!important;border:1px solid #ecc4c9!important;color:#a22030!important} body.app-mode-admin .zachod-shop-extra{background:#f8fbfe;border:1px solid #dde7f2;border-radius:12px;padding:15px;margin:12px 0} body.app-mode-admin .zachod-shop-extra h3{margin:0 0 6px} body.app-mode-admin .zachod-shop-extra .fields{margin-top:15px} body.app-mode-admin .zachod-shop-editor{scroll-margin-top:84px} @media(max-width:700px){ body.app-mode-admin .zachod-shop-list-head{align-items:stretch} body.app-mode-admin .zachod-shop-add{width:100%} body.app-mode-admin .zachod-shop-editor .fields{grid-template-columns:1fr} body.app-mode-admin .zachod-shop-row-actions{white-space:normal} } /* 1.6.77 — bezpieczny przełącznik sklepów w nagłówku (mobile-first). */ body.app-mode-shop .app-topidentity-shop{display:flex;align-items:center;gap:12px;flex-direction:row;max-width:min(54vw,680px);position:relative;overflow:visible;} body.app-mode-shop .app-topidentity-shop>.app-topidentity-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} body.app-mode-shop .shop-switcher{position:relative;flex:none;z-index:110;text-align:left;} body.app-mode-shop .shop-switch-trigger{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:7px 12px;border:1px solid rgba(255,255,255,.42);border-radius:10px;color:#fff;background:rgba(255,255,255,.13);font-size:12px;font-weight:850;cursor:pointer;list-style:none;white-space:nowrap;} body.app-mode-shop .shop-switch-trigger::-webkit-details-marker{display:none;} body.app-mode-shop .shop-switch-trigger:hover,body.app-mode-shop .shop-switcher[open] .shop-switch-trigger{background:rgba(255,255,255,.23);} body.app-mode-shop .shop-switch-trigger:focus-visible{outline:3px solid #ffe59b;outline-offset:2px;} body.app-mode-shop .shop-switch-icon{font-size:21px;line-height:1;} body.app-mode-shop .shop-switch-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(400px,calc(100vw - 24px));max-height:min(65vh,520px);overflow:auto;background:#fff;color:#0b3054;border:1px solid #c9d9e8;border-radius:15px;box-shadow:0 15px 48px rgba(3,27,50,.25);padding:14px;} body.app-mode-shop .shop-switch-menu>strong{display:block;font-size:16px;color:#0b3054;} body.app-mode-shop .shop-switch-menu>small{display:block;font-size:12px;color:#58718a;margin:3px 0 11px;} body.app-mode-shop .shop-switch-options{display:grid;gap:7px;} body.app-mode-shop .shop-switch-options form{margin:0;} body.app-mode-shop .shop-switch-option{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;gap:12px;border:1px solid #d7e4ef;background:#f7fbff;border-radius:11px;padding:11px 12px;font:inherit;cursor:pointer;color:#123b66;} body.app-mode-shop .shop-switch-option:not(:disabled):hover{background:#e6f2ff;border-color:#86b9e8;} body.app-mode-shop .shop-switch-option:disabled{cursor:default;background:#e9f8ee;border-color:#b5ddc3;opacity:1;} body.app-mode-shop .shop-switch-option span{font-size:13px;line-height:1.3;font-weight:800;min-width:0;overflow-wrap:anywhere;} body.app-mode-shop .shop-switch-option small{display:block;margin-top:4px;font-size:11px;color:#5c7289;font-weight:600;} body.app-mode-shop .shop-switch-option b{font-size:11px;color:#0c5fae;white-space:nowrap;} @media(max-width:900px){ body.app-mode-shop .app-topidentity-shop{display:flex!important;margin-left:auto!important;border:0!important;padding-left:0!important;max-width:none!important;} body.app-mode-shop .app-topidentity-shop>.app-topidentity-label,body.app-mode-shop .app-topidentity-shop>small{display:none!important;} body.app-mode-shop .shop-switch-trigger{min-height:42px;padding:7px 9px;} body.app-mode-shop .shop-switch-label{display:none;} body.app-mode-shop .shop-switch-menu{position:fixed;left:10px;right:10px;top:68px;width:auto;max-height:calc(85vh - 70px);} body.app-mode-shop .app-topbrand{max-width:125px!important;} }