/* MINNA TABACCO | Admin UI | Premium light skin
   Presentation-only. No API, permission, order or payment behavior changes.
   New path + cache-busted import ensure Safari cannot render previous dark-theme CSS.
*/
:root {
 --bg:#f6f8fa;--panel:#ffffff;--panel2:#f3f6f7;--line:#e6ebee;
 --text:#1c292e;--muted:#73828b;--accent:#247a69;--danger:#cc4f55;
 --ok:#25815d;--blue:#4885ab;
 --minna-forest:#216c5c;--minna-ink:#21333b;--minna-card:#fff;
}
html {background:var(--bg)}
body {background:var(--bg)!important;color:var(--text)!important;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft Yahei",sans-serif;-webkit-font-smoothing:antialiased}
.uiIcon {display:inline-block;vertical-align:middle;flex-shrink:0}
.sr-only {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.app {grid-template-columns:242px minmax(0,1fr)!important;min-height:100vh;background:var(--bg)}
/* Sidebar */
.app .side {background:#fff!important;color:#273940!important;border-right:1px solid #e9edef!important;display:flex!important;flex-direction:column!important;height:100vh!important;position:sticky!important;top:0!important;padding:26px 14px 16px!important;overflow-y:auto;overflow-x:hidden}
.app .brandMark {margin:0 6px 24px;padding:0 2px 22px!important;display:flex!important;align-items:center!important;gap:12px!important;border-bottom:1px solid #edf0f2!important}
.app .brandBadge {width:43px;height:43px;border-radius:13px;background:#227663;color:white;font-size:22px;line-height:43px;box-shadow:0 4px 12px rgba(29,101,83,.14)}
.app .brandText .logo {font-size:20px;font-weight:800;letter-spacing:.11em;line-height:1.1;color:#1f3435}
.app .brandText .sub {color:#8b9698;font-size:11px;letter-spacing:.025em;white-space:nowrap;margin-top:5px}
.app .sideGroupTitle {font-size:11px!important;letter-spacing:.07em!important;color:#a5b0b5!important;font-weight:750!important;margin:2px 14px 11px!important}
.app .nav {margin:0!important;display:flex!important;flex-direction:column!important;gap:3px!important}
.app .nav button {width:100%;display:flex!important;align-items:center!important;gap:12px;text-align:left;border:1px solid transparent!important;color:#65747b!important;background:transparent!important;border-radius:10px!important;padding:11px 13px!important;font-size:13px!important;font-weight:600;min-height:43px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.app .nav button .uiIcon {opacity:.9;color:#8d9ba3}
.app .nav button:hover {background:#f5f8f7!important;border-color:#f0f3f2!important;color:#245e50!important}
.app .nav button.active {color:#1d715f!important;background:#eaf5f1!important;border-color:#eaf5f1!important;font-weight:750!important}
.app .nav button.active .uiIcon {color:#20816a!important}
.app .navAdvanced {display:flex!important;flex-direction:column!important;gap:3px!important;margin-top:7px;border-top:1px solid #edf0f2;padding-top:12px}
.app .navAdvanced[hidden] {display:none!important}
.app .navAdvanced .sideGroupTitle {margin:0 14px 10px!important}
.app .advancedToggle {margin:11px 2px 0!important;padding:11px 12px!important;border:1px solid #edf1f2!important;border-radius:10px!important;background:#fafbfb!important;color:#74858c!important;font-size:12px!important;font-weight:650;display:flex!important;align-items:center;justify-content:space-between;cursor:pointer}
.app .advancedToggle .uiIcon {transition:transform .18s}
.app .advancedToggle[aria-expanded="true"] .uiIcon {transform:rotate(180deg)}
.app .advancedToggle:hover {background:#f2f6f5!important;color:#315f56!important}
.app .sideFooter {margin-top:auto!important;border-top:1px solid #eef1f3!important;display:flex;gap:10px;align-items:center;padding:20px 5px 3px!important;min-width:0}
.app .accountAvatar {display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eaf2ee;color:#247864;font-size:13px;font-weight:800;flex-shrink:0}
.app .accountInfo {flex:1;min-width:0}
.app .accountCaption {display:block;font-size:10px;color:#a2adb2;margin-bottom:3px}
.app .side #adminRole {font-size:11px!important;font-weight:650;color:#53646b!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;max-width:130px}
.app .logoutBtn {padding:6px 8px!important;font-size:11px!important;color:#84929a!important;border:0!important;background:transparent!important}
.app .logoutBtn:hover {color:#b04349!important;background:#fff4f4!important}
/* Main workspace */
.app .main {max-width:none!important;min-width:0!important;margin:0!important;padding:33px clamp(25px,4.2vw,76px) 60px!important}
.app .top {display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 0 26px!important;border-bottom:1px solid #e9edef!important;margin-bottom:29px!important;gap:20px!important}
.app .topIdentity {min-width:0}
.app .eyebrow {font-size:11px!important;letter-spacing:.09em!important;color:#8c9b9d!important;font-weight:700!important;margin-bottom:11px!important}
.app .crumbSeparator {color:#c2caca;padding:0 6px}
.app .title {font-size:27px!important;letter-spacing:-.05em!important;color:#263738!important;line-height:1.1;font-weight:800!important}
.app .status {font-size:11px!important;color:#87989d!important;margin-top:9px!important}
.app .topActions {display:flex!important;align-items:center!important;gap:10px!important;flex-direction:row!important;flex-shrink:0}
.app .publicSite,.app .refreshBtn {display:inline-flex!important;align-items:center;gap:7px;text-decoration:none;justify-content:center;font-size:12px!important;border-radius:9px!important;padding:10px 14px!important;min-height:39px!important;white-space:nowrap;box-shadow:none!important;transition:background .15s,border-color .15s!important}
.app .publicSite {color:#5d7077!important;font-weight:600;background:transparent;border:1px solid transparent}
.app .publicSite:hover {color:#216d5e!important;background:#eaf3ef}
.app .refreshBtn {background:#fff!important;color:#3a575b!important;border:1px solid #dfe7e7!important;font-weight:650}
.app .refreshBtn:hover {border-color:#a8c9bf!important;background:#f7fbf9!important}
/* Dashboard: quiet greeting, modern metrics and useful actions */
.dashboardIntro {display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 30px!important}
.dashboardIntro .introTag {display:inline-flex;gap:6px;align-items:center;font-size:11px;font-weight:750;letter-spacing:.05em;color:#2e8974;background:#eaf5f0;padding:6px 10px;border-radius:6px;margin-bottom:15px}
.dashboardIntro h2 {font-weight:750;color:#263839;font-size:23px;letter-spacing:-.035em;line-height:1.35;margin:0 0 8px}
.dashboardIntro p {font-size:13px;color:#829296;line-height:1.6;margin:0}
.dashboardIntro .introEmblem {width:67px;height:67px;border-radius:19px;background:#e8f1ed;color:#39866f;display:grid;place-items:center;flex-shrink:0}
.dashboardSectionHead {display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 14px!important}
.dashboardSectionHead h3 {margin:0;color:#2b3c40;font-size:15px;font-weight:750;letter-spacing:-.015em}
.dashboardSectionHead span {color:#9aa6ac;font-size:11px}
.app .dashboardMetrics {gap:15px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.app .dashboardMetrics .card {padding:21px 21px 19px!important;border:1px solid #e6edef!important;box-shadow:0 5px 20px rgba(35,56,55,.032)!important;border-radius:13px!important;background:white!important;min-height:142px}
.metricTop {display:flex;align-items:center;justify-content:space-between;gap:5px}
.dashboardMetrics .metricTop>span:first-child {font-size:12px!important;color:#778a8e!important;line-height:1.5;font-weight:600}
.metricGlyph {width:32px;height:32px;border-radius:9px;display:grid;place-items:center}
.orderGlyph {color:#3d8a78;background:#eaf6f0}.productGlyph {color:#688cb0;background:#edf3f9}.customersGlyph {color:#b78955;background:#fbf4e9}.analyticsGlyph {color:#8c80b6;background:#f2effa}
.app .dashboardMetrics .metric b {display:block!important;font-size:32px!important;font-weight:800!important;letter-spacing:-.04em!important;line-height:1.2;margin-top:2px!important;color:#24393b!important;font-variant-numeric:tabular-nums}
.metricHint {font-size:10.5px;color:#9faeb0;margin-top:4px}
.quickTitle {margin-top:29px!important}
.app .quickGrid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important;margin:0 0 30px!important}
.app .quickAction {position:relative;display:flex!important;flex-direction:column!important;align-items:flex-start;min-height:162px!important;text-align:left;gap:0!important;background:#fff!important;color:#2b3d41!important;border:1px solid #e6edef!important;border-radius:13px!important;padding:20px 18px!important;box-shadow:0 5px 20px rgba(35,56,55,.027)!important;transition:transform .17s,border-color .17s,box-shadow .17s!important}
.app .quickAction:hover {border-color:#b6d7ca!important;transform:translateY(-2px);box-shadow:0 10px 24px rgba(47,108,90,.07)!important}
.app .quickAction:focus-visible {outline:3px solid #81c1ab;outline-offset:2px}
.quickIcon {width:41px;height:41px;display:grid;place-items:center;background:#edf5f1;color:#438972;border-radius:11px;margin-bottom:14px}
.quickProducts {color:#7c87b3;background:#f1f1f9}.quickLogistics {color:#b48345;background:#faf4e9}.quickPayments {color:#5f8dba;background:#edf4f9}
.app .quickAction strong {font-size:14px!important;color:#2a4140!important;font-weight:750!important;margin:0 0 6px!important;white-space:nowrap}
.app .quickAction .quickDescription {font-size:11px!important;color:#99a6aa!important;line-height:1.5!important;padding-right:4px}
.quickArrow {position:absolute;right:19px;top:25px;color:#b2c2bf}
.app .quickAction:hover .quickArrow {color:#287e69}
.app .dashboardRecent {margin-top:0!important;border-radius:13px!important;border-color:#e5ebed!important;background:#fff!important;box-shadow:0 5px 20px rgba(35,56,55,.027)!important;overflow:hidden}
.app .dashboardRecent .panelHead {padding:20px 22px!important;border-color:#edf0f2!important}
.app .dashboardRecent .panelHead h3 {font-size:15px!important;margin:0 0 6px!important;color:#2a3e41!important}
.panelSubtitle {font-size:11px;color:#9aa8ab;margin:0}
.app .orderListShortcut {border:1px solid #e6ecef!important;background:#fff!important;color:#527267!important;display:inline-flex;gap:5px;align-items:center;font-size:11px!important}
.workflowFootnote {display:flex;align-items:center;gap:9px;color:#9ba7ac;font-size:11px;line-height:1.7;padding:17px 4px}
/* Forms, records, dialogs */
.app .panel,.app .card {background:white!important;color:#294047!important;border:1px solid #e6ebef!important;border-radius:13px!important;box-shadow:0 4px 16px rgba(31,55,60,.025)}
.app .panel {overflow:hidden}
.app .panelHead {padding:17px 20px!important;gap:14px!important;border-bottom:1px solid #edf0f3!important}
.app .panelHead h3 {color:#2c4148!important;font-size:14px!important;font-weight:750}
.app .table th {background:#fafbfc!important;border-bottom:1px solid #eef1f3!important;color:#8999a1!important;font-size:11px!important;font-weight:650!important;letter-spacing:.012em!important;padding:13px 16px!important}
.app .table td {border-bottom:1px solid #f0f2f4!important;color:#4c6269!important;font-size:12px!important;padding:14px 16px!important;line-height:1.6;vertical-align:middle}
.app .table tbody tr:hover td {background:#fafdfb!important}
.app input,.app select,.app textarea {background:#fff!important;color:#2e4149!important;border:1px solid #dce4e9!important;border-radius:9px!important;outline:none;min-height:37px;padding:9px 11px!important}
.app input:focus,.app select:focus,.app textarea:focus {border-color:#71b8a1!important;box-shadow:0 0 0 3px rgba(52,135,108,.12)!important}
.app .btn {background:#fff;color:#53686b;border:1px solid #dde5e7;border-radius:8px;font-size:12px;font-weight:650;padding:10px 14px}
.app .btn:hover {filter:none!important;border-color:#a7c6bc;background:#f7fbf9}
.app .btn.primary {background:#237964!important;color:#fff!important;border-color:#237964!important}
.app .btn.primary:hover {background:#1c6554!important}
.app .btn.danger {background:#fff5f5!important;color:#b4474f!important;border-color:#f1d8da!important}
.app .btn.ghost {color:#6c8083}
.app .sectionGuide {border:1px solid #e1eee8!important;background:#f2f8f5!important;color:#56776a!important;font-size:12px!important;line-height:1.7;padding:12px 16px!important;border-radius:10px!important}
.app .notice {border:1px solid #e1eee8!important;background:#f2f8f5!important;color:#56776a!important}
.app .pill {background:#eff3f5!important;color:#64777d!important}.app .pill.ok {background:#e8f6eb!important;color:#2d8663!important}.app .pill.warn {background:#fff6e5!important;color:#ac762e!important}.app .pill.bad {background:#fff0f1!important;color:#b64a53!important}
.app .batchDetails {background:#fbfcfd!important}.app .batchDetails summary {color:#8b7770!important}
.app .advancedDetails {background:#fbfcfd!important;border-color:#e6ecef!important}
.app .advancedDetails>summary {color:#63787c!important}
.modal {background:rgba(27,42,48,.50)!important}
.dialog {background:#fff!important;border-color:#e3e8eb!important;box-shadow:0 24px 75px rgba(15,34,40,.16)!important}
.dialogHead,.dialogFoot {border-color:#edf0f3!important}
.login {background:radial-gradient(ellipse at 50% 0%,#e6f4ed,transparent 60%),#f7f9fa!important}
.loginCard {background:#fff!important;border:1px solid #e4ecec!important;box-shadow:0 16px 60px rgba(27,53,50,.07)!important}
.loginCard .logo {color:#227764!important}
/* Responsive controls */
.app .mobileNavToggle {display:none!important}
@media(max-width:1250px){
 .app .dashboardMetrics,.app .quickGrid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .app .quickAction {min-height:150px!important}
}
@media(max-width:950px){
 .app {grid-template-columns:minmax(0,1fr)!important}
 .app .side {height:auto!important;position:relative!important;top:auto!important;border-right:0!important;border-bottom:1px solid #e6ebed!important;padding:14px 19px!important;overflow:visible!important}
 .app .brandMark {margin:0!important;padding:0!important;border:none!important}
 .app .brandBadge {width:35px;height:35px;border-radius:10px;font-size:18px;line-height:35px}
 .app .brandText .logo {font-size:16px}
 .app .brandText .sub {font-size:10px}
 .app .mobileNavToggle {display:block!important;background:#eaf5f1!important;color:#27705c!important;border:1px solid #d8eae3!important;padding:10px 12px!important;border-radius:9px!important;text-align:left;margin-top:12px!important;font-size:12px!important;cursor:pointer}
 .app .side:not(.mobileNavOpen) #nav,.app .side:not(.mobileNavOpen) .advancedToggle,.app .side:not(.mobileNavOpen)>.sideGroupTitle,.app .side:not(.mobileNavOpen) .sideFooter {display:none!important}
 .app .side.mobileNavOpen .nav {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;margin-top:13px!important}
 .app .side.mobileNavOpen .nav button {padding:10px 9px!important;gap:8px!important}
 .app .side.mobileNavOpen .navAdvanced {grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .app .side.mobileNavOpen .navAdvanced[hidden] {display:none!important}
 .app .navAdvanced .sideGroupTitle {grid-column:1/-1}
 .app .side.mobileNavOpen .advancedToggle {display:flex!important}
 .app .side.mobileNavOpen .sideFooter {margin-top:20px!important}
 .app .main {padding:20px 18px 44px!important}
 .app .top {padding-bottom:19px!important;margin-bottom:22px!important}
 .app .title {font-size:24px!important}
 .app .dashboardIntro .introEmblem {width:50px;height:50px;border-radius:15px}
 .dashboardIntro .introEmblem .uiIcon {width:27px;height:27px}
}
@media(max-width:560px){
 .app .main {padding:18px 14px 44px!important}
 .app .top {align-items:flex-start!important;gap:11px!important;flex-wrap:wrap!important}
 .app .topActions {justify-content:flex-end!important;margin-left:auto!important;gap:6px!important}
 .app .topActions .publicSite,.app .topActions .refreshBtn {font-size:11px!important;padding:8px 10px!important;min-height:33px!important}
 .app .title {font-size:22px!important}
 .dashboardIntro {margin-bottom:23px!important}
 .dashboardIntro h2 {font-size:19px!important}
 .dashboardIntro p {font-size:12px}
 .dashboardIntro .introEmblem {display:none}
 .app .dashboardMetrics {gap:9px!important}
 .app .dashboardMetrics .card {padding:15px!important;min-height:117px}
 .app .dashboardMetrics .metric b {font-size:26px!important}
 .metricGlyph {height:29px;width:29px}
 .app .quickGrid {gap:9px!important}
 .app .quickAction {min-height:145px!important;padding:14px!important}
 .app .quickAction strong {font-size:13px!important}
 .app .quickAction .quickDescription {font-size:10px!important}
 .quickIcon {width:34px;height:34px;margin-bottom:12px}
 .quickIcon .uiIcon {width:19px;height:19px}
 .quickArrow {right:12px;top:19px}
 .app .dashboardRecent .panelHead {padding:15px!important;align-items:center!important;flex-direction:row!important}
 .app .orderListShortcut {padding:7px 9px!important;font-size:10px!important}
 .app .table th,.app .table td {white-space:nowrap;padding:11px!important}
 .workflowFootnote {align-items:flex-start;font-size:10px}
 .dashboardSectionHead span {font-size:10px}
 .app .panelHead {padding:14px!important}
}
@media(prefers-reduced-motion:reduce){.app .quickAction,.app .nav button,.app .advancedToggle,.app .publicSite{transition:none!important}}