/* ==========================================================================
   Хоум Пак — B2B Mini App · v7
   Один стиль, без слоёв патчей. Порядок: tokens → base → layout → components → screens → responsive.
   ========================================================================== */

@font-face{font-family:"Gilroy";font-weight:400;font-style:normal;font-display:swap;src:url("./fonts/Gilroy-Regular.woff2") format("woff2")}
@font-face{font-family:"Gilroy";font-weight:500;font-style:normal;font-display:swap;src:url("./fonts/Gilroy-Medium.woff2") format("woff2")}
@font-face{font-family:"Gilroy";font-weight:600;font-style:normal;font-display:swap;src:url("./fonts/Gilroy-SemiBold.woff2") format("woff2")}
@font-face{font-family:"Gilroy";font-weight:700;font-style:normal;font-display:swap;src:url("./fonts/Gilroy-Bold.woff2") format("woff2")}
@font-face{font-family:"Gilroy";font-weight:800;font-style:normal;font-display:swap;src:url("./fonts/Gilroy-ExtraBold.woff2") format("woff2")}

:root{
  --green-900:#143a23;
  --green-800:#0b5631;
  --green:#0b6032;
  --green-600:#118045;
  --green-500:#2faa61;
  --lime:#73c93c;
  --yellow:#e6e124;
  --yellow-ring:#e5cb16;
  --yellow-soft:#fbf1af;
  --yellow-tint:#fff6c9;
  --ink:#20231f;
  --ink-2:#4b514b;
  --muted:#70756f;
  --muted-2:#9ba19a;
  --bg:#f5f3ec;
  --card:#fffefb;
  --soft:#f0f0ea;
  --soft-2:#e9ebe4;
  --line:#e3e4de;
  --green-tint:#e6f2e6;
  --radius-xl:28px;
  --radius-lg:22px;
  --radius-md:18px;
  --radius-sm:14px;
  --shadow:0 10px 30px rgba(27,40,28,.07);
  --shadow-sm:0 6px 18px rgba(27,40,28,.06);
  --safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --nav-h:calc(74px + var(--safe-bottom));
  --font:"Gilroy",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}

/* --------------------------------------------------------------------------
   Base
   -------------------------------------------------------------------------- */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{margin:0;min-height:100%;background:#dde2da;color:var(--ink);font-family:var(--font);font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{display:flex;justify-content:center;overflow-x:hidden}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none;padding:0;-webkit-tap-highlight-color:transparent}
button:disabled{opacity:.55;cursor:default}
img{max-width:100%;display:block}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:800;letter-spacing:-.02em}
strong,b{font-weight:700}

.app{width:100%;max-width:480px;min-height:100vh;min-height:100dvh;background:var(--bg);position:relative;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.16)}

.icon{width:1em;height:1em;display:block;flex:none}

