:root{--navy:#0b2742;--navy2:#123a5d;--teal:#0b9c9a;--teal-soft:#e7f7f5;--ink:#172b3f;--muted:#647789;--line:#dce6ed;--bg:#f4f7fa;--white:#fff;--danger:#b4232c;--warning:#a45b08;--shadow:0 12px 35px rgba(18,58,93,.08);font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.primary,.secondary{cursor:pointer;border-radius:10px;padding:.72rem 1rem;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.primary{background:var(--teal);color:#fff;font-weight:700}.primary:hover{background:#078482}.secondary{background:#fff;border-color:#b9cad6;color:var(--navy);font-weight:700}.disabled{background:#edf1f4;color:#7b8993;border:0;cursor:not-allowed}.big{padding:1rem 1.4rem}.full{width:100%}.topbar{height:72px;background:var(--navy);color:#fff;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1260px)/2));gap:28px;position:sticky;top:0;z-index:20;box-shadow:0 3px 18px rgba(0,0,0,.16)}.brand{font-size:1.5rem;font-weight:800;direction:ltr;white-space:nowrap}.brand span,.login-mark span{color:#43d6d1}.main-nav{display:flex;align-self:stretch;align-items:center;gap:4px;flex:1}.main-nav a{padding:.72rem .9rem;border-radius:8px;color:#dae7ef}.main-nav a:hover,.main-nav a:focus{background:rgba(255,255,255,.1);color:#fff}.user-menu{display:flex;align-items:center;gap:12px;font-size:.88rem}.user-menu form{margin:0}.text-link,.link-button{color:#bcd2df}.link-button{border:0;background:none;padding:.3rem;cursor:pointer}.nav-toggle{display:none;background:transparent;color:#fff;border:0;font-size:1.4rem}.shell{max-width:1260px;margin:0 auto;padding:36px 24px 70px}.hero,.page-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.hero{background:linear-gradient(125deg,var(--navy),var(--navy2));color:#fff;padding:34px;border-radius:20px;box-shadow:var(--shadow)}h1,h2,p{margin-top:0}h1{font-size:clamp(1.7rem,3vw,2.5rem);margin-bottom:.5rem}h2{font-size:1.2rem}.hero p{color:#d9e7ef}.eyebrow{color:var(--teal);font-weight:700;font-size:.84rem;margin-bottom:.5rem}.quick-search,.panel,.stat,.action-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.quick-search,.panel{padding:22px;margin-bottom:20px}.search-box,.filter-row,.section-row,.button-row{display:flex;gap:12px;align-items:end}.search-box input,.grow{flex:1}.search-box button{background:var(--navy);color:#fff;border:0;border-radius:10px;padding:.75rem 1.2rem}label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:.9rem}input,select,textarea{border:1px solid #b9cad6;background:#fff;border-radius:10px;padding:.78rem;color:var(--ink);width:100%}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus,button:focus,a:focus{outline:3px solid rgba(11,156,154,.28);outline-offset:2px;border-color:var(--teal)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 30px}.stat{padding:20px;display:flex;flex-direction:column;gap:10px}.stat span{color:var(--muted)}.stat strong{font-size:2rem;color:var(--navy)}.stat strong.small{font-size:1.05rem}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.action-card{padding:22px;border-right:4px solid var(--teal);display:flex;flex-direction:column;gap:8px}.action-card span,.muted{color:var(--muted)}.action-card:hover{transform:translateY(-2px);border-color:var(--teal)}.steps{display:flex;gap:6px}.steps span{padding:.55rem .75rem;background:#e9eef2;border-radius:30px;font-size:.82rem}.steps .active{background:var(--teal-soft);color:#067775}.quote-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote-layout .panel{margin:0}.quote-lines-panel,.review-grid{grid-column:1/-1}.review-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:28px}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.fields label:last-child{grid-column:1/-1}.totals{background:#f5f9fb;padding:18px;border-radius:12px}.totals>div,.preview-totals p{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.totals .grand,.preview-totals .grand{font-size:1.18rem;color:var(--navy);border-bottom:0}.search-results,.product-results{display:grid;gap:8px;margin-top:10px;max-height:320px;overflow:auto}.search-result,.product-card,.data-row,.line-card{border:1px solid var(--line);border-radius:12px;padding:13px;background:#fff}.search-result,.product-card{cursor:pointer}.search-result:hover,.product-card:hover{border-color:var(--teal);background:var(--teal-soft)}.product-card{display:grid;grid-template-columns:1fr auto;gap:12px}.product-card small,.data-row small{color:var(--muted)}.product-card .stock{font-weight:700;text-align:left}.selected-box{padding:14px;border-radius:12px;background:var(--teal-soft);margin:12px 0}.hidden{display:none!important}.quote-lines{display:grid;gap:12px}.line-card{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(100px,1fr)) auto;gap:12px;align-items:end}.line-product b{display:block;color:var(--navy)}.line-total{font-weight:800;padding-bottom:.8rem}.icon-button{width:38px;height:38px;border-radius:50%;border:0;background:#f2f5f7;color:var(--danger);font-size:1.2rem}.warning-chip,.warning{background:#fff4df;color:var(--warning);padding:.4rem .7rem;border-radius:20px;font-size:.8rem;font-weight:700}.danger{background:#ffebed;color:var(--danger)}.notice{background:#eef8fc;border-right:3px solid #2296c2;padding:12px;border-radius:8px;color:#365567}.empty,.loading{text-align:center;color:var(--muted);padding:28px}.data-list{display:grid;gap:10px;margin-top:16px}.data-row{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr auto;gap:12px;align-items:center}.data-row .actions{display:flex;gap:6px;flex-wrap:wrap}.status-pill{display:inline-flex;padding:.35rem .65rem;border-radius:20px;background:#e8eef3;color:var(--navy);font-size:.78rem;font-weight:700}.status-CURRENT{background:#e1f7ed;color:#08764c}.status-STALE{background:#fff4df;color:#955006}.status-CRITICAL_STALE,.status-UNKNOWN{background:#ffebed;color:#9b1c25}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:700px}th,td{text-align:right;padding:12px;border-bottom:1px solid var(--line)}th{background:#f2f7fa;color:var(--navy)}.preview-meta{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:20px}.preview-meta div{display:flex;flex-direction:column;gap:7px}.preview-meta span{color:var(--muted)}.preview-totals{max-width:420px;margin:20px 0 0 auto}.coming-soon{max-width:650px;margin:70px auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:58px;box-shadow:var(--shadow)}.assistant-icon{font-size:3rem;color:var(--teal)}.developer-stats{grid-template-columns:repeat(4,1fr)}.developer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.developer-card{background:#f5f8fa;padding:14px;border-radius:10px}.login-page{display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#17496d,var(--navy));padding:20px}.login-card{width:min(430px,100%);background:#fff;border-radius:22px;padding:38px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.login-mark{font-size:2rem;font-weight:900;direction:ltr;text-align:center;margin-bottom:22px}.stack{display:grid;gap:16px}.alert{padding:12px;border-radius:8px}.toast{position:fixed;bottom:24px;left:24px;background:var(--navy);color:#fff;padding:13px 18px;border-radius:10px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s;z-index:40}.toast.show{opacity:1;transform:none}.skip-link{position:absolute;top:-50px;right:15px;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:10px}dialog{border:0;border-radius:18px;padding:24px;width:min(520px,90vw);box-shadow:0 30px 80px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(4,20,34,.58)}
@media(max-width:900px){.main-nav{position:absolute;top:72px;right:0;left:0;background:var(--navy);display:none;height:auto;padding:12px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.nav-toggle{display:block}.user-menu>span{display:none}.quote-layout{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr}.line-card{grid-template-columns:1fr 1fr}.line-product{grid-column:1/-1}.stats-grid,.action-grid{grid-template-columns:1fr 1fr}.developer-stats{grid-template-columns:1fr 1fr}.data-row{grid-template-columns:1fr 1fr}.data-row .actions{grid-column:1/-1}.topbar{padding:0 18px}.brand{margin-left:auto}}
@media(max-width:560px){.shell{padding:22px 14px 60px}.hero,.page-head{align-items:stretch;flex-direction:column}.hero{padding:24px}.stats-grid,.action-grid,.fields,.developer-grid,.preview-meta{grid-template-columns:1fr}.steps{overflow:auto;width:100%}.line-card{grid-template-columns:1fr}.line-product{grid-column:auto}.filter-row{align-items:stretch;flex-direction:column}.data-row{grid-template-columns:1fr}.review-grid{padding:15px}.topbar{gap:12px}.user-menu{gap:5px}.text-link{display:none}.login-card{padding:28px 22px}}
.pilot-banner{background:#fff3cd;color:#704d00;text-align:center;padding:8px 16px;font-weight:800;border-bottom:1px solid #eed890}.pilot-users{display:grid;gap:10px;margin:22px 0}.voice-panel{max-width:850px;margin:0 auto}.voice-controls{display:flex;gap:12px;align-items:center;justify-content:center;margin:22px 0}.mic-button{width:76px;height:76px;border-radius:50%;border:0;background:var(--teal);color:#fff;font-size:2rem;box-shadow:0 12px 30px rgba(11,156,154,.3)}.mic-button.listening{background:var(--danger);animation:pulse 1s infinite}.assistant-log{display:grid;gap:12px;margin-top:18px}.assistant-message{padding:14px;border-radius:14px;background:#eef4f7}.assistant-message.user{background:var(--teal-soft)}.assistant-draft{border:1px solid var(--teal);border-radius:14px;padding:16px;background:#f8fffe}.secure-modal-note{font-size:.82rem;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.diagnostic{padding:14px;background:#f4f7fa;border-radius:12px}.pdf-actions{display:flex;gap:10px;flex-wrap:wrap}@keyframes pulse{50%{transform:scale(1.06)}}@media(max-width:700px){.settings-grid{grid-template-columns:1fr}.voice-controls{flex-direction:column}}

/* FZ-Q approved design system — Stage 1D, batch one */
:root {
  --navy: #061b2d;
  --navy2: #0a2e49;
  --surface: rgba(8, 39, 62, .82);
  --surface-strong: #0b304c;
  --surface-soft: rgba(14, 55, 82, .64);
  --teal: #21e6d2;
  --teal-strong: #00b9c8;
  --teal-soft: rgba(33, 230, 210, .12);
  --blue: #57a9ff;
  --ink: #f5fbff;
  --muted: #9db5c8;
  --line: rgba(116, 201, 238, .2);
  --bg: #041522;
  --white: #fff;
  --danger: #ff6674;
  --warning: #ffc76a;
  --shadow: 0 22px 70px rgba(0, 5, 13, .34);
  --glow: 0 0 32px rgba(33, 230, 210, .2);
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --space-1: .5rem;
  --space-2: .75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  font-family: "Tajawal", "Noto Kufi Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
  color: var(--ink);
  background: var(--bg);
}

body {
  color: var(--ink);
  background:
    radial-gradient(circle at 78% 2%, rgba(0, 133, 186, .22), transparent 32rem),
    radial-gradient(circle at 10% 38%, rgba(0, 185, 200, .09), transparent 28rem),
    linear-gradient(155deg, #04131f 0%, #061d30 48%, #03111c 100%);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  opacity: .22;
  pointer-events: none;
  background-image: linear-gradient(rgba(98, 195, 232, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(98, 195, 232, .05) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, #000, transparent 80%);
}

.pilot-banner {
  background: #092a3f;
  color: #b9d9e8;
  border-color: rgba(33, 230, 210, .18);
  font-size: .78rem;
  letter-spacing: .02em;
}

.topbar {
  height: 76px;
  padding: 0 max(24px, calc((100vw - 1180px) / 2));
  background: rgba(4, 21, 34, .86);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 8px 30px rgba(0, 5, 13, .18);
  backdrop-filter: blur(18px);
}

.brand {font-size: 1.75rem; letter-spacing: -.04em; color: var(--teal)}
.brand span {color: #fff}
.brand i {font-style: normal; color: #6f98ae; padding: 0 .05em}
.main-nav {justify-content: center}
.main-nav a {color: #a9c2d1; border-radius: 999px; padding: .65rem .95rem}
.main-nav a:hover, .main-nav a:focus-visible {background: var(--teal-soft); color: #fff}
.user-menu {color: #c6d9e4}
.user-avatar {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: var(--teal);
  background: linear-gradient(145deg, #123f5d, #09243a);
  border: 1px solid rgba(87, 169, 255, .42);
}
.link-button, .text-link {color: #9dc3d5}
.nav-toggle {width: 42px; height: 42px; padding: 10px; flex-direction: column; gap: 5px}
.nav-toggle span {display: block; width: 100%; height: 2px; border-radius: 2px; background: currentColor}

.shell {max-width: 1180px; padding: 40px 24px 80px}
h1, h2, h3 {letter-spacing: -.025em}
.eyebrow {color: var(--teal); font-size: .76rem; letter-spacing: .08em}
.muted, .action-card span, .product-card small, .data-row small {color: var(--muted)}

.panel, .quick-search, .stat, .action-card, .search-result, .product-card, .data-row, .line-card {
  color: var(--ink);
  background: var(--surface);
  border-color: var(--line);
  box-shadow: var(--shadow);
  backdrop-filter: blur(16px);
}

input, select, textarea {
  color: var(--ink);
  background: rgba(3, 19, 31, .8);
  border-color: rgba(134, 196, 222, .3);
}
input::placeholder, textarea::placeholder {color: #7592a5}
input:focus, select:focus, textarea:focus, button:focus-visible, a:focus-visible {
  outline: 3px solid rgba(33, 230, 210, .28);
  outline-offset: 3px;
  border-color: var(--teal);
}
.primary {background: linear-gradient(135deg, #00aebc, #17cfbd); color: #031a24}
.primary:hover {background: linear-gradient(135deg, #17cfbd, #3af1dc)}
.secondary {background: rgba(255,255,255,.04); border-color: var(--line); color: var(--ink)}
.notice, .diagnostic {background: rgba(26, 107, 139, .15); color: #b9d6e5}
.selected-box, .assistant-message.user {background: var(--teal-soft)}
.totals, .assistant-message, .developer-card {background: rgba(4, 24, 38, .64)}
th {background: rgba(11, 48, 76, .85); color: #dff8ff}
td, th {border-color: var(--line)}

.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0}

/* Sales home */
.sales-home .shell {max-width: 1120px; padding-top: 30px}
.home-welcome {display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 18px}
.home-welcome h1 {font-size: clamp(1.85rem, 4vw, 3rem); margin-bottom: .45rem}
.home-welcome p:not(.eyebrow) {color: var(--muted); margin-bottom: 0}
.home-status {display: inline-flex; align-items: center; gap: 9px; color: #b9d6e5; padding: .65rem .9rem; border: 1px solid var(--line); border-radius: 999px; background: rgba(7, 34, 53, .72)}
.status-dot, .activity-live i {width: 8px; height: 8px; border-radius: 50%; background: #21e6a4; box-shadow: 0 0 12px #21e6a4}

.orbit-section {
  position: relative;
  overflow: hidden;
  padding: 22px 30px 34px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: linear-gradient(145deg, rgba(7, 34, 54, .78), rgba(3, 20, 33, .7));
  box-shadow: var(--shadow);
}
.orbit-section::before {content: ""; position: absolute; width: 520px; height: 520px; border-radius: 50%; inset: 20% 50% auto auto; transform: translateX(50%); background: radial-gradient(circle, rgba(0, 202, 208, .11), transparent 67%); filter: blur(2px); pointer-events: none}
.section-heading {display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 2}
.section-heading h2 {font-size: 1.25rem; margin: 0}
.manual-shortcut {color: var(--teal); padding: .65rem 1rem; border: 1px solid rgba(33,230,210,.3); border-radius: 999px; background: rgba(33,230,210,.06)}

.orbit-menu {position: relative; width: min(100%, 820px); height: 610px; margin: 0 auto}
.orbit-ring {position: absolute; inset: 50% auto auto 50%; border: 1px solid rgba(66, 188, 226, .18); border-radius: 50%; transform: translate(-50%, -50%); pointer-events: none}
.orbit-ring-one {width: 510px; height: 510px}
.orbit-ring-two {width: 390px; height: 390px; border-color: rgba(33,230,210,.14)}
.orbit-ring::after {content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; top: 50%; right: -4px; background: var(--teal); box-shadow: 0 0 14px var(--teal)}
.orbit-action {position: absolute; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-radius: 50%; color: #fff; border: 1px solid rgba(87, 169, 255, .48); background: radial-gradient(circle at 35% 24%, rgba(42, 112, 151, .64), rgba(5, 31, 50, .96) 68%); box-shadow: inset 0 0 34px rgba(71, 173, 223, .15), 0 12px 34px rgba(0, 6, 16, .36); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease}
.orbit-action:hover, .orbit-action:focus-visible {transform: translateY(-5px) scale(1.025); border-color: var(--teal); box-shadow: inset 0 0 38px rgba(33,230,210,.18), 0 0 28px rgba(33,230,210,.2), 0 16px 38px rgba(0,6,16,.42)}
.orbit-action strong {font-size: 1.04rem; margin-top: .42rem}
.orbit-action > span:not(.orbit-icon):not(.orbit-arrow) {font-size: .78rem; color: var(--muted); margin-top: .18rem}
.orbit-icon {display: grid; place-items: center; width: 34px; height: 34px; color: #73d8ff}
.orbit-icon svg {width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round}
.orbit-icon-stars {width: 58px; height: 58px; color: #bdfcff}
.orbit-icon-stars svg {fill: currentColor; stroke: none}
.orbit-main {width: 292px; height: 292px; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; border: 2px solid #43f0df; background: radial-gradient(circle at 34% 25%, rgba(80, 210, 235, .8), rgba(0, 102, 139, .82) 38%, rgba(4, 42, 64, .98) 72%); box-shadow: inset 0 0 60px rgba(62, 240, 224, .28), 0 0 0 9px rgba(26, 218, 211, .05), 0 0 42px rgba(33, 230, 210, .34), 0 22px 50px rgba(0, 5, 14, .55)}
.orbit-main:hover, .orbit-main:focus-visible {transform: translate(-50%, calc(-50% - 5px)) scale(1.025)}
.orbit-main strong {font-size: 1.75rem; margin-top: .55rem}
.orbit-main > span:not(.orbit-icon):not(.orbit-arrow) {font-size: .92rem; color: #d1eef5}
.assistant-mode {margin-top: .65rem; padding: .32rem .55rem; border-radius: 999px; font-size: .67rem; font-weight: 700; color: #ffe1a8; background: rgba(255,178,60,.1); border: 1px solid rgba(255,199,106,.2)}
.assistant-mode.is-live {color: #b8ffe9; background: rgba(33,230,164,.1); border-color: rgba(33,230,164,.25)}
.orbit-arrow {display: grid; place-items: center; width: 36px; height: 36px; margin-top: .75rem; border: 1px solid rgba(255,255,255,.24); border-radius: 50%; color: #fff}
.orbit-inventory {width: 146px; height: 146px; top: 20px; left: calc(50% - 73px)}
.orbit-manual {width: 146px; height: 146px; top: 122px; right: 58px}
.orbit-customers {width: 146px; height: 146px; bottom: 58px; right: 100px}
.orbit-quotes {width: 146px; height: 146px; bottom: 58px; left: 100px}
.orbit-search {width: 146px; height: 146px; top: 122px; left: 58px}

.home-lower-grid {display: grid; grid-template-columns: 1.08fr .92fr; gap: 18px; margin-top: 18px}
.activity-card, .home-search-card {margin: 0; padding: 22px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); box-shadow: var(--shadow); backdrop-filter: blur(16px)}
.activity-card header {display: flex; align-items: center; justify-content: space-between}
.activity-card h2, .home-search-card h2 {margin-bottom: 0}
.activity-live {display: flex; align-items: center; gap: 7px; color: #8bb0c2; font-size: .78rem}
.activity-stats {display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 18px; border: 1px solid var(--line); border-radius: 15px; overflow: hidden}
.activity-stats div {display: flex; flex-direction: column; gap: 4px; padding: 17px; text-align: center; background: rgba(3, 23, 37, .5)}
.activity-stats div + div {border-right: 1px solid var(--line)}
.activity-stats strong {font-size: 1.7rem; color: #fff}
.activity-stats .activity-date {font-size: 1rem; direction: ltr; padding-top: .45rem}
.activity-stats span, .empty-state {color: var(--muted); font-size: .8rem}
.empty-state {margin: 14px 0 0; padding: 11px 13px; border-radius: 10px; background: rgba(255,255,255,.025)}
.home-search-card .section-row {align-items: center}
.home-search-card .section-row > a {color: var(--teal); font-size: .84rem}
.modern-search {align-items: center; margin-top: 18px; padding: 5px 5px 5px 13px; border: 1px solid var(--line); border-radius: 13px; background: rgba(3,19,31,.72)}
.modern-search > span {font-size: 1.35rem; color: var(--teal)}
.modern-search input {border: 0; background: transparent; box-shadow: none}
.modern-search input:focus {outline: 0}
.modern-search button {background: linear-gradient(135deg, #028f9d, #13c8b7); color: #031b24; font-weight: 800}
.home-search-card .search-results {max-height: 220px}
.home-search-card .search-result {box-shadow: none; background: rgba(6, 33, 51, .82)}

@media (max-width: 900px) {
  .topbar {padding: 0 18px}
  .nav-toggle {display: flex}
  .main-nav {top: 76px; background: rgba(4,21,34,.97); border-bottom: 1px solid var(--line); backdrop-filter: blur(18px)}
  .user-identity {display: none}
  .home-lower-grid {grid-template-columns: 1fr}
  .orbit-menu {height: 570px; transform: scale(.92); transform-origin: top center; margin-bottom: -46px}
}

@media (max-width: 620px) {
  .sales-home .shell {padding: 24px 12px 60px}
  .home-welcome {align-items: flex-start; flex-direction: column}
  .home-status {font-size: .78rem}
  .orbit-section {padding: 20px 10px 26px}
  .section-heading {padding: 0 8px}
  .manual-shortcut {padding: .55rem .75rem; font-size: .78rem}
  .orbit-menu {width: 390px; max-width: 100%; height: 520px; transform: none; margin-bottom: 0}
  .orbit-ring-one {width: 355px; height: 355px}
  .orbit-ring-two {width: 280px; height: 280px}
  .orbit-main {width: 218px; height: 218px}
  .orbit-main strong {font-size: 1.35rem}
  .orbit-main > span:not(.orbit-icon):not(.orbit-arrow) {max-width: 160px; font-size: .75rem}
  .orbit-icon-stars {width: 43px; height: 43px}
  .assistant-mode {max-width: 174px; font-size: .58rem}
  .orbit-arrow {display: none}
  .orbit-action:not(.orbit-main) {width: 104px; height: 104px}
  .orbit-action:not(.orbit-main) strong {font-size: .83rem; margin-top: .2rem}
  .orbit-action:not(.orbit-main) > span:not(.orbit-icon) {font-size: .62rem}
  .orbit-action:not(.orbit-main) .orbit-icon {width: 25px; height: 25px}
  .orbit-inventory {top: 15px; left: calc(50% - 52px)}
  .orbit-manual {top: 106px; right: 0}
  .orbit-customers {bottom: 48px; right: 28px}
  .orbit-quotes {bottom: 48px; left: 28px}
  .orbit-search {top: 106px; left: 0}
  .activity-card, .home-search-card {padding: 17px}
  .activity-stats div {padding: 14px 8px}
  .activity-stats strong {font-size: 1.35rem}
  .activity-stats span {font-size: .68rem}
  .modern-search {flex-wrap: wrap}
  .modern-search input {min-width: 0}
  .modern-search button {width: 100%}
}

@media (max-width: 380px) {
  .orbit-menu {width: 350px; right: 50%; transform: translateX(50%) scale(.92); transform-origin: center top; margin-bottom: -38px}
  .activity-stats {grid-template-columns: 1fr}
  .activity-stats div + div {border-right: 0; border-top: 1px solid var(--line)}
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important}
  .orbit-action:hover, .orbit-action:focus-visible {transform: none}
  .orbit-main:hover, .orbit-main:focus-visible {transform: translate(-50%, -50%)}
}

/* Interactive sales assistant */
.assistant-workspace {max-width: 1160px; margin: 0 auto}
.assistant-hero {display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 20px}
.assistant-hero h1 {margin-bottom: .45rem}
.assistant-hero > div:first-child > p:last-child {color: var(--muted); margin: 0}
.assistant-mode-card {display: flex; align-items: center; gap: 12px; min-width: 320px; padding: 13px 15px; border: 1px solid rgba(33,230,210,.25); border-radius: 18px; background: linear-gradient(135deg, rgba(6,42,61,.9), rgba(3,24,39,.92)); box-shadow: inset 0 0 24px rgba(33,230,210,.05)}
.assistant-mode-card > div {display: flex; flex: 1; flex-direction: column; gap: 2px}
.assistant-mode-card small {color: var(--muted)}
.assistant-live-dot {width: 10px; height: 10px; border-radius: 50%; background: #21e6a4; box-shadow: 0 0 14px #21e6a4}
.is-basic .assistant-live-dot {background: #ffb23c; box-shadow: 0 0 14px rgba(255,178,60,.8)}
.assistant-new {padding: .55rem .75rem; color: #bfe6f2; border: 1px solid var(--line); background: rgba(255,255,255,.03)}
.assistant-fallback {margin-bottom: 16px; padding: 12px 15px; color: #ffe3b3; border: 1px solid rgba(255,178,60,.28); border-radius: 12px; background: rgba(255,178,60,.08)}
.assistant-grid {display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .8fr); gap: 18px; align-items: start}
.assistant-chat-shell, .assistant-draft-card {border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(155deg, rgba(7,36,55,.9), rgba(3,19,31,.94)); box-shadow: var(--shadow); overflow: hidden}
.assistant-chat-head {display: flex; align-items: center; gap: 12px; padding: 15px 18px; border-bottom: 1px solid var(--line); background: rgba(7,43,63,.65)}
.assistant-chat-head > div:last-child {display: flex; flex-direction: column; gap: 3px}
.assistant-chat-head small {color: var(--muted)}
.assistant-orb {display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #41eee0; border-radius: 50%; color: #c8fffa; background: radial-gradient(circle at 35% 28%, #42c9e3, #086c83 42%, #06283c 72%); box-shadow: 0 0 22px rgba(33,230,210,.28)}
.assistant-chat-log {display: flex; flex-direction: column; gap: 14px; height: min(52vh, 520px); min-height: 360px; padding: 20px; overflow-y: auto; scroll-behavior: smooth}
.assistant-message {align-self: flex-start; max-width: min(82%, 650px); padding: 12px 15px; border: 1px solid rgba(100,177,211,.16); border-radius: 16px 16px 16px 4px; background: rgba(11,52,75,.72)!important; box-shadow: 0 8px 22px rgba(0,8,18,.18)}
.assistant-message.user {align-self: flex-end; border-color: rgba(33,230,210,.25); border-radius: 16px 16px 4px 16px; background: rgba(0,129,137,.28)!important}
.assistant-message p {margin: .35rem 0 0; line-height: 1.75; white-space: pre-wrap}
.message-label {font-size: .7rem; font-weight: 800; color: var(--teal)}
.assistant-options {display: flex; flex-wrap: wrap; gap: 8px; padding: 0 18px}
.assistant-options:empty {display: none}
.assistant-options-title {width: 100%; margin: 0; color: var(--muted); font-size: .78rem}
.assistant-option {padding: .55rem .75rem; color: #c9edf5; border: 1px solid rgba(62,193,206,.28); border-radius: 999px; background: rgba(13,77,94,.38)}
.assistant-result-card {width: 100%; padding: 13px; border: 1px solid rgba(72,192,217,.24); border-radius: 14px; background: rgba(7,39,57,.78)}
.assistant-result-card p {margin: .3rem 0}
.stock-state {color: #9fe4cc}
.assistant-composer {margin: 16px; padding: 10px; border: 1px solid rgba(89,182,212,.28); border-radius: 17px; background: rgba(2,17,28,.82)}
.assistant-composer textarea {min-height: 72px; padding: 10px; border: 0; background: transparent; resize: none}
.assistant-composer textarea:focus {outline: 0}
.assistant-composer-actions {display: flex; align-items: center; gap: 10px; padding-top: 8px; border-top: 1px solid rgba(117,177,201,.12)}
.assistant-composer-actions > span {flex: 1; color: var(--muted); font-size: .72rem}
.assistant-mic {width: 40px; height: 40px; padding: 0; border: 1px solid var(--line); border-radius: 50%; color: #bfeaf2; background: rgba(255,255,255,.04)}
.assistant-mic.listening {color: #fff; background: var(--danger); animation: pulse 1s infinite}
.assistant-draft-card {position: sticky; top: 92px; padding: 20px}
.assistant-draft-card > header {display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 14px; border-bottom: 1px solid var(--line)}
.assistant-draft-card h2 {margin: 0}
.assistant-draft-content {display: grid; gap: 12px; padding: 15px 0}
.assistant-draft-customer {display: flex; flex-direction: column; gap: 5px; padding: 12px; border-radius: 12px; background: rgba(22,83,102,.22)}
.assistant-draft-customer span {color: var(--muted); font-size: .75rem}
.assistant-draft-lines {display: grid; gap: 9px}
.assistant-draft-line {display: flex; justify-content: space-between; gap: 10px; padding: 11px 0; border-bottom: 1px solid rgba(113,174,198,.14)}
.assistant-draft-line > div:first-child {display: flex; flex-direction: column; gap: 4px}
.assistant-draft-line small {color: var(--muted)}
.assistant-line-values {display: flex; flex-direction: column; align-items: flex-end; gap: 4px; white-space: nowrap}
.stock-warning {color: #ffc166; font-size: .68rem; font-style: normal; white-space: normal; text-align: left}
.assistant-draft-meta {display: flex; flex-wrap: wrap; gap: 7px}
.assistant-draft-meta span {padding: .35rem .55rem; border-radius: 999px; color: #a9d6e4; background: rgba(29,101,123,.2); font-size: .72rem}
.assistant-draft-totals {display: flex; align-items: center; justify-content: space-between; padding: 14px; border: 1px solid rgba(33,230,210,.2); border-radius: 14px; background: rgba(12,86,91,.16)}
.assistant-draft-totals strong {font-size: 1.25rem; color: #aaffef}
.assistant-safety-note {display: flex; gap: 9px; align-items: flex-start; padding: 12px; border-radius: 12px; color: #9cbccc; background: rgba(255,255,255,.025); font-size: .78rem}
.assistant-safety-note p {margin: 0; line-height: 1.6}
.assistant-safety-note > span {color: var(--teal); font-size: 1.2rem}
.assistant-draft-card .pdf-actions {margin-top: 14px}

@media (max-width: 900px) {
  .assistant-hero {align-items: stretch; flex-direction: column}
  .assistant-mode-card {min-width: 0}
  .assistant-grid {grid-template-columns: 1fr}
  .assistant-draft-card {position: static}
}

@media (max-width: 620px) {
  .assistant-hero {gap: 14px}
  .assistant-mode-card {flex-wrap: wrap}
  .assistant-new {width: 100%}
  .assistant-chat-log {height: 48vh; min-height: 330px; padding: 14px}
  .assistant-message {max-width: 92%}
  .assistant-composer-actions > span {display: none}
  .assistant-composer-actions .primary {margin-right: auto}
}