/* DukanX V4 — compact storefront, inline search, reports and customer controls */

/* Search expands left from the original icon position */
.header-search-shell{position:relative;width:42px;height:42px;flex:0 0 42px;z-index:95}
.header-search-shell>.header-icon-button{position:absolute;inset:0;transition:opacity .16s ease,transform .2s ease}
.header-search-form{position:fixed;z-index:96;top:var(--inline-search-top,48px);right:var(--inline-search-right,180px);width:min(500px,calc(100vw - 28px));height:42px;display:grid;grid-template-columns:34px minmax(0,1fr) 38px 34px;align-items:center;gap:3px;padding:3px 4px 3px 8px;border:1px solid #d9ddeb;border-radius:13px;background:#fff;box-shadow:0 18px 45px rgba(21,28,52,.16);opacity:0;visibility:hidden;pointer-events:none;transform:scaleX(.08);transform-origin:right center;transition:transform .34s cubic-bezier(.2,.8,.2,1),opacity .18s ease,visibility .18s}
.header-search-shell.open .header-search-form{opacity:1;visibility:visible;pointer-events:auto;transform:scaleX(1)}
.header-search-shell.open>.header-icon-button{opacity:0;pointer-events:none;transform:scale(.82)}
.header-search-field-icon{width:19px;height:19px;fill:none;stroke:#7b8497;stroke-width:1.8;stroke-linecap:round;justify-self:center}
.header-search-form input{min-width:0;height:34px;padding:0 7px;border:0;background:transparent;outline:0;color:#172033;font-size:14px}
.header-search-form input::placeholder{color:#9aa2b2}
.header-search-submit,.header-search-close{height:34px;border:0;border-radius:9px;display:grid;place-items:center}
.header-search-submit{background:linear-gradient(135deg,var(--brand),#7a6bf0);color:#fff}
.header-search-submit svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.header-search-close{background:#f2f3f7;color:#465064;font-size:20px;line-height:1}

/* Compact home */
.home-hero-v4{padding-top:52px;padding-bottom:38px}
.home-hero-v4 .home-hero-grid{min-height:540px}
.home-hero-v4 .home-hero-copy h1{font-size:clamp(43px,5vw,68px);margin-bottom:14px}
.home-hero-v4 .home-hero-copy>p{max-width:590px;margin-bottom:20px}
.home-hero-v4 .showcase-product{min-height:430px}
.home-hero-v4 .showcase-product-image{height:175px}
.hero-metrics-v4{margin-top:23px}
.trust-strip-v4 .trust-grid>div{padding-block:16px}
.category-section-v4,.product-section-v4{padding-block:66px}
.category-grid-v4{grid-template-columns:repeat(3,1fr);gap:13px}
.category-grid-v4 .category-card{min-height:92px;padding:16px}
.category-grid-v4 .category-card p{display:none}
.product-grid-v4{grid-template-columns:repeat(3,1fr);gap:18px}
.home-closing-v4{padding-block:70px}
.home-closing-grid-v4{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:20px;align-items:stretch}
.deal-banner-v4{min-height:340px;padding:42px 44px;border-radius:25px}
.deal-banner-v4 h2{font-size:36px}
.deal-banner-v4 .deal-visual-v2{width:260px}
.compact-process-v4{padding:30px;border:1px solid #e6e8f0;border-radius:25px;background:#fff;box-shadow:0 18px 50px rgba(26,33,61,.06)}
.compact-process-v4 h2{margin:5px 0 18px;font:800 30px/1.2 Manrope,sans-serif;letter-spacing:-1.2px}
.compact-process-v4 ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.compact-process-v4 li{display:flex;gap:12px;align-items:center;padding:13px;border-radius:14px;background:#f7f8fc}
.compact-process-v4 li>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#ece9ff;color:var(--brand);font:800 10px Manrope,sans-serif}
.compact-process-v4 li b,.compact-process-v4 li small{display:block}.compact-process-v4 li b{font-size:13px}.compact-process-v4 li small{color:var(--muted);font-size:10px}
.compact-process-v4>a{display:inline-block;margin-top:19px;color:var(--brand);font-weight:700;font-size:13px}

/* Login and registration */
.auth-section-v4{min-height:calc(100vh - 110px);padding:55px 0;background:radial-gradient(circle at 75% 12%,rgba(113,95,238,.13),transparent 30%),#f7f8fc}
.auth-shell-v4{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.75fr);max-width:1050px;min-height:570px;padding:0;overflow:hidden;border:1px solid #e5e8f0;border-radius:27px;background:#fff;box-shadow:0 28px 75px rgba(26,33,61,.12)}
.auth-side-v4{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:42px 48px;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(145,128,255,.55),transparent 30%),linear-gradient(145deg,#181e3a,#4e43c3 68%,#6f61eb)}
.auth-side-v4:after{content:"";position:absolute;right:-90px;bottom:-120px;width:310px;height:310px;border:55px solid rgba(255,255,255,.07);border-radius:50%}
.auth-brand-v4{position:relative;z-index:2;color:#fff;font-size:19px}.auth-brand-v4 .brand-mark{background:#fff;color:var(--brand);box-shadow:none}
.auth-side-v4>div{position:relative;z-index:2;max-width:500px}.auth-eyebrow-v4{font:800 10px Manrope,sans-serif;letter-spacing:1.7px;color:#cfc9ff}
.auth-side-v4 h1{margin:12px 0 13px;font:800 clamp(36px,4.3vw,52px)/1.08 Manrope,sans-serif;letter-spacing:-2.4px}
.auth-side-v4 p{max-width:490px;margin:0;color:#ddd9ff;font-size:15px}
.auth-benefits-v4{display:grid;gap:10px;margin-top:28px}.auth-benefits-v4 span{display:flex;align-items:center;gap:9px;color:#f1efff;font-weight:600;font-size:13px}.auth-benefits-v4 b{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.12)}
.auth-side-v4>small{position:relative;z-index:2;color:#c7c1f5;font-size:10px}
.auth-card-v4{display:flex;flex-direction:column;justify-content:center;padding:42px 46px;background:#fff}
.auth-heading-v4{display:flex;gap:13px;align-items:flex-start;margin-bottom:25px}.auth-mini-mark{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:linear-gradient(145deg,var(--brand),#8578f8);color:#fff;font:800 14px Manrope,sans-serif;box-shadow:0 10px 24px rgba(103,89,232,.25)}
.auth-heading-v4>div>span{color:var(--brand);font:800 9px Manrope,sans-serif;letter-spacing:1.2px;text-transform:uppercase}.auth-heading-v4 h2{margin:2px 0 2px;font:800 29px/1.18 Manrope,sans-serif;letter-spacing:-1px}.auth-heading-v4 p{margin:0;color:var(--muted);font-size:12px}
.auth-form-v4{display:flex;flex-direction:column;gap:15px}.auth-form-v4 label>span{display:block;margin-bottom:6px;color:#323b4e;font-weight:700;font-size:12px}
.auth-input-v4{position:relative;display:flex;align-items:center;height:49px;border:1px solid #dfe3ec;border-radius:12px;background:#fafbfe;transition:.2s}.auth-input-v4:focus-within{border-color:#9287ed;background:#fff;box-shadow:0 0 0 4px rgba(103,89,232,.08)}
.auth-input-v4>svg{width:18px;height:18px;margin-left:13px;fill:none;stroke:#929aaa;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.auth-input-v4 input{width:100%;height:100%;min-width:0;padding:0 13px;border:0;background:transparent;outline:0;font-size:13px}.auth-input-v4.password-field input{padding-right:50px}.auth-input-v4.password-field button{top:6px;right:6px}
.auth-options-v4{display:flex;align-items:center;justify-content:space-between}.auth-options-v4 .check-row{font-size:11px}.auth-submit-v4{min-height:50px;margin-top:2px}.auth-switch-v4{margin:18px 0 0;text-align:center;font-size:12px}.auth-switch-v4 a{color:var(--brand);font-weight:700}
.demo-access-v4{margin-top:18px;padding:10px 12px;border-radius:11px;background:#f6f7fb;color:#5c6578;font-size:10px}.demo-access-v4 summary{cursor:pointer;font-weight:700}.demo-access-v4 div{display:grid;gap:4px;margin-top:7px}.demo-access-v4 code{font-size:9px;word-break:break-all}
.auth-register-shell-v4{min-height:650px}.auth-register-form-v4{display:grid;grid-template-columns:1fr 1fr;gap:13px}.auth-register-form-v4 label:nth-child(2),.auth-register-form-v4 label:nth-child(5),.auth-register-form-v4 .auth-submit-v4{grid-column:1/-1}

/* Product management */
.row-actions-v4{align-items:center;flex-wrap:wrap;min-width:205px}.row-actions-v4 form{display:inline-flex}.row-actions-v4 button{padding:3px 4px}.row-actions-v4 .visibility-action{color:#7768da}.row-actions-v4 .delete-action{color:#d34552}.text-profit{color:#0f9a67}.text-loss{color:#d34552}
.form-card label small{display:block;margin-top:5px;color:#8c94a5;font-size:9px;line-height:1.4}

/* Customer editing */
.customer-actions-v4{display:flex;align-items:center;gap:10px}.customer-actions-v4 .muted{color:#7f8798}
.customer-edit-grid-v4{display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px;align-items:start}.customer-profile-card-v4{position:sticky;top:96px}.customer-profile-head-v4{display:flex;align-items:center;gap:13px;padding-bottom:18px;border-bottom:1px solid #eceef3}.customer-profile-head-v4>span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,var(--brand),#8678f5);color:#fff;font:800 18px Manrope,sans-serif}.customer-profile-head-v4 h2{margin:0;font:750 17px Manrope,sans-serif}.customer-profile-head-v4 p{margin:2px 0 0;color:var(--muted);font-size:10px}.customer-profile-stats-v4{display:grid;gap:0;margin:15px 0}.customer-profile-stats-v4>div{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eef0f4}.customer-profile-stats-v4 small{color:var(--muted)}.customer-profile-stats-v4 strong{font:750 12px Manrope,sans-serif}.customer-edit-forms-v4{display:grid;gap:18px}.form-card-title-v4{margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid #eceef3}.form-card-title-v4 h2{margin:3px 0;font:750 20px Manrope,sans-serif}.form-card-title-v4 p{margin:0;color:var(--muted);font-size:11px}.customer-form-actions-v4{display:flex;justify-content:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid #eceef3}

/* Reports */
.report-title-v4{gap:20px}.report-date-filter-v4{display:flex;align-items:end;gap:9px}.report-date-filter-v4 label span{display:block;margin-bottom:4px;color:#7d8596;font-size:8px;font-weight:700;text-transform:uppercase}.report-date-filter-v4 input{height:42px;padding:0 10px;border:1px solid #dfe3ec;border-radius:10px;background:#fff;font-size:11px}.report-date-filter-v4 .btn{min-height:42px;padding-inline:15px}
.report-summary-grid-v4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.report-summary-grid-v4 article{position:relative;overflow:hidden;padding:20px;border:1px solid #e3e6ed;border-radius:17px;background:#fff}.report-summary-grid-v4 article.primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,#27255e,#6759e8)}.report-summary-grid-v4 article.profit:after,.report-summary-grid-v4 article.loss:after{content:"";position:absolute;right:-25px;top:-25px;width:80px;height:80px;border-radius:50%;background:rgba(22,166,115,.1)}.report-summary-grid-v4 article.loss:after{background:rgba(211,69,82,.1)}.report-summary-grid-v4 span,.report-summary-grid-v4 small{display:block}.report-summary-grid-v4 span{font-size:10px;color:#737c8f}.report-summary-grid-v4 .primary span,.report-summary-grid-v4 .primary small{color:#dcd8ff}.report-summary-grid-v4 strong{display:block;margin:4px 0;font:800 25px Manrope,sans-serif}.report-summary-grid-v4 small{color:#9aa1ae;font-size:8px}.report-summary-grid-v4 .profit strong{color:#0d9967}.report-summary-grid-v4 .loss strong{color:#cf4550}
.report-layout-v4{display:grid;gap:18px}.report-card-v4{overflow:hidden}.report-card-head-v4{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:17px}.report-card-head-v4 h2{margin:3px 0;font:750 20px Manrope,sans-serif}.report-card-head-v4 p{margin:0;color:var(--muted);font-size:10px}.report-card-head-v4>span{padding:6px 9px;border-radius:8px;background:#f1efff;color:var(--brand);font-size:9px;font-weight:700}.report-bars-v4{display:grid;gap:9px;margin-bottom:19px;padding:15px;border:1px solid #eceef3;border-radius:13px;background:#fbfbfd}.report-bars-v4>div{display:grid;grid-template-columns:150px minmax(0,1fr) 70px;align-items:center;gap:10px}.report-bars-v4 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700}.report-bars-v4 i{height:8px;overflow:hidden;border-radius:20px;background:#eceef4}.report-bars-v4 i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5b4dd8,#8879f5)}.report-bars-v4 strong{text-align:right;font-size:9px}.report-number-v4{display:inline-flex;padding:4px 7px;border-radius:8px;font-weight:700}.report-number-v4.profit{background:#eaf8f2;color:#0b9463}.report-number-v4.loss{background:#fff0f1;color:#c8404b}.report-note-v4{margin-top:15px;padding:12px 14px;border-radius:11px;background:#fff8e9;color:#76613c;font-size:9px}

@media(max-width:1050px){
  .home-closing-grid-v4{grid-template-columns:1fr}.deal-banner-v4{min-height:300px}.auth-shell-v4{grid-template-columns:1fr 410px}.auth-side-v4{padding:36px}.report-summary-grid-v4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .header-search-form{width:calc(100vw - 28px)}
  .home-hero-v4{padding-top:38px}.home-hero-v4 .home-hero-grid{min-height:auto}.category-grid-v4{grid-template-columns:repeat(2,1fr)}.product-grid-v4{grid-template-columns:repeat(2,1fr)}
  .auth-section-v4{padding:25px 0}.auth-shell-v4{grid-template-columns:1fr;max-width:620px;min-height:0}.auth-side-v4{display:none}.auth-card-v4{padding:38px}
  .customer-edit-grid-v4{grid-template-columns:1fr}.customer-profile-card-v4{position:static}.report-title-v4{align-items:flex-start;flex-direction:column}.report-date-filter-v4{width:100%;flex-wrap:wrap}.report-date-filter-v4 label{flex:1;min-width:150px}.report-date-filter-v4 input{width:100%}
}
@media(max-width:580px){
  .header-search-shell{width:38px;height:38px;flex-basis:38px}.header-search-form{top:var(--inline-search-top,55px);height:40px;grid-template-columns:28px minmax(0,1fr) 34px 30px;border-radius:12px}.header-search-form input{font-size:12px}.header-search-submit,.header-search-close{height:32px}
  .home-hero-v4{padding-top:27px;padding-bottom:25px}.home-hero-v4 .home-hero-copy h1{font-size:39px}.home-hero-v4 .showcase-product{min-height:390px}.category-section-v4,.product-section-v4,.home-closing-v4{padding-block:50px}.category-grid-v4,.product-grid-v4{grid-template-columns:1fr}.deal-banner-v4{min-height:390px;padding:30px 24px}.deal-banner-v4 .deal-visual-v2{width:100%;height:130px}.compact-process-v4{padding:22px}
  .auth-card-v4{padding:28px 22px}.auth-heading-v4 h2{font-size:25px}.auth-register-form-v4{grid-template-columns:1fr}.auth-register-form-v4 label:nth-child(2),.auth-register-form-v4 label:nth-child(5),.auth-register-form-v4 .auth-submit-v4{grid-column:auto}
  .report-summary-grid-v4{grid-template-columns:1fr}.report-date-filter-v4 .btn{width:100%}.report-bars-v4>div{grid-template-columns:90px minmax(0,1fr) 58px}.report-card-v4{padding:14px}.report-card-head-v4{flex-direction:column}.customer-form-actions-v4 .btn{width:100%}
}