/* Atasha V7 — Unified UI layer. Loaded AFTER existing V6.1 stylesheet.
   Read-only design and report charts; no third-party fonts or resources. */
:root{--v7-navy:#0c2244;--v7-blue:#326bf1;--v7-red:#ef4858;--v7-orange:#fa7c35;--v7-green:#13a078;--v7-purple:#8557db;--v7-ink:#152b4f;--v7-muted:#6c7d98;--v7-line:#e7edf6;--v7-bg:#f5f7fc}
body.v7-ui{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--v7-ink);background:var(--v7-bg);font-size:14px;-webkit-font-smoothing:antialiased}
.v7-ui .main{background:radial-gradient(ellipse 450px 300px at 90% 0%,#fff0e9 0%,transparent 100%),var(--v7-bg)}
.v7-ui .topbar{min-height:78px;padding:17px clamp(17px,2.4vw,36px);background:rgba(255,255,255,.97);border-bottom:1px solid #e7edf4;gap:13px}
.v7-ui .topbar h1{font-size:23px;font-weight:830;letter-spacing:-.6px;color:var(--v7-navy)}
.v7-ui .crumb{font-size:11px;color:#8a9bb4;letter-spacing:.01em}
.v7-ui .content{max-width:1550px;margin:0 auto;padding:25px clamp(15px,2.4vw,35px) 38px;width:100%}
.v7-ui .sidebar{background:linear-gradient(165deg,#0a2247 0%,#0c1e3a 75%,#142f58 100%);box-shadow:3px 0 20px rgba(2,19,43,.045)}
.v7-ui .sidebar nav a{min-height:43px;border-radius:11px;font-size:13px;transition:background .18s,color .18s}
.v7-ui .sidebar nav a:hover,.v7-ui .sidebar nav a.active{background:linear-gradient(100deg,#254a83,#1c3c67);color:#fff;box-shadow:inset 3px 0 0 #fa7d3b}
.v7-ui .sidebar .scope{background:#ffffff13;border:1px solid #ffffff0d;border-radius:13px}
.v7-ui .logo-mark{background:linear-gradient(145deg,#ffcf60,#f5a948);box-shadow:0 5px 17px rgba(239,173,79,.18)}
.v7-ui .avatar{background:linear-gradient(130deg,#ffe7d8,#ffd2d9);color:#bc3550;flex-shrink:0}
.v7-ui .identity strong{font-weight:800}
.v7-ui .panel,.v7-ui .metric{background:#fff;border:1px solid #e7edf5;border-radius:17px;box-shadow:0 8px 24px rgba(21,46,79,.035)}
.v7-ui .panel h2{color:#102b4f;font-size:17px;font-weight:820;letter-spacing:-.3px}
.v7-ui .content>.panel,.v7-ui .content>.two-columns,.v7-ui .content>.stat-grid{margin-bottom:19px}
.v7-ui .metric{overflow:hidden}.v7-ui .metric:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#fa7b33,#f14b54)}
.v7-ui .primary,.v7-ui .filter-panel button{background:linear-gradient(110deg,#fa7443,#e93655);color:white;border:0;border-radius:11px;font-weight:790;min-height:43px;padding:11px 18px;box-shadow:0 7px 17px #f0605023}
.v7-ui .primary:hover,.v7-ui .filter-panel button:hover{background:linear-gradient(110deg,#f96135,#d52e49);color:white;text-decoration:none}
.v7-ui .secondary{border:1px solid #dfe6f2;border-radius:10px;color:#244364;background:#fff;min-height:43px}
.v7-ui .tiny{border-radius:9px;min-height:30px}
.v7-ui form label{color:#405a7c;font-size:12px;font-weight:750;gap:7px}
.v7-ui input,.v7-ui select,.v7-ui textarea{min-height:43px;border:1px solid #dce4f0;border-radius:10px;background:#fff;color:#193458;font-size:14px}
.v7-ui input:focus,.v7-ui select:focus,.v7-ui textarea:focus{border-color:#fa834b;box-shadow:0 0 0 3px #ff905b24}
.v7-ui input[type=checkbox]{min-height:auto;width:auto;accent-color:#f26841}
.v7-ui .filter-panel{padding:17px!important;background:white;box-shadow:0 7px 20px rgba(23,45,77,.035);border:1px solid #e5ecf6;border-radius:14px}
.v7-ui .table-scroll,.v7-ui .v7-table-scroll{max-width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#c8d7e9 transparent}
.v7-ui table th,.v7-ui .v7-table-scroll th{background:#f5f8fc;color:#607594;font-size:11px;font-weight:800;letter-spacing:.35px;border-bottom:1px solid #e8eef7;padding:13px 13px}
.v7-ui table td,.v7-ui .v7-table-scroll td{font-size:13px;color:#314565;padding:15px 13px}
.v7-ui table tbody tr:hover{background:#fff8f4}
.v7-ui .pill{border-radius:20px;padding:7px 10px;font-weight:800}
.v7-ui .alert{border-radius:12px;padding:15px 18px}
.v7-ui .alert.success{border-left:4px solid #1da978}.v7-ui .alert.error{border-left:4px solid #e44c54}
.v7-ui .order-entry-card h2{color:#103b52;font-weight:850}
.v7-ui .order-entry-card .order-place-button{background:linear-gradient(110deg,#1c7bea,#1265cd);border-radius:11px;box-shadow:0 9px 20px #1673d32b}
.v7-ui .order-entry-card .order-place-button:hover{background:linear-gradient(110deg,#1568d4,#0e54b1)}
.v7-ui .order-entry-card .customer-form-field>label{font-size:14px}
.v7-ui .login-page{background:radial-gradient(ellipse at 8% 7%,#ffe0ca 0%,transparent 48%),radial-gradient(ellipse at 92% 95%,#e5eafa 0%,transparent 52%),#f8f9fd}
.v7-ui.login-page{background:radial-gradient(ellipse at 8% 7%,#ffe0ca 0%,transparent 48%),radial-gradient(ellipse at 92% 95%,#e5eafa 0%,transparent 52%),#f8f9fd}
.v7-ui .login-card,.v7-ui.login-page .login-card{border-radius:22px;box-shadow:0 25px 65px rgba(23,43,73,.12)}
.v7-ui .login-card .brand-big{color:#0c274c}
.v7-ui .login-card form button{background:linear-gradient(105deg,#f46d42,#e83c55)!important}
.v7-ui footer{border-color:#e6ebf5;background:transparent}
/* V7 report layout */
.v7-report{max-width:1310px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.v7-report *{box-sizing:border-box;min-width:0}
.v7-report h2,.v7-report h3,.v7-report p{margin:0}
.v7-hero{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:28px 32px;background:linear-gradient(110deg,#fff1e9,#fff9f5 70%,#ffece8);border:1px solid #ffebe2;border-radius:20px;position:relative;overflow:hidden}
.v7-hero:before{content:"";position:absolute;right:-45px;top:-75px;width:230px;height:230px;border:34px solid #ffb29825;border-radius:50%;pointer-events:none}
.v7-eyebrow,.v7-section-kicker{display:block;color:#ee613f;letter-spacing:1.2px;font-size:11px;font-weight:850;text-transform:uppercase}
.v7-hero h2{font-size:clamp(22px,3vw,31px);color:#0a2b4e;letter-spacing:-.75px;line-height:1.15;margin:8px 0 9px}
.v7-hero p{color:#6a7790;font-size:13px;max-width:510px;line-height:1.5}
.v7-hero-action{z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:6px;white-space:nowrap}
.v7-hero-action>span{color:#7785a0;font-size:11px}
.v7-hero-action>strong{color:#1f385d;font-size:14px}
.v7-export{display:inline-flex;align-items:center;gap:7px;border-radius:11px;background:#fff;border:1px solid #f0d8cf;color:#d94e41;padding:10px 15px;margin-top:6px;font-weight:800;font-size:12px;box-shadow:0 4px 12px #ef76501c}
.v7-export:hover{color:#b9362c;text-decoration:none}
.v7-filter-panel{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) auto auto;align-items:end;gap:11px;background:#fff;border:1px solid #e9eef6;border-radius:16px;padding:17px;box-shadow:0 6px 20px #1f416008}
.v7-filter-panel label{min-width:0;margin:0!important;font-size:11px;font-weight:780;color:#526889;display:flex;flex-direction:column;gap:6px}
.v7-filter-panel input,.v7-filter-panel select{margin:0;width:100%;min-width:0;padding:9px 10px;min-height:45px;border:1px solid #dfe8f4;border-radius:10px;background:#fff;font-size:12px;color:#193555}
.v7-filter-panel .v7-filter-button{background:#0a2c55;color:white;border:0;border-radius:10px;padding:9px 17px;min-height:45px;white-space:nowrap;font-size:12px;font-weight:850;box-shadow:none}
.v7-filter-panel .v7-filter-button:hover{background:#16406e}
.v7-clear{min-height:45px;display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;background:#f4f7fc;border-radius:10px;color:#486282;font-size:12px;font-weight:750;text-decoration:none}
.v7-commission{display:flex;justify-content:space-between;gap:20px;align-items:center;position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(115deg,#0f4f8b 0%,#0c2d5b 46%,#152346 78%,#57233a 100%);min-height:184px;padding:27px 32px;color:#fff;box-shadow:0 16px 30px #15436d20}
.v7-commission>div{z-index:1}.v7-commission-icon{display:inline-flex;margin-right:10px;background:#ffffff1d;color:#fbc46c;border-radius:13px;padding:8px;font-size:20px;vertical-align:middle}
.v7-commission .v7-eyebrow{display:inline-block;color:#d0e3f6;font-size:11px;letter-spacing:1px}
.v7-commission strong{display:block;font-weight:880;color:#fff;font-size:clamp(33px,4vw,46px);letter-spacing:-1.3px;margin:10px 0 8px}
.v7-commission small{display:block;color:#c7d7e9;font-size:12px}
.v7-commission-side{background:#ffffff12;padding:12px 19px;border:1px solid #ffffff18;border-radius:14px;display:grid;grid-template-columns:auto auto;align-items:center;gap:8px 20px;min-width:215px}
.v7-commission-side span{font-size:11px;color:#d3e0ee}.v7-commission-side strong{font-size:20px;margin:0;letter-spacing:0;text-align:right}
.v7-decor{position:absolute;right:4%;top:-20px;font-size:190px;font-weight:200;color:#fb788143;line-height:1;z-index:0}
.v7-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v7-metric{display:flex;flex-direction:column;gap:5px;background:#fff;border-radius:15px;padding:18px 19px;min-height:128px;box-shadow:0 5px 19px #2139570b;border:1px solid #eaf0f8;position:relative;overflow:hidden}
.v7-metric:before{content:"";position:absolute;right:-25px;top:-26px;width:85px;height:85px;background:var(--tint,#eaf1fe);border-radius:50%}
.v7-metric>span:not(.v7-metric-dot){font-weight:750;color:#405572;font-size:12px;position:relative}
.v7-metric strong{font-size:30px;letter-spacing:-.8px;line-height:1.22;color:#10284c;position:relative}
.v7-metric small{font-size:11px;color:#8190a5;position:relative;line-height:1.4}
.v7-metric-dot{display:inline-block;width:13px;height:13px;border-radius:5px;background:var(--accent,#356ff0);margin-bottom:4px;box-shadow:0 0 0 7px var(--tint,#eaf1fe)}
.v7-blue{--accent:#376dec;--tint:#eaf1ff}.v7-orange{--accent:#f69b35;--tint:#fff0d9}.v7-green{--accent:#13a276;--tint:#e2f7ee}.v7-red{--accent:#eb4f63;--tint:#ffe7eb}.v7-purple{--accent:#8656d9;--tint:#f0eaff}.v7-amber{--accent:#f57b20;--tint:#fff0e3}.v7-teal{--accent:#07a8ad;--tint:#e0faf9}
.v7-note{border:1px solid #f6dcc0;border-left:4px solid #f59a32;padding:13px 17px;border-radius:11px;background:#fff9ef;color:#8c6035;font-size:11px;line-height:1.6}
.v7-note strong{color:#764a19}
.v7-graph-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.v7-chart-card,.v7-white-card{min-width:0;background:#fff;border:1px solid #e9eef7;border-radius:18px;padding:21px 22px;box-shadow:0 8px 24px rgba(21,45,78,.035)}
.v7-graph-grid .v7-chart-card:last-child{grid-column:1/-1}
.v7-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}
.v7-section-kicker{font-size:10px;color:#ec7640;letter-spacing:1.15px;margin-bottom:7px}
.v7-card-head h3{font-size:18px;color:#102749;line-height:1.25;font-weight:830;letter-spacing:-.4px;margin-bottom:5px}
.v7-card-head p{font-size:12px;color:#8090a6;line-height:1.5}
.v7-graph-chip{background:#f7f9fd;border:1px solid #e6edf5;border-radius:20px;padding:7px 11px;white-space:nowrap;font-size:10px;font-weight:750;color:#68809d}
.v7-legend{display:flex;gap:7px 12px;flex-wrap:wrap;margin-bottom:13px}
.v7-legend-item{display:inline-flex;align-items:center;gap:5px;color:#506483;font-size:10px;font-weight:700;background:#f8fafd;border:1px solid #eff3f8;border-radius:7px;padding:6px 8px;white-space:nowrap}
.v7-legend-item i{width:7px;height:7px;display:inline-block;background:var(--dot);border-radius:50%}
.v7-legend-item b{color:#1c3656;font-size:10px}
.v7-legend-total{--dot:#316bf5}.v7-legend-confirmed{--dot:#f59b28}.v7-legend-delivered{--dot:#119e71}.v7-legend-returned{--dot:#ea4758}.v7-legend-pending{--dot:#8659d5}
.v7-chart-scroll{overflow-x:auto;overflow-y:hidden;width:100%;scrollbar-color:#dce5f2 transparent;scrollbar-width:thin;outline-offset:2px}
.v7-svg{display:block;max-width:none}
.v7-report-two{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.v7-team-track,.v7-product-row{margin:0 0 18px}
.v7-team-track>div:first-child,.v7-product-row>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-bottom:8px}
.v7-team-track strong,.v7-product-row strong{font-size:12px;color:#273d5c;font-weight:760;overflow-wrap:anywhere}
.v7-team-track span,.v7-product-row span{font-size:11px;color:#70839f;text-align:right}
.v7-progress{height:10px;border-radius:10px;background:#e9eff7;overflow:hidden}
.v7-progress span{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#f75f3e,#fc9634)}
.v7-product-progress span{background:linear-gradient(90deg,#1c66c5,#508ae5)}
.v7-table-scroll{width:100%;overflow:auto}
.v7-table-scroll table{min-width:880px;border-collapse:collapse;width:100%}
.v7-table-scroll th{text-align:left}
.v7-table-scroll td strong{font-size:12px;color:#183655}
.v7-table-scroll tbody tr:nth-child(even){background:#fafbfd}
.v7-ui :focus-visible{outline:3px solid #ff933c!important;outline-offset:2px}
@media(max-width:1220px){.v7-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr)) auto auto}.v7-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.v7-graph-grid{grid-template-columns:1fr}.v7-graph-grid .v7-chart-card:last-child{grid-column:auto}}
@media(max-width:900px){.v7-report-two{grid-template-columns:1fr}.v7-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v7-hero{padding:22px}.v7-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.v7-commission{padding:22px}}
@media(max-width:760px){.v7-ui .topbar{padding:12px 16px;min-height:68px}.v7-ui .topbar h1{font-size:18px}.v7-ui .content{padding:17px 13px 30px}.v7-ui .panel{border-radius:14px}.v7-ui .mobile-menu{display:inline-flex;min-width:40px;min-height:40px;align-items:center;justify-content:center;border-radius:11px}.v7-ui .sidebar{overflow-y:auto}.v7-hero{border-radius:15px;padding:20px 17px;flex-wrap:wrap;gap:14px}.v7-hero-action{align-items:flex-start}.v7-hero h2{font-size:24px}.v7-hero-action{white-space:normal}.v7-hero-action .v7-export{max-width:100%}.v7-filter-panel{padding:13px;gap:9px;border-radius:14px}.v7-filter-panel label{font-size:10px}.v7-filter-panel input,.v7-filter-panel select{padding:8px 7px;font-size:11px;min-height:43px}.v7-filter-button{grid-column:1/-1}.v7-clear{grid-column:1/-1;min-height:36px}.v7-commission{padding:21px 18px;border-radius:16px;flex-direction:column;align-items:stretch;min-height:0}.v7-commission strong{font-size:35px}.v7-commission-side{grid-template-columns:1fr auto}.v7-decor{font-size:125px;right:4%;top:0}.v7-metric-grid{gap:9px}.v7-metric{padding:15px;min-height:120px}.v7-metric strong{font-size:26px}.v7-chart-card,.v7-white-card{padding:17px 14px;border-radius:15px}.v7-legend{gap:6px}.v7-legend-item{font-size:9px;padding:5px 6px}.v7-card-head{gap:8px}.v7-card-head h3{font-size:16px}.v7-graph-chip{font-size:9px;padding:6px 7px}.v7-team-track>div:first-child,.v7-product-row>div:first-child{flex-wrap:wrap}.v7-team-track span,.v7-product-row span{text-align:left}.v7-report{gap:13px}}
@media(max-width:360px){.v7-filter-panel{grid-template-columns:1fr 1fr}.v7-commission .v7-eyebrow{display:block;margin-top:12px}.v7-card-head{flex-wrap:wrap}.v7-metric{min-height:114px;padding:11px}.v7-metric strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.v7-ui *{scroll-behavior:auto!important;transition:none!important}}


/* V7 global in-app Back action. Present on every authenticated page and sign-in. */
.v7-ui .v7-back-button{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 14px;border:1px solid #dde5f1;border-radius:11px;background:#fff;color:#173b65;font:750 13px/1.2 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer;box-shadow:0 3px 12px rgba(16,46,81,.055);transition:background .15s,border-color .15s,transform .15s}
.v7-ui .v7-back-button:hover{background:#fff1e8;border-color:#ffc9a4;color:#a74223;transform:translateX(-1px)}
.v7-ui .v7-back-button>span:first-child{font-size:20px;line-height:1;display:inline-block;margin-top:-2px}
.v7-login-back-wrap{position:absolute;top:18px;left:clamp(12px,4vw,40px);z-index:2}
.v7-ui.login-page .v7-back-button{background:rgba(255,255,255,.96)}
@media(max-width:760px){.v7-ui .topbar{gap:8px}.v7-ui .v7-back-button{min-height:40px;min-width:70px;padding:8px 10px;font-size:12px}.v7-ui .topbar .identity{margin-left:auto}.v7-login-back-wrap{top:12px;left:12px}}
@media(max-width:355px){.v7-ui .v7-back-button{padding:8px;min-width:40px;gap:4px}.v7-ui .topbar .v7-back-button>span:last-child{display:none}}