/* 47 Degree Foods — premium mobile admin layer */
:root{--ops-ink:#1f2922;--ops-muted:#6b756d;--ops-line:#e3e8e1;--ops-surface:#ffffff;--ops-canvas:#f5f6f2;--ops-accent:#315c3e;--ops-accent-soft:#eaf2e8;--ops-warm:#fff8ed;--ops-danger:#9f3f2e;--ops-gold:#b28a4c}

body .admin-workspace{background:linear-gradient(180deg,#f9faf7 0%,#f4f6f1 100%)}
body .admin-workspace-nav{position:sticky;top:0;z-index:140;background:rgba(249,250,247,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(213,220,211,.8)}
body .admin-workspace-nav button{border-radius:999px;box-shadow:0 1px 0 rgba(31,41,34,.03)}

@media (max-width:700px){
  html,body{overscroll-behavior-y:none}
  body .admin-workspace{min-height:100dvh;background:linear-gradient(180deg,#fafbf8 0,#f1f4ef 100%)}
  body .admin-workspace-nav{padding:10px 10px 8px;gap:6px;top:0}
  body .admin-workspace-nav button{min-height:42px;padding:10px 14px;font-size:12px;border-color:#dfe5dc;background:rgba(255,255,255,.9)}
  body .admin-workspace-nav button[aria-current=page]{background:#203c2a;color:#fff;border-color:#203c2a;box-shadow:0 5px 14px rgba(32,60,42,.18)}

  body .legacy-ops{padding:14px 12px calc(96px + env(safe-area-inset-bottom));background:transparent;color:var(--ops-ink)}
  body .legacy-ops-header{margin:4px 0 12px;padding:16px 16px 14px;border:1px solid #e3e8e0;border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 8px 30px rgba(38,52,43,.06)}
  body .legacy-ops-eyebrow{font-size:10px!important;letter-spacing:1.7px;color:#718077!important}
  body .legacy-ops-header h1{font-size:27px;letter-spacing:-.65px;color:#1d2a21;margin:5px 0 3px}
  body .legacy-ops-header>div:first-child>p:last-child{font-size:12px;margin:0 0 14px;color:#748078}
  body .legacy-ops-header .legacy-ops-actions{gap:7px;margin:0 -2px;padding:2px 2px 1px;scroll-snap-type:x proximity}
  body .legacy-ops-header .legacy-ops-actions button{scroll-snap-align:start;min-height:40px;border-radius:12px;background:#f8faf7;border-color:#dde4da;color:#34463a;padding:9px 12px}

  body .legacy-ops-sync{margin:10px 2px 14px;padding:10px 12px;border-radius:14px;background:#eef3ec;border:1px solid #dce5d8;color:#526157;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
  body .legacy-ops-sync span:first-child{font-weight:650;color:#3e5144}
  body .legacy-ops-sync button{border-radius:10px;background:white;min-height:38px}

  body .legacy-ops-stats{gap:9px;margin:12px 0 16px}
  body .legacy-ops-stats>div{padding:14px 13px;border-radius:18px;border-color:#e0e6dd;background:linear-gradient(180deg,#fff,#fbfcfa);box-shadow:0 5px 18px rgba(35,50,40,.045)}
  body .legacy-ops-stats span{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#748078}
  body .legacy-ops-stats strong{font-size:20px;color:#23372a;margin-top:7px}

  body .legacy-ops-panel{padding:15px 13px;border-radius:20px;border-color:#dfe5dc;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(35,50,40,.05)}
  body .legacy-ops-section-head{margin-bottom:2px}
  body .legacy-ops-section-head h2{font-size:19px;letter-spacing:-.25px;color:#213027}
  body .legacy-ops-section-head p{font-size:12px;line-height:1.55;color:#758078}
  body .legacy-ops-section-head .legacy-ops-actions{gap:7px;margin-top:10px}
  body .legacy-ops-section-head .legacy-ops-actions button{min-height:44px;border-radius:12px;font-size:12px;background:#f8faf7}
  body .legacy-ops-section-head .legacy-ops-actions .primary{background:#264b32;border-color:#264b32;color:#fff;box-shadow:0 6px 14px rgba(38,75,50,.16)}

  body .legacy-ops-stock-tools{gap:8px;margin:10px 0 12px}
  body .legacy-ops-stock-tools button{min-height:74px!important;padding:12px 13px!important;border-radius:16px!important;border:1px solid #dfe6dc!important;background:linear-gradient(180deg,#fff,#fafbf9)!important;color:#384b3f!important;box-shadow:0 4px 12px rgba(37,51,42,.04)}
  body .legacy-ops-stock-tools button[aria-pressed=true]{background:linear-gradient(180deg,#edf5eb,#e6efe3)!important;border-color:#a9c0ac!important;color:#23462e!important;box-shadow:0 6px 18px rgba(49,92,62,.10)}
  body .legacy-ops-stock-tools strong{font-size:18px!important;color:#223c2b}
  body .legacy-ops-stock-meta{margin:10px 1px 13px;padding:10px 11px;border-radius:12px;background:#f6f8f4;color:#617067}
  body .legacy-ops-stock-meta label{font-size:12px}

  body .legacy-ops-stock-list{gap:10px}
  body .legacy-ops-stock-card{padding:15px 14px;border-radius:18px;border-color:#dde4da;background:linear-gradient(180deg,#fff 0%,#fbfcfa 100%);box-shadow:0 7px 20px rgba(33,48,38,.055)}
  body .legacy-ops-stock-card-main{align-items:flex-start;gap:12px}
  body .legacy-ops-stock-card-main>div:first-child strong{font-size:15px;line-height:1.35;color:#1f2f25}
  body .legacy-ops-stock-card-main small{font-size:11px;color:#7a847d;margin-top:5px}
  body .legacy-ops-stock-count{min-width:62px;padding:9px 7px;border-radius:14px;background:#eef5ec;color:#275437}
  body .legacy-ops-stock-count.low{background:#fff3df;color:#9d651d}
  body .legacy-ops-stock-count strong{font-size:24px;letter-spacing:-.4px}
  body .legacy-ops-stock-count span{font-size:9px;text-transform:uppercase;letter-spacing:.05em}
  body .legacy-ops-stock-card-foot{margin-top:13px;padding-top:11px;border-top:1px solid #edf0eb;font-size:11px;color:#6b776f}

  body .legacy-ops-filters{gap:8px;padding:12px 0}
  body .legacy-ops-filters input:first-child{border-radius:13px}
  body .legacy-ops input:not([type=checkbox]),body .legacy-ops select,body .legacy-ops textarea{min-height:46px;border-radius:12px;border-color:#d7e0d5;background:#fff;box-shadow:inset 0 1px 0 rgba(28,45,33,.02)}
  body .legacy-ops input:focus,body .legacy-ops select:focus,body .legacy-ops textarea:focus{outline:3px solid rgba(89,126,96,.16);border-color:#71917a}

  body .legacy-ops button{min-height:42px;border-radius:11px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  body .legacy-ops button.primary{background:#264b32;border-color:#264b32;box-shadow:0 5px 13px rgba(38,75,50,.14)}

  body .legacy-ops-record-list{gap:9px}
  body .legacy-ops-record{padding:14px;border-radius:17px;border-color:#dfe5dc;background:linear-gradient(180deg,#fff,#fbfcfa);box-shadow:0 5px 16px rgba(34,48,39,.045)}
  body .legacy-ops-record-head{font-size:10px;color:#748078}
  body .legacy-ops-record-head strong{font-size:15px;color:#203329}
  body .legacy-ops-record h3{font-size:14px;color:#26372d}
  body .legacy-ops-record-facts{gap:8px;padding:10px;border-radius:12px;background:#f6f8f4}
  body .legacy-ops-record-actions button{min-height:40px}

  body .legacy-ops-credit-banner{border-radius:17px;padding:14px;background:linear-gradient(180deg,#fff9ed,#f9f1df);border-color:#eadfca}
  body .legacy-ops-credit-parties article{border-radius:16px;background:#fbfcfa}
  body .legacy-ops-credit-worth span{border-radius:12px;background:#fffdf8}

  body .legacy-ops-pending{padding:14px;border-radius:17px;background:#fff9ef;border-color:#eadcc0;box-shadow:0 4px 14px rgba(89,67,31,.04)}

  body .legacy-ops-tabs{left:8px;right:8px;bottom:calc(7px + env(safe-area-inset-bottom));border:1px solid rgba(211,220,209,.95);border-radius:18px;padding:5px;background:rgba(255,255,255,.96);box-shadow:0 12px 36px rgba(24,38,29,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  body .legacy-ops-tabs button{min-height:54px;border-radius:13px!important;font-size:10px!important;font-weight:750!important;color:#718078!important;background:transparent!important}
  body .legacy-ops-tabs button[aria-current]{background:#e7f0e5!important;color:#234a30!important;box-shadow:inset 0 0 0 1px #cfddcc}

  body .legacy-ops-modal{background:rgba(15,27,19,.56);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  body .legacy-ops-modal>section{border-radius:24px 24px 0 0!important;padding:19px 16px calc(20px + env(safe-area-inset-bottom))!important;box-shadow:0 -18px 70px rgba(13,28,18,.25)}
  body .legacy-ops-modal>section:before{content:'';display:block;width:42px;height:4px;border-radius:99px;background:#d6ddd4;margin:-7px auto 14px}
  body .legacy-ops-modal label{font-size:12px;color:#526158}
  body .legacy-ops-modal .legacy-ops-actions{gap:8px;border-top:1px solid #edf0eb;background:#fff}
  body .legacy-ops-modal .legacy-ops-actions button{min-height:46px;border-radius:12px}

  body .records{padding:12px 12px calc(34px + env(safe-area-inset-bottom))}
  body .records-header,body .records-card{border-radius:18px}
  body .records-card{border-color:#dfe5dc;box-shadow:0 5px 18px rgba(34,48,39,.045)}
  body .records-tools{margin-top:15px;gap:8px}
  body .records-tools input{min-height:46px;border-radius:12px}
}

@media (max-width:380px){
  body .legacy-ops{padding-left:9px;padding-right:9px}
  body .legacy-ops-header{padding:14px 13px}
  body .legacy-ops-stock-tools{grid-template-columns:1fr 1fr}
  body .legacy-ops-stock-tools button{min-height:68px!important;padding:10px!important}
  body .legacy-ops-stock-count{min-width:58px}
}

@media (min-width:701px){
  body .legacy-ops{border-left:1px solid #edf0eb;border-right:1px solid #edf0eb}
  body .legacy-ops-stock-card,body .legacy-ops-panel,body .records-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
  body .legacy-ops-stock-card:hover,body .records-card:hover{transform:translateY(-1px);border-color:#ccd8c9;box-shadow:0 10px 26px rgba(34,48,39,.07)}
}

/* Mobile alignment audit — consistent positioning across Inventory, Activity and People. */
@media (max-width:700px){
  body .admin-workspace-nav{display:flex;align-items:center;max-width:100%;overflow-x:auto;padding:10px 12px 9px;scroll-padding-inline:12px;scrollbar-width:none}
  body .admin-workspace-nav::-webkit-scrollbar{display:none}
  body .admin-workspace-nav button{flex:0 0 auto;min-height:44px;padding:10px 15px;line-height:1;white-space:nowrap}

  body .legacy-ops{width:100%;max-width:100%;padding:12px 12px calc(138px + env(safe-area-inset-bottom));overflow-x:hidden}
  body .legacy-ops-header,body .legacy-ops-panel,body .legacy-ops-pending,body .records-card{width:100%;max-width:100%;min-width:0}
  body .legacy-ops-panel{padding:16px 14px}
  body .legacy-ops-section-head{display:block;width:100%}
  body .legacy-ops-section-head>div:first-child{width:100%;max-width:none}
  body .legacy-ops-section-head .legacy-ops-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  body .legacy-ops-section-head .legacy-ops-actions .primary{grid-column:1/-1;width:100%}
  body .legacy-ops-section-head .legacy-ops-actions button{width:100%;min-width:0}

  body .legacy-ops-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;padding:14px 0 16px}
  body .legacy-ops-filters>*{min-width:0;max-width:100%}
  body .legacy-ops-filters>input:first-child{grid-column:1/-1;width:100%;font-size:16px}
  body .legacy-ops-filters>input[type=date]{grid-column:1/-1;width:100%;padding-left:14px;padding-right:14px;text-align:left;color:#34463a;position:relative;background:#fff}
  body .legacy-ops-filters>input[type=date][value=""]{color:transparent}
  body .legacy-ops-filters>input[type=date][value=""]:before{content:'Choose date';color:#6e786f;position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none}
  body .legacy-ops-filters>button{width:100%;min-width:0;background:#fff}
  body .legacy-ops-filters>select{grid-column:1/-1;width:100%}
  body .legacy-ops-filters>label{min-height:46px;width:100%;padding:10px 12px;border:1px solid #d7e0d5;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:flex-start;gap:9px;font-size:12px;color:#415348}
  body .legacy-ops-filters>label input[type=checkbox]{width:22px;height:22px;min-width:22px;margin:0;accent-color:#315c3e}

  body .legacy-ops-stock-tools{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  body .legacy-ops-stock-tools button{width:100%;text-align:left;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px}
  body .legacy-ops-stock-tools button strong{margin:0!important;flex:none}
  body .legacy-ops-stock-meta{display:grid;grid-template-columns:1fr;gap:9px;width:100%;align-items:start}
  body .legacy-ops-stock-meta span{display:block;line-height:1.45}
  body .legacy-ops-stock-meta label{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%}

  body .legacy-ops-stock-list,body .legacy-ops-record-list,body .records-list{width:100%;min-width:0}
  body .legacy-ops-stock-card,body .legacy-ops-record,body .records-card{overflow:hidden}
  body .legacy-ops-stock-card-main,body .legacy-ops-stock-card-foot{min-width:0}
  body .legacy-ops-stock-card-main>div:first-child{min-width:0;flex:1}
  body .legacy-ops-stock-card-main>div:first-child strong,body .legacy-ops-stock-card-main small{overflow-wrap:anywhere}

  body .legacy-ops-tabs{left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));height:auto;min-height:66px;padding:6px;gap:3px;border-radius:20px}
  body .legacy-ops-tabs button{min-height:52px;padding:8px 3px!important;line-height:1.1}

  body .records{padding:12px 12px calc(54px + env(safe-area-inset-bottom))}
  body .records-tools{display:grid;grid-template-columns:1fr;align-items:stretch;width:100%}
  body .records-tools strong{display:block;line-height:1.35}
  body .records-tools input{width:100%;max-width:none;font-size:16px}
  body .records-card{display:block;padding:15px 14px}
  body .records-card>div,body .records-meta{width:100%;max-width:100%;min-width:0}
  body .records-meta{text-align:left;margin-top:13px;padding-top:12px;border-top:1px solid #e9ede4}
  body .records-meta>div{min-width:0}
  body .records-card select{width:100%;min-width:0}
  body .records-card a[href^="https://wa.me/"],body .records-card a[href^="tel:"]{min-height:44px!important;border-radius:12px!important;box-sizing:border-box}

  body .legacy-ops-modal>section{width:100%!important;max-width:none!important;overflow-x:hidden}
  body .legacy-ops-modal .legacy-ops-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%}
  body .legacy-ops-modal .legacy-ops-actions button{width:100%;min-width:0}
}

@media (max-width:430px){
  body .legacy-ops{padding-left:10px;padding-right:10px}
  body .legacy-ops-panel{padding:15px 12px}
  body .legacy-ops-header{padding:15px 14px}
  body .legacy-ops-section-head h2{font-size:18px}
  body .legacy-ops-filters{gap:8px}
  body .legacy-ops-stock-tools button{min-height:70px!important;padding:12px!important}
  body .legacy-ops-stock-tools strong{font-size:17px!important}
  body .records-card{padding:14px 12px}
}