/* Boot / fatal */
.boot{min-height:100vh;min-height:100dvh;display:grid;place-items:center;align-content:center;gap:18px;background:var(--bg)}
.boot img{width:170px}
.boot p{color:var(--muted);font-size:14px}
.spinner{width:34px;height:34px;border:4px solid #d7dcd5;border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.fatal{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;text-align:center}
.fatal img{width:170px;margin:0 auto 18px}
.fatal h1{font-size:22px;margin-bottom:8px}
.fatal p{color:var(--muted);line-height:1.45;margin-bottom:16px}
.fatal small{display:block;margin-top:6px;color:var(--muted-2)}

/* Login (ИНН + пароль) */
.login{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:calc(36px + var(--safe-top)) 24px calc(32px + var(--safe-bottom));max-width:440px;margin:0 auto}
.login__logo{width:168px;margin-bottom:26px}
.login__title{font-size:30px;letter-spacing:-.035em;margin-bottom:8px}
.login__text{color:var(--muted);font-size:14.5px;line-height:1.45;margin-bottom:22px}
.login__form{display:grid;gap:12px}
.fld{display:block}
.fld span{display:block;font-size:12.5px;color:var(--muted);margin:0 0 6px 4px;font-weight:600}
.fld input{width:100%;padding:14px 16px;border:1px solid #d5dad3;border-radius:16px;background:#fff;font-size:17px;font-weight:600;outline:none;color:var(--ink);transition:border-color .15s}
.fld input::placeholder{color:#a4a9a2;font-weight:500}
.fld input:focus{border-color:var(--green-500);box-shadow:0 0 0 3px rgba(47,170,97,.15)}
.login__error{min-height:18px;font-size:13px;color:#b0271a;font-weight:600;margin:-2px 0 0 4px}
.login__form .btn{padding:16px;font-size:16px}
.login__help{margin-top:22px;font-size:13px;color:var(--muted);line-height:1.5;text-align:center}
.login__help a{color:var(--green);font-weight:700;text-decoration:none}
.fatal a.btn{text-decoration:none}

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */
.hdr{position:relative;color:#fff;padding:calc(14px + var(--safe-top)) 20px 18px;z-index:2}
.hdr--solid{background:radial-gradient(120% 140% at 8% 0%,#0d7743 0%,#0b6032 45%,#0b5631 100%);border-radius:0 0 50% 50% / 0 0 30px 30px;padding-bottom:40px;margin-bottom:-22px}
.hdr__row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.hdr__brand{min-width:0}
.hdr__logo{width:132px;height:auto}
.hdr__tag{font-size:11px;line-height:1.25;font-weight:500;color:rgba(255,255,255,.78);margin-top:4px;max-width:180px}
.hdr__client{display:flex;align-items:center;gap:10px;flex:none;max-width:52%;padding-top:4px}
.hdr__company{font-size:15px;font-weight:700;line-height:1.15;text-align:right;overflow-wrap:anywhere}
.hdr__avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:20px;flex:none}
.hdr__avatar:active{background:rgba(255,255,255,.24)}

/* Compact header for inner screens (Производство) */
.hdr--compact{padding-bottom:34px;margin-bottom:-18px}
.hdr--compact .hdr__row{align-items:center}
.hdr__back{display:flex;align-items:center;gap:8px;color:#fff;font-size:21px;font-weight:800;letter-spacing:-.02em}
.hdr__back .icon{font-size:26px}
.hdr__logo--sm{width:108px}

/* --------------------------------------------------------------------------
   Hero (главная): единый баннер-asset; шапка лежит на его зелёной части
   -------------------------------------------------------------------------- */
.hero{position:relative;background:#0b6a3b url("./assets/banners/hero-banner.webp") center bottom / 100% auto no-repeat;overflow:hidden}
.hero__visual{aspect-ratio:1654 / 951;width:100%}

/* --------------------------------------------------------------------------
   Layout
   -------------------------------------------------------------------------- */
.page{position:relative;z-index:3;padding:0 16px calc(var(--nav-h) + 18px)}
.page--inner{padding-top:12px}
.stack>*+*{margin-top:14px}
.title{font-size:34px;line-height:1.02;letter-spacing:-.035em;font-weight:800;margin:6px 0 14px}
.subtitle{font-size:17px;color:var(--ink-2);font-weight:500;line-height:1.3}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 12px}
.section-head h2{font-size:19px}
.link{color:var(--green);font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:2px}
.link .icon{font-size:16px}
.eyebrow{font-size:12px;color:var(--muted);font-weight:500}
.card{background:var(--card);border:1px solid rgba(45,58,46,.05);border-radius:var(--radius-xl);box-shadow:var(--shadow)}
.card--pad{padding:18px}
.empty{padding:28px;text-align:center;color:var(--muted)}

/* --------------------------------------------------------------------------
   Components
   -------------------------------------------------------------------------- */
/* Status pill */
.pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:16px;font-weight:700;font-size:13px;line-height:1.1;white-space:nowrap;background:var(--soft-2);color:var(--ink-2)}
.pill .icon{font-size:18px}
.pill--yellow{background:var(--yellow-soft);color:#4a4200}
.pill--green{background:#d9efd8;color:#155a2d}
.pill--gray{background:var(--soft-2);color:var(--ink-2)}
.pill--lg{padding:13px 18px;font-size:15px;border-radius:20px;gap:10px}
.pill--lg .icon{font-size:22px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;padding:14px 18px;font-weight:700;font-size:15px;line-height:1;transition:transform .08s}
.btn:active{transform:scale(.985)}
.btn--green{background:var(--green);color:#fff}
.btn--soft{background:#edf0ea;color:var(--green)}
.btn--block{width:100%}
.btn .icon{font-size:18px}

/* Horizontal stage track (8 стадий); каждая стадия — кнопка со всплывашкой */
.track{position:relative;display:grid;grid-template-columns:repeat(8,1fr);margin:18px 0 4px}
.track--6{grid-template-columns:repeat(6,1fr);margin:14px 0 2px}
.st{position:relative;text-align:center;min-width:0;display:block;width:100%;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
.st.is-open .st__dot{box-shadow:0 0 0 3px var(--card),0 0 0 5px var(--green-500)}
.st--current.is-open .st__dot{box-shadow:inset 0 0 0 3px var(--yellow-ring),0 0 0 3px var(--card),0 0 0 5px var(--green-500)}
.pop{position:absolute;z-index:6;bottom:calc(100% + 12px);width:min(236px,100%);background:#243028;color:#fff;border-radius:14px;padding:12px 14px 13px;box-shadow:0 14px 34px rgba(0,0,0,.24);text-align:left;font-size:12.5px;line-height:1.35;animation:pop-in .16s ease-out}
.pop::after{content:"";position:absolute;bottom:-5px;left:var(--arrow,50%);width:12px;height:12px;background:#243028;border-radius:2px;transform:translateX(-50%) rotate(45deg)}
.pop__title{font-weight:700;font-size:14px;margin-bottom:5px;line-height:1.2}
.pop__state{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;margin-bottom:6px}
.pop__state i{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.pop__state--done{color:#8fdc9a}
.pop__state--current{color:#f2cb1d}
.pop__state--next{color:#b9bfb8}
.pop p{color:rgba(255,255,255,.82)}
@keyframes pop-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.st::before{content:"";position:absolute;top:10px;left:50%;width:100%;height:2px;background:#dcdfd9}
.st:last-of-type::before{display:none}
.st--done::before{background:var(--green-600)}
.st__dot{width:22px;height:22px;border-radius:50%;background:#dfe1dc;margin:0 auto 7px;position:relative;z-index:1;display:grid;place-items:center;color:#fff;transition:box-shadow .15s}
.st__dot .icon{font-size:13px;display:none}
.st--done .st__dot{background:var(--green-600)}
.st--done .st__dot .icon{display:block}
.st--current .st__dot{background:#fff;box-shadow:inset 0 0 0 3px var(--yellow-ring)}
.st--current .st__dot::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--green)}
.st__label{display:block;font-size:8.5px;line-height:1.15;font-weight:500;color:var(--muted);margin:0 -2px;pointer-events:none}
.st--current .st__label{color:var(--ink);font-weight:700}
.st__label--short{display:none}
.track__caption{display:none;font-size:12px;color:var(--muted);margin-top:8px;text-align:center}
.track__caption b{color:var(--ink)}
.track--6 .st__label{font-size:9.2px}
.track--6 .st__dot{width:20px;height:20px}
.track--6 .st::before{top:9px}

/* Progress bar */
.bar{height:9px;border-radius:999px;background:#e3e5df;overflow:hidden}
.bar>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green-600),#3fb56b)}

/* Date row */
.date-row{display:flex;align-items:center;gap:14px;background:var(--soft);border-radius:var(--radius-md);padding:13px 14px 13px 14px;margin-top:16px;width:100%;text-align:left}
.date-row__icon{width:42px;height:42px;border-radius:14px;background:#fff;display:grid;place-items:center;color:var(--green);font-size:24px;box-shadow:0 4px 12px rgba(20,40,20,.05);flex:none}
.date-row__copy{flex:1;min-width:0}
.date-row__copy span{display:block;color:var(--muted);font-size:12px;margin-bottom:2px}
.date-row__copy strong{display:block;font-size:19px;color:var(--green);font-weight:800;letter-spacing:-.01em}
.date-row__chev{color:var(--muted-2);font-size:22px}

/* Timeline (события) */
.tl{position:relative;padding-left:26px}
.tl::before{content:"";position:absolute;left:6px;top:10px;bottom:10px;width:2px;background:#dadcd6}
.tl__item{position:relative;padding-bottom:16px}
.tl__item:last-child{padding-bottom:0}
.tl__item::before{content:"";position:absolute;left:-26px;top:3px;width:14px;height:14px;border-radius:50%;background:#c3c7c1}
.tl__item--current::before{background:#f0c800;box-shadow:0 0 0 4px rgba(240,200,0,.16)}
.tl__item--done::before{background:var(--green-600)}
.tl__time{display:block;font-size:12px;color:var(--muted);margin-bottom:3px}
.tl__title{display:block;font-size:14.5px;font-weight:700;line-height:1.25}
.tl__text{margin-top:3px;font-size:12.5px;line-height:1.4;color:var(--muted)}

/* Vertical stages (детальный экран) */
.vst{position:relative;padding-left:44px;margin:6px 0 16px}
.vst::before{content:"";position:absolute;left:15px;top:14px;bottom:14px;width:2px;background:#d8dad5}
.vst__row{position:relative;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;padding:7px 0 10px;min-height:44px}
.vst__dot{position:absolute;left:-44px;top:4px;width:32px;height:32px;border-radius:50%;background:#d3d6d1;display:grid;place-items:center;color:#fff;border:4px solid var(--bg)}
.vst__dot .icon{font-size:14px;display:none}
.vst__row--done .vst__dot{background:var(--green-600)}
.vst__row--done .vst__dot .icon{display:block}
.vst__row--current .vst__dot{background:#fff;box-shadow:inset 0 0 0 3px var(--yellow-ring)}
.vst__row--current .vst__dot::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--green)}
.vst__name{font-size:15px;font-weight:500;color:var(--ink-2);line-height:1.25;padding-top:2px}
.vst__row--done .vst__name{color:var(--ink)}
.vst__row--current .vst__name{color:var(--ink);font-weight:800;font-size:17px;padding-top:0}
.vst__time{font-size:12px;color:var(--muted);padding-top:4px;white-space:nowrap}
.vst__note{grid-column:1/-1;font-size:12.5px;color:var(--muted);line-height:1.35;margin-top:-4px}

/* Circle progress */
.ring{display:grid;place-items:center;position:relative;margin:14px auto 12px;width:236px;height:236px}
.ring>svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.ring__bg{fill:none;stroke:#e6e7e1;stroke-width:15}
.ring__val{fill:none;stroke:#f2c928;stroke-width:15;stroke-linecap:round;transition:stroke-dashoffset .6s ease}
.ring__body{position:relative;text-align:center;padding:0 22px}
.ring__pct{display:block;font-size:52px;font-weight:800;letter-spacing:-.04em;line-height:.95}
.ring__body .pill{margin-top:12px}
.ring__hint{display:block;color:var(--muted);font-size:12px;line-height:1.3;margin-top:9px}

/* Quick action tiles */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.tile{position:relative;min-height:104px;border-radius:var(--radius-lg);padding:12px 10px 12px;background:var(--card);border:1px solid rgba(45,58,46,.05);box-shadow:var(--shadow-sm);text-align:left;display:flex;flex-direction:column;justify-content:space-between;color:var(--ink);transition:transform .08s}
.tile:active{transform:scale(.97)}
.tile__icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:22px;color:var(--ink)}
.tile__label{font-size:11.5px;line-height:1.2;font-weight:600}
.tile__chev{position:absolute;right:9px;top:12px;font-size:16px;color:var(--muted-2)}
.tile--primary{background:var(--green);border-color:transparent;color:#fff}
.tile--primary .tile__icon{color:#fff;background:rgba(255,255,255,.12)}
.tile--primary .tile__chev{color:rgba(255,255,255,.7)}
.tile--accent .tile__icon{background:var(--yellow-soft)}
.tiles--3{grid-template-columns:repeat(3,1fr)}
.tiles--2{grid-template-columns:repeat(2,1fr)}
.tiles--3 .tile,.tiles--2 .tile{min-height:112px}
.tiles--3 .tile__label,.tiles--2 .tile__label{font-size:12.5px}

/* Switch */
.switch{width:52px;height:30px;border-radius:999px;background:var(--green-600);position:relative;transition:background .2s;flex:none}
.switch::after{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background:#fff;top:3px;right:3px;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:transform .2s}
.switch--off{background:#cfd3cd}
.switch--off::after{transform:translateX(-22px)}

/* Segmented control */
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--soft-2);padding:4px;border-radius:20px;margin:12px 0 14px}
.seg button{border-radius:16px;padding:12px 6px;font-weight:600;font-size:14px;color:var(--ink-2)}
.seg button.is-active{background:var(--green);color:#fff;box-shadow:0 6px 14px rgba(11,96,50,.2)}

/* Info tile (2×2) */
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.info{background:var(--soft);border-radius:var(--radius-md);padding:14px;display:flex;gap:10px;align-items:flex-start;min-height:88px}
.info__icon{color:var(--green);font-size:24px;flex:none;padding-top:1px}
.info span{display:block;font-size:11.5px;color:var(--muted);margin-bottom:4px}
.info strong{display:block;font-size:15px;color:var(--green);line-height:1.2;font-weight:800}

/* Field list (отгрузка) */
.fields{display:grid;gap:12px}
.field{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}
.field__icon{color:var(--green);font-size:22px;padding-top:2px}
.field b{display:block;font-size:11.5px;color:var(--muted);font-weight:500;margin-bottom:2px}
.field span{font-size:15px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}

/* Bottom nav */
.nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:480px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid rgba(0,0,0,.06);border-radius:24px 24px 0 0;display:grid;grid-template-columns:repeat(4,1fr);padding:9px 8px calc(9px + var(--safe-bottom));z-index:30;box-shadow:0 -8px 30px rgba(20,30,20,.04)}
.nav button{display:grid;place-items:center;gap:4px;padding:4px 0 2px;color:#7b817c;font-size:11px;font-weight:600}
.nav button .icon{font-size:25px}
.nav button.is-active{color:var(--green)}

/* Toast */
.toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + 18px);transform:translate(-50%,20px);max-width:400px;width:calc(100% - 36px);background:#243028;color:#fff;border-radius:16px;padding:12px 14px;opacity:0;pointer-events:none;transition:.22s;z-index:80;font-size:13.5px;font-weight:600;box-shadow:0 14px 34px rgba(0,0,0,.2)}
.toast.is-show{opacity:1;transform:translate(-50%,0)}

/* Modal sheet */
.modal{position:fixed;inset:0;background:rgba(17,25,19,.4);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:12px}
.sheet{width:100%;max-width:480px;background:#fff;border-radius:26px;padding:20px 18px calc(18px + var(--safe-bottom));box-shadow:0 25px 80px rgba(0,0,0,.25)}
.sheet h3{font-size:21px;margin-bottom:6px}
.sheet p{font-size:13.5px;color:var(--muted);line-height:1.4;margin-bottom:14px}
.sheet textarea{width:100%;min-height:120px;resize:vertical;border:1px solid #d8ddd7;background:#f7f7f3;border-radius:16px;padding:13px;outline:none}
.sheet textarea:focus{border-color:var(--green-500)}
.sheet__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}

/* --------------------------------------------------------------------------
   Screen: Главная
   -------------------------------------------------------------------------- */
.current{margin-top:-30px;padding:20px 18px 18px}
.current__head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.current__title{font-size:27px;line-height:1;letter-spacing:-.03em;margin:5px 0 6px}
.current__product{font-size:16px;font-weight:600;line-height:1.25}
.current__qty{font-size:16px;color:var(--muted);margin-top:2px}
.current .pill{flex:none;margin-top:14px}

/* --------------------------------------------------------------------------
   Screen: Мои заказы
   -------------------------------------------------------------------------- */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.stat{background:var(--card);border-radius:var(--radius-md);padding:12px 10px 12px 12px;box-shadow:var(--shadow-sm);border:1px solid rgba(45,58,46,.05)}
.stat__top{display:flex;align-items:flex-start;gap:8px}
.stat__icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:none;font-size:19px;background:var(--green-tint);color:var(--green-600)}
.stat--yellow .stat__icon{background:var(--yellow-tint);color:#9a8a00}
.stat__top span{font-size:11px;line-height:1.2;color:var(--ink-2);font-weight:500;padding-top:2px}
.stat strong{display:block;font-size:26px;font-weight:800;margin:6px 0 0 44px;line-height:1}
.orders{display:grid;gap:12px}
.orow{padding:14px 14px 15px;cursor:pointer;transition:transform .08s}
.orow:active{transform:scale(.99)}
.orow__head{display:flex;gap:14px;align-items:flex-start}
.orow__thumb{width:84px;height:84px;border-radius:18px;background:var(--soft);display:grid;place-items:center;padding:8px;flex:none}
.orow__thumb img{max-width:100%;max-height:100%;object-fit:contain}
.orow__copy{flex:1;min-width:0}
.orow__name{font-size:16px;font-weight:700;line-height:1.2;margin:3px 0 3px}
.orow__qty{font-size:14px;color:var(--muted)}
.orow__copy .pill{margin-top:9px;padding:8px 11px;font-size:12px;border-radius:13px}
.orow__copy .pill .icon{font-size:16px}
.orow__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--soft-2)}
.orow__eta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;min-width:0}
.orow__eta .icon{font-size:20px;color:var(--green);flex:none}
.orow__eta strong{display:block;color:var(--green);font-size:15px;font-weight:800;margin-top:1px}
.orow__foot .icon--chev{font-size:20px;color:var(--muted-2)}

/* --------------------------------------------------------------------------
   Screen: Заказ (detail)
   -------------------------------------------------------------------------- */
.back{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-weight:700;font-size:14px;margin:4px 0 10px}
.back .icon{font-size:20px}
.detail__title{font-size:33px;line-height:1.02;letter-spacing:-.035em}
.detail__sub{margin-top:8px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
.duo__card{border-radius:var(--radius-lg);padding:14px;min-height:100px;display:flex;align-items:center;gap:11px;background:#ebf0e8;text-align:left}
.duo__card--yellow{background:linear-gradient(135deg,#fff8d6,#f5eab0)}
.duo__icon{width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:22px;color:var(--green);flex:none}
.duo__card--yellow .duo__icon{background:var(--yellow-ring);color:#1a1c17}
.duo__card>div{min-width:0}
.duo__card span{display:block;font-size:11.5px;color:var(--muted);margin-bottom:4px;line-height:1.2}
.duo__card strong{display:block;font-size:15px;line-height:1.15;color:var(--green);font-weight:800}
.duo__card--yellow strong{color:var(--ink)}
.detail .btn--block{margin-top:12px}

/* --------------------------------------------------------------------------
   Screen: Производство
   -------------------------------------------------------------------------- */
.prod-sum{padding:18px;position:relative;overflow:hidden;min-height:150px;display:flex;align-items:center}
.prod-sum__copy{width:60%;position:relative;z-index:2}
.prod-sum__title{font-size:22px;line-height:1.05;letter-spacing:-.025em;margin:4px 0 6px}
.prod-sum__copy .pill{margin-top:12px}
.prod-sum__img{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:34%;max-height:120px;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(0,0,0,.12))}
.prod{padding:18px}
.prod__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.prod__head h2{font-size:19px}
.prod__pct{font-size:48px;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--green);margin-top:8px}
.prod__caption{font-size:11.5px;color:var(--muted);max-width:140px;text-align:right;line-height:1.3;padding-top:4px}
.prod__line{width:100%;height:auto;margin:10px 0 6px}
.prod__labels{display:grid;grid-template-columns:.9fr 1fr 1fr .9fr;text-align:center;gap:4px}
.prod__labels b{display:block;font-size:12px;line-height:1.15;font-weight:600;color:var(--ink-2)}
.prod__labels small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.prod__labels .is-active b{color:var(--green);font-weight:800}
.prod .bar{margin-top:14px}
.prod-status{padding:18px}
.prod-status h2{font-size:19px}
.prod-status .info-grid{margin-top:16px}

/* --------------------------------------------------------------------------
   Screen: Отгрузка
   -------------------------------------------------------------------------- */
.ship-intro{display:flex;align-items:flex-end;gap:8px;padding-top:12px}
.ship-intro__copy{flex:1;min-width:0}
.ship-intro h1{font-size:28px;letter-spacing:-.035em;line-height:1.04}
.ship-intro p{margin:8px 0 14px;color:var(--ink-2);font-size:14px;line-height:1.35}
.ship-intro__truck{flex:none;width:36%;max-width:170px;margin-bottom:6px}
.ship-note{position:absolute;right:20px;top:-4px;font-size:12px;line-height:1.2;color:#7a7e76;font-style:italic;transform:rotate(-4deg)}
.ship-grid{display:grid;grid-template-columns:1fr 132px;gap:12px;align-items:end;margin-top:14px}
.ship-grid__side{position:relative;padding-top:26px}
.ship-grid__side img{width:100%;filter:drop-shadow(0 12px 12px rgba(0,0,0,.08))}
.notify{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px}
.notify__copy{display:flex;align-items:center;gap:12px;min-width:0}
.notify__copy .icon{color:var(--green);font-size:26px;flex:none}
.notify strong{display:block;font-size:14.5px}
.notify small{display:block;color:var(--muted);font-size:12px;margin-top:3px;line-height:1.3}

/* --------------------------------------------------------------------------
   Screen: Каталог
   -------------------------------------------------------------------------- */
.catalog{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.product{padding:12px;display:flex;flex-direction:column}
.product__img{width:100%;height:132px;border-radius:18px;background:var(--soft);display:grid;place-items:center;padding:12px}
.product__img img{max-width:100%;max-height:100%;object-fit:contain}
.product h3{font-size:14.5px;line-height:1.2;margin:12px 0 5px}
.product p{font-size:12px;color:var(--muted);line-height:1.4;flex:1}
.product .btn{margin-top:12px;padding:12px;font-size:13.5px;border-radius:14px}

/* --------------------------------------------------------------------------
   Screen: Профиль
   -------------------------------------------------------------------------- */
.profile{padding:18px}
.profile__person{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.profile__avatar{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#0b6032,#138149);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:800;flex:none}
.profile__company{font-size:20px;font-weight:800;line-height:1.1;letter-spacing:-.02em}
.profile__sub{font-size:13px;color:var(--muted);margin-top:5px}
.line{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}
.line:last-child{border-bottom:0;padding-bottom:2px}
.line__copy{min-width:0}
.line strong{display:block;font-size:14.5px}
.line span{display:block;font-size:13px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}
.line .btn{flex:none;padding:11px 14px;font-size:13.5px;border-radius:14px}
.note{font-size:13px;color:var(--muted);line-height:1.45}
.note b{color:var(--ink)}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width:399px){
  .hdr{padding-left:16px;padding-right:16px}
  .hdr__logo{width:118px}
  .hdr__tag{font-size:10.5px;max-width:160px}
  .hdr__company{font-size:14px}
  .hdr__avatar{width:38px;height:38px;font-size:18px}
  .page{padding-left:14px;padding-right:14px}
  .card--pad,.current,.prod,.prod-status,.profile{padding:16px}
  .title{font-size:30px}
  .current__title{font-size:24px}
  .current__head{flex-wrap:wrap}
  .current .pill{order:3;margin-top:10px}
  .st__label--full{display:none}
  .st__label--short{display:block}
  .tiles{grid-template-columns:repeat(2,1fr)}
  .tile{min-height:96px}
  .tile__label{font-size:13px}
  .stat{padding:12px 10px}
  .stat__top{flex-direction:column;gap:8px}
  .stat strong{margin-left:0;margin-top:8px}
  .orow__thumb{width:74px;height:74px}
  .detail__title{font-size:29px}
  .ring{width:212px;height:212px}
  .ring__pct{font-size:46px}
  .duo{grid-template-columns:1fr}
  .duo__card{min-height:84px}
  .catalog{grid-template-columns:1fr 1fr}
  .product__img{height:112px}
  .prod__labels b{font-size:11px}
  .ship-grid{grid-template-columns:1fr 112px}
  .ship-intro h1{font-size:26px}
  .ship-intro__truck{width:34%}
  .tiles--3{grid-template-columns:1fr 1fr}
  .tiles--3 .tile:first-child{grid-column:1/-1;min-height:0;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;padding:12px 14px}
  .tiles--3 .tile:first-child .tile__chev{top:50%;transform:translateY(-50%)}
}
@media (max-width:359px){
  .track{grid-template-columns:repeat(8,1fr)}
  .st__label{display:none !important}
  .track__caption{display:block}
  .catalog{grid-template-columns:1fr}
  .product__img{height:150px}
  .ship-grid{grid-template-columns:1fr}
  .ship-grid__side{padding-top:6px;max-width:180px;margin:0 auto}
  .ship-note{display:none}
  .ship-intro{flex-wrap:wrap}
  .ship-intro__copy{flex:1 1 100%}
  .ship-intro__truck{width:150px;margin:-6px 0 0 auto}
  .hdr__tag{display:none}
  .section-head h2{font-size:17px}
  .link{font-size:12px}
  .info-grid{grid-template-columns:1fr}
  .info{min-height:0}
  .stats{gap:6px}
  .stat{padding:10px 8px}
  .stat__top{flex-direction:column;gap:6px}
  .stat strong{margin-left:0}
}