* { box-sizing: border-box; }
body { margin:0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: radial-gradient(circle at 10% 0%, #e9fff7 0, transparent 28%), radial-gradient(circle at 90% 5%, #fff1dc 0, transparent 24%), #f4f1ea; color:#071215; }
a { color: inherit; }
.shell { min-height:100vh; display:grid; grid-template-columns: 292px 1fr; }
.side-panel { position:sticky; top:0; height:100vh; padding:24px; color:white; background: linear-gradient(155deg, #061113, #0a2424 55%, #143232); display:flex; flex-direction:column; gap:24px; }
.brand-lockup { display:flex; align-items:center; gap:14px; }
.brand-lockup strong { display:block; font-size:18px; letter-spacing:.02em; }
.brand-lockup small { display:block; color:rgba(255,255,255,.55); }
.brand-mark { width:44px; height:44px; border-radius:16px; display:grid; place-items:center; color:#07201d; background:linear-gradient(135deg, #66e3c4, #f8d082); font-weight:900; }
.main-nav { display:flex; flex-direction:column; gap:7px; }
.nav-item { display:flex; align-items:center; gap:12px; padding:12px 13px; border-radius:18px; text-decoration:none; color:rgba(255,255,255,.72); }
.nav-item span { width:24px; height:24px; display:grid; place-items:center; color:#66e3c4; }
.nav-item em { font-style:normal; }
.nav-item:hover, .nav-item.active { background:rgba(255,255,255,.08); color:white; }
.side-footer { margin-top:auto; display:flex; flex-direction:column; gap:14px; }
.user-chip { display:flex; align-items:center; gap:12px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.08); padding:12px; border-radius:22px; }
.user-chip > span { width:38px; height:38px; display:grid; place-items:center; border-radius:14px; background:rgba(102,227,196,.16); color:#66e3c4; font-weight:800; }
.user-chip strong, .user-chip small { display:block; }
.user-chip small { color:rgba(255,255,255,.55); }
.logout-link { color:rgba(255,255,255,.62); text-decoration:none; font-size:13px; }
.workspace { padding:28px; min-width:0; }
.topbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:22px; }
.eyebrow { margin:0 0 7px; text-transform:uppercase; letter-spacing:.16em; color:#6a777c; font-size:12px; font-weight:800; }
h1 { margin:0; font-size:36px; letter-spacing:-.05em; }
h2 { margin:0; letter-spacing:-.03em; }
.top-actions, .button-row { display:flex; gap:12px; align-items:center; }
.command-trigger, .ghost-btn, .primary-btn, .filter-bar button { border:0; border-radius:16px; padding:12px 16px; font-weight:800; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.command-trigger, .ghost-btn { background:rgba(255,255,255,.74); border:1px solid rgba(7,18,21,.11); color:#071215; }
.primary-btn, .filter-bar button { background:linear-gradient(135deg, #062122, #174d47); color:white; box-shadow:0 12px 24px rgba(12,52,49,.18); }
.content-panel { max-width:1500px; }
.flash { padding:14px 16px; border-radius:18px; margin:0 0 16px; font-weight:700; }
.flash-success { background:#e1fff3; color:#0f694e; }
.flash-error { background:#ffe7e7; color:#962c2c; }
.metric-grid { display:grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap:16px; margin-bottom:18px; }
.metric-card, .panel-card, .table-card, .astra-form, .flow-column { background:rgba(255,255,255,.86); border:1px solid rgba(255,255,255,.72); box-shadow:0 24px 70px rgba(13,33,36,.14); border-radius:28px; backdrop-filter: blur(20px); }
.metric-card { padding:22px; min-height:130px; display:flex; flex-direction:column; justify-content:space-between; }
.metric-card span { color:#6a777c; font-weight:800; font-size:13px; text-transform:uppercase; letter-spacing:.08em; }
.metric-card strong { font-size:46px; letter-spacing:-.08em; }
.metric-card em { color:#6a777c; font-style:normal; }
.hero-metric { background:linear-gradient(135deg, rgba(12,44,45,.94), rgba(24,86,77,.9)); color:white; }
.hero-metric span, .hero-metric em { color:rgba(255,255,255,.68); }
.flow-rail { display:grid; grid-template-columns: repeat(6, 1fr); gap:10px; align-items:center; margin:18px 0; }
.flow-rail div { background:rgba(255,255,255,.72); border:1px solid rgba(7,18,21,.11); border-radius:20px; padding:14px; }
.flow-rail b, .flow-rail small { display:block; }
.flow-rail small { color:#6a777c; }
.flow-rail span { display:none; }
.split-grid { display:grid; grid-template-columns: minmax(320px,.8fr) minmax(520px,1.3fr); gap:18px; align-items:start; }
.detail-grid { display:grid; grid-template-columns: 420px 1fr; gap:18px; margin-bottom:18px; }
.panel-card, .table-card, .astra-form { padding:20px; }
.panel-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }
.panel-head a { color:#6a777c; text-decoration:none; font-weight:800; }
.slot-map { display:grid; grid-template-columns: repeat(auto-fill, minmax(140px,1fr)); gap:10px; }
.slot-map.compact { grid-template-columns: repeat(auto-fill, minmax(120px,1fr)); }
.slot-tile { min-height:112px; border-radius:22px; text-decoration:none; padding:14px; background:linear-gradient(145deg, rgba(255,255,255,.9), rgba(255,255,255,.54)); border:1px solid rgba(7,18,21,.11); display:flex; flex-direction:column; justify-content:space-between; }
.slot-tile span { font-weight:900; }
.slot-tile strong { font-size:30px; }
.slot-tile em, .slot-tile small { color:#6a777c; font-style:normal; }
.timeline { display:flex; flex-direction:column; gap:8px; }
.timeline-row { display:grid; grid-template-columns: 86px 1fr; gap:12px; padding:12px; border:1px solid rgba(7,18,21,.11); border-radius:18px; text-decoration:none; background:rgba(255,255,255,.54); }
.timeline-row span { color:#6a777c; font-size:12px; font-weight:800; }
.timeline-row strong, .timeline-row small { display:block; }
.timeline-row small { color:#6a777c; }
.filter-bar { display:grid; grid-template-columns: 1.3fr 180px 1fr 1fr 120px; gap:10px; margin-bottom:14px; }
input, select, textarea { width:100%; border:1px solid rgba(7,18,21,.11); background:rgba(255,255,255,.82); border-radius:16px; padding:12px 13px; font:inherit; outline:none; }
input:focus, select:focus, textarea:focus { border-color:rgba(21,115,100,.42); box-shadow:0 0 0 4px rgba(102,227,196,.16); }
label { display:flex; flex-direction:column; gap:7px; font-weight:800; color:#263436; font-size:13px; }
.table-live-filter { margin-bottom:12px; }
.data-table { width:100%; border-collapse:separate; border-spacing:0 8px; }
.data-table th { text-align:left; color:#6a777c; font-size:12px; text-transform:uppercase; letter-spacing:.08em; padding:0 12px; }
.data-table td { background:rgba(255,255,255,.72); border-top:1px solid rgba(7,18,21,.11); border-bottom:1px solid rgba(7,18,21,.11); padding:12px; vertical-align:middle; }
.data-table td:first-child { border-left:1px solid rgba(7,18,21,.11); border-radius:16px 0 0 16px; }
.data-table td:last-child { border-right:1px solid rgba(7,18,21,.11); border-radius:0 16px 16px 0; }
.data-table.small td { padding:10px; }
.muted-code, small { color:#6a777c; }
.badge { display:inline-flex; align-items:center; border-radius:999px; padding:7px 10px; font-size:12px; font-weight:900; background:#edf2f0; color:#314241; white-space:nowrap; }
.status-available { background:#dffced; color:#116043; }
.status-reserved { background:#fff3d7; color:#805200; }
.status-in_cutting { background:#e9eeff; color:#3942a0; }
.status-at_painting { background:#efe5ff; color:#6530a6; }
.status-returned_from_paint { background:#e2fbff; color:#11616f; }
.status-accessorizing { background:#fff0e5; color:#944d13; }
.status-packing { background:#eef7df; color:#526b0f; }
.status-recycled, .status-scrapped { background:#ffe4e4; color:#8f2525; }
.row-actions { white-space:nowrap; }
.row-actions a { display:inline-flex; margin-right:8px; padding:8px 10px; border-radius:12px; background:#f1f5f4; text-decoration:none; font-weight:800; color:#23413d; }
.form-section { margin:4px 0 16px; }
.form-section p { color:#6a777c; margin:6px 0 0; }
.form-grid { display:grid; gap:14px; margin-bottom:14px; }
.form-grid.two { grid-template-columns: repeat(2, minmax(0,1fr)); }
.form-grid.three { grid-template-columns: repeat(3, minmax(0,1fr)); }
.wide-form { max-width:1120px; }
.info-list { display:grid; grid-template-columns: 140px 1fr; gap:10px 14px; }
.info-list dt { color:#6a777c; font-weight:800; }
.info-list dd { margin:0; font-weight:700; }
.detail-hero h2 { font-size:28px; }
.detail-status { margin:14px 0; }
.cut-preview { border-radius:22px; border:1px dashed rgba(7,18,21,.22); background:rgba(255,255,255,.55); padding:16px; margin:12px 0; }
.cut-preview strong, .cut-preview span { display:block; }
.cut-preview span { color:#6a777c; margin-top:4px; }
.cut-preview .danger { color:#d84e4e; }
.kanban-flow { display:grid; grid-template-columns: repeat(6, minmax(190px,1fr)); gap:12px; overflow:auto; padding-bottom:8px; }
.flow-column { min-height:460px; padding:14px; }
.flow-column h2 { font-size:16px; margin-bottom:12px; display:flex; justify-content:space-between; }
.flow-card { display:block; padding:12px; border-radius:18px; background:rgba(255,255,255,.72); border:1px solid rgba(7,18,21,.11); text-decoration:none; margin-bottom:8px; }
.flow-card strong, .flow-card small, .flow-card em { display:block; }
.flow-card small, .flow-card em { color:#6a777c; font-style:normal; margin-top:4px; }
.empty-state { padding:26px; border-radius:22px; border:1px dashed rgba(7,18,21,.11); color:#6a777c; background:rgba(255,255,255,.44); }
.empty-state strong { color:#071215; display:block; }
.empty-mini { color:#6a777c; padding:12px; border:1px dashed rgba(7,18,21,.11); border-radius:16px; text-align:center; }
.command-palette { position:fixed; inset:0; background:rgba(3,10,11,.42); display:grid; place-items:start center; padding-top:12vh; z-index:10; }
.command-card { width:min(620px, calc(100vw - 32px)); background:#fff; border-radius:28px; box-shadow:0 30px 90px rgba(0,0,0,.25); padding:12px; }
.command-card input { font-size:20px; border:0; background:#f5f3ee; }
.command-results { display:grid; gap:6px; margin-top:10px; }
.command-results a { padding:12px; border-radius:16px; text-decoration:none; font-weight:800; }
.command-results a:hover { background:#f2fbf7; }
.login-body { min-height:100vh; display:grid; place-items:center; padding:24px; background: radial-gradient(circle at 20% 15%, rgba(102,227,196,.35), transparent 25%), radial-gradient(circle at 80% 20%, rgba(240,179,90,.35), transparent 22%), #071215; }
.login-shell { width:min(1040px,100%); display:grid; grid-template-columns: 1fr 440px; gap:18px; }
.login-shell.small-install { grid-template-columns: 1fr; width:min(520px,100%); }
.login-art, .login-card { border-radius:34px; padding:32px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); color:white; backdrop-filter: blur(22px); }
.login-card { background:#fff; color:#071215; box-shadow:0 30px 100px rgba(0,0,0,.28); }
.login-card h1 { font-size:42px; }
.login-copy, .install-note { color:#6a777c; }
.login-card label { margin-top:14px; }
.login-card .primary-btn { width:100%; margin-top:18px; }
.brand-lockup.large .brand-mark { width:62px; height:62px; border-radius:22px; font-size:26px; }
.login-orbit { margin-top:130px; display:flex; flex-wrap:wrap; gap:10px; }
.login-orbit span { border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.08); border-radius:999px; padding:10px 12px; color:rgba(255,255,255,.72); }
@media (max-width: 1100px) { .shell { grid-template-columns: 1fr; } .side-panel { position:relative; height:auto; } .main-nav { display:grid; grid-template-columns: repeat(3,1fr); } .metric-grid, .split-grid, .detail-grid, .login-shell { grid-template-columns: 1fr; } .filter-bar, .form-grid.three, .form-grid.two { grid-template-columns: 1fr; } .kanban-flow { grid-template-columns: repeat(2, minmax(240px,1fr)); } }
@media (max-width: 720px) { .workspace { padding:18px; } .topbar { align-items:flex-start; flex-direction:column; gap:12px; } .main-nav { grid-template-columns: 1fr 1fr; } .kanban-flow { grid-template-columns: 1fr; } h1 { font-size:30px; } }
/* v0.2 ERP launcher, settings module and UI fixes */
.command-palette[hidden] { display:none !important; }
.command-head { display:grid; grid-template-columns:1fr 44px; gap:8px; align-items:center; }
.icon-btn { border:0; border-radius:14px; background:#f2f1ed; color:#071215; font-size:26px; line-height:1; cursor:pointer; font-weight:900; }
.icon-btn:hover { background:#e8f4ef; }
.apps-back { display:inline-flex; align-items:center; gap:8px; padding:10px 12px; margin-bottom:18px; border-radius:14px; background:rgba(255,255,255,.06); color:rgba(255,255,255,.72); text-decoration:none; font-weight:800; border:1px solid rgba(255,255,255,.08); }
.apps-back:hover { color:#fff; background:rgba(255,255,255,.1); }
.compact-btn { padding:12px 16px; }
.module-toolbar { display:flex; justify-content:space-between; gap:18px; align-items:center; padding:18px 20px; border-radius:26px; background:rgba(255,255,255,.78); border:1px solid rgba(255,255,255,.72); box-shadow:0 18px 50px rgba(13,33,36,.1); margin-bottom:16px; }
.module-toolbar strong, .module-toolbar small { display:block; }
.module-toolbar small { color:#6a777c; margin-top:4px; }
.inline-form { display:inline-flex; margin:0; }
.inline-form button { border:0; cursor:pointer; font:inherit; }
.row-actions .inline-form button { display:inline-flex; margin-right:8px; padding:8px 10px; border-radius:12px; background:#fff0f0; text-decoration:none; font-weight:800; color:#923131; }
.danger-link { color:#923131 !important; border-color:rgba(146,49,49,.18) !important; background:#fff0f0 !important; }
.home-body { min-height:100vh; background:radial-gradient(circle at 14% 8%, rgba(102,227,196,.28), transparent 28%), radial-gradient(circle at 86% 12%, rgba(240,179,90,.26), transparent 28%), linear-gradient(135deg,#071215,#0e2929 45%,#f2efe8 45.1%,#e8e3d7); color:#071215; }
.home-shell { width:min(1440px,100%); margin:0 auto; padding:28px; }
.home-topbar { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:36px; }
.home-brand { display:flex; align-items:center; gap:14px; text-decoration:none; color:white; }
.home-brand span { width:58px; height:58px; border-radius:20px; display:grid; place-items:center; background:linear-gradient(135deg,#66e3c4,#f0b35a); color:#071215; font-weight:1000; box-shadow:0 18px 50px rgba(0,0,0,.22); }
.home-brand strong, .home-brand small { display:block; }
.home-brand strong { font-size:18px; }
.home-brand small { color:rgba(255,255,255,.62); }
.home-user { display:flex; align-items:center; gap:12px; }
.user-chip.light { background:rgba(255,255,255,.86); border:1px solid rgba(255,255,255,.62); color:#071215; }
.home-hero { max-width:900px; color:white; padding:22px 0 30px; }
.home-hero h1 { font-size:64px; max-width:760px; line-height:.96; }
.home-hero p:not(.eyebrow) { color:rgba(255,255,255,.72); font-size:18px; line-height:1.7; max-width:720px; }
.app-grid { display:grid; grid-template-columns: repeat(4, minmax(180px,1fr)); gap:18px; }
.app-tile { min-height:240px; border-radius:34px; padding:22px; background:rgba(255,255,255,.86); border:1px solid rgba(255,255,255,.7); box-shadow:0 30px 90px rgba(7,18,21,.18); display:flex; flex-direction:column; justify-content:space-between; text-decoration:none; color:#071215; position:relative; overflow:hidden; transition:transform .18s ease, box-shadow .18s ease, background .18s ease; }
.app-tile:before { content:""; position:absolute; inset:auto -30px -48px auto; width:140px; height:140px; border-radius:50%; background:rgba(102,227,196,.18); }
.app-tile:hover { transform:translateY(-5px); box-shadow:0 36px 110px rgba(7,18,21,.24); }
.app-tile strong { font-size:25px; letter-spacing:-.04em; z-index:1; }
.app-tile small { color:#6a777c; line-height:1.5; z-index:1; }
.app-tile em { align-self:flex-start; border-radius:999px; padding:8px 11px; background:#eef9f4; color:#174d47; font-style:normal; font-weight:900; font-size:12px; z-index:1; }
.app-icon { width:58px; height:58px; display:grid; place-items:center; border-radius:22px; background:linear-gradient(135deg,#0b2c2d,#23665f); color:white; font-size:24px; font-weight:1000; z-index:1; }
.settings-icon { background:linear-gradient(135deg,#3b2b6e,#8266d9); }
.app-disabled { opacity:.6; filter:saturate(.45); cursor:not-allowed; }
.app-disabled:hover { transform:none; }
.home-status-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:18px; }
.home-status-strip div { border-radius:24px; padding:18px 20px; background:rgba(255,255,255,.72); border:1px solid rgba(255,255,255,.62); }
.home-status-strip span, .home-status-strip strong { display:block; }
.home-status-strip span { color:#6a777c; font-size:12px; text-transform:uppercase; letter-spacing:.08em; font-weight:900; }
.home-status-strip strong { font-size:24px; margin-top:4px; }
.settings-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; margin-bottom:18px; }
.settings-card { min-height:150px; padding:20px; border-radius:28px; background:rgba(255,255,255,.86); border:1px solid rgba(255,255,255,.72); box-shadow:0 24px 70px rgba(13,33,36,.12); text-decoration:none; color:#071215; display:flex; flex-direction:column; justify-content:space-between; }
.settings-card span { width:48px; height:48px; border-radius:18px; display:grid; place-items:center; background:#0c2c2d; color:white; font-weight:1000; }
.settings-card strong { font-size:20px; letter-spacing:-.03em; }
.settings-card small { color:#6a777c; line-height:1.45; }
.role-list { display:grid; gap:10px; }
.role-pill { display:block; padding:14px; border-radius:18px; border:1px solid rgba(7,18,21,.11); background:rgba(255,255,255,.62); color:#071215; text-decoration:none; }
.role-pill.active { background:#e8f9f3; border-color:rgba(21,115,100,.24); }
.role-pill strong, .role-pill small { display:block; }
.role-pill small { color:#6a777c; margin-top:4px; }
.permission-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px; }
.permission-group { border-radius:22px; border:1px solid rgba(7,18,21,.11); padding:14px; background:rgba(255,255,255,.58); }
.permission-group h3 { margin:0 0 8px; font-size:15px; }
.check-row { flex-direction:row; align-items:flex-start; gap:10px; font-weight:700; color:#071215; padding:8px 0; }
.check-row input { width:auto; margin-top:3px; }
.check-row span strong, .check-row span small { display:block; }
.check-row span small { color:#6a777c; font-weight:700; }
.status-lost { background:#f1f1f1; color:#666; }
@media (max-width: 1100px) { .app-grid { grid-template-columns: repeat(2,minmax(180px,1fr)); } .home-hero h1 { font-size:48px; } .module-toolbar { align-items:flex-start; flex-direction:column; } }
@media (max-width: 720px) { .home-shell { padding:18px; } .home-topbar, .home-user { align-items:flex-start; flex-direction:column; } .app-grid, .home-status-strip { grid-template-columns:1fr; } .home-hero h1 { font-size:38px; } }
/* v0.2.1 command palette hard fix */
.command-palette { display:none !important; }
.command-palette.is-open { display:grid !important; }
.command-palette[hidden] { display:none !important; }
.command-card { position:relative; }

/* v1.0 ERP flow + warehouse management */
.crm-icon { background:linear-gradient(135deg,#114b5f,#1a936f); }
.sales-icon { background:linear-gradient(135deg,#51355a,#9b5de5); }
.proforma-icon { background:linear-gradient(135deg,#8a4f00,#e09f3e); }
.planning-icon { background:linear-gradient(135deg,#16425b,#3a7ca5); }
.production-icon { background:linear-gradient(135deg,#7f1d1d,#dc2626); }
.bom-icon { background:linear-gradient(135deg,#173b2d,#2f855a); }
.compact-metrics .metric-card { min-height:112px; }
.compact-metrics .metric-card strong { font-size:34px; }
.stock-filter { grid-template-columns:minmax(220px,1.3fr) 190px 220px minmax(180px,1fr) 110px; }
.table-scroll { overflow:auto; }
.data-table.dense { min-width:1250px; }
.data-table.dense td { padding:9px 11px; }
.row-warning td { background:#fff8dc; border-color:#ecd78f; }
.warehouse-pill { display:inline-flex; padding:5px 9px; border-radius:999px; background:#e7efee; color:#174d47; font-size:12px; font-weight:900; }
.narrow-card { max-width:760px; }
.notice-box { padding:14px 16px; margin:16px 0; border-radius:16px; background:#edf7ff; border:1px solid #bedbf0; color:#17445f; }
.document-lines { display:grid; gap:10px; margin-bottom:18px; }
.document-line { display:grid; grid-template-columns:minmax(280px,1.7fr) minmax(160px,1fr) minmax(160px,1fr) 140px minmax(180px,1fr) 42px; align-items:end; gap:10px; padding:12px; border-radius:18px; border:1px solid rgba(7,18,21,.11); background:rgba(255,255,255,.55); }
.line-remove { width:42px; height:42px; border-radius:13px; border:0; background:#fff0f0; color:#923131; font-size:22px; cursor:pointer; }
.inline-create { display:grid; grid-template-columns:minmax(260px,1fr) auto; align-items:end; gap:12px; margin-bottom:16px; }
.section-title { margin:26px 0 12px; }
.product-list,.chip-list { display:grid; gap:10px; }
.product-row { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 14px; border:1px solid rgba(7,18,21,.11); border-radius:17px; text-decoration:none; color:#071215; background:rgba(255,255,255,.62); }
.product-row strong,.product-row small { display:block; }
.config-chip { display:inline-flex; flex-direction:column; padding:10px 12px; border-radius:14px; background:#edf5f2; border:1px solid #d6e6e1; }
.chip-list { grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); }
.span-two { grid-column:span 2; }
details { margin-top:14px; }
details > summary { cursor:pointer; font-weight:900; padding:10px 0; }
.compact-form { margin-top:10px; padding-top:12px; border-top:1px solid rgba(7,18,21,.09); }
.tabs-row { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.tab-pill { padding:9px 12px; border-radius:999px; background:#eef2f1; text-decoration:none; color:#345; font-weight:800; }
.tab-pill.active { background:#123f3b; color:white; }
.activate-row { margin:12px 0; }
code { padding:4px 7px; border-radius:8px; background:#edf3f1; color:#174d47; font-size:13px; }
.danger-text { border:0; background:transparent; color:#a33434; font:inherit; font-weight:800; cursor:pointer; }
.config-line { display:block; line-height:1.45; }
.production-board { display:grid; grid-template-columns:repeat(4,minmax(270px,1fr)); gap:14px; overflow:auto; padding-bottom:16px; }
.production-column { min-height:620px; padding:14px; border-radius:26px; background:rgba(255,255,255,.52); border:1px solid rgba(7,18,21,.1); }
.production-column > header { display:flex; align-items:center; justify-content:space-between; padding:4px 4px 14px; }
.production-column > header h2 { font-size:17px; }
.production-column > header span { width:32px; height:32px; border-radius:50%; display:grid; place-items:center; background:#173f3c; color:#fff; font-weight:900; }
.production-ticket { padding:16px; margin-bottom:12px; border-radius:20px; background:white; border:1px solid rgba(7,18,21,.12); box-shadow:0 10px 28px rgba(13,33,36,.09); }
.production-ticket.focused { box-shadow:0 0 0 4px rgba(102,227,196,.5),0 16px 36px rgba(13,33,36,.15); }
.ticket-no { color:#17665b; font-size:12px; font-weight:1000; letter-spacing:.08em; }
.production-ticket h3 { margin:7px 0 2px; font-size:20px; }
.production-ticket p,.ticket-products { color:#667579; }
.ticket-products { padding:10px 0; min-height:54px; }
.ticket-progress { height:8px; border-radius:999px; background:#e7ecea; overflow:hidden; margin:8px 0 4px; }
.ticket-progress span { display:block; height:100%; background:linear-gradient(90deg,#1d7467,#66e3c4); border-radius:inherit; }
.production-ticket form { margin-top:12px; }
@media (max-width:1200px){.stock-filter,.document-line{grid-template-columns:repeat(2,minmax(0,1fr))}.production-board{grid-template-columns:repeat(2,minmax(270px,1fr))}.span-two{grid-column:auto}}
@media (max-width:720px){.stock-filter,.document-line,.inline-create,.production-board{grid-template-columns:1fr}.production-column{min-height:auto}.table-card{overflow:auto}}

/* v1.1 multi-line receipts and checked spreadsheet imports */
.receipt-head-card{display:grid;grid-template-columns:minmax(320px,1fr) repeat(3,150px);gap:14px;align-items:center;padding:22px;margin-bottom:18px;border-radius:26px;background:linear-gradient(135deg,#0d3533,#17675d);color:#fff}.receipt-head-card h2{margin:4px 0 8px;font-size:25px}.receipt-head-card p:not(.eyebrow){margin:0;color:rgba(255,255,255,.72);line-height:1.5}.receipt-step{display:flex;align-items:center;gap:9px;padding:12px;border-radius:17px;background:rgba(255,255,255,.09)}.receipt-step strong{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#66e3c4;color:#092421}.receipt-step span{font-size:12px;font-weight:900}.receipt-meta{padding:18px;border-radius:22px;background:rgba(255,255,255,.55);border:1px solid rgba(7,18,21,.1)}.receipt-lines-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:26px 0 12px}.receipt-lines-head h2,.receipt-lines-head p{margin:0}.receipt-lines-head p{color:#68777a;margin-top:5px}.receipt-table-wrap{overflow:auto;border:1px solid rgba(7,18,21,.11);border-radius:22px;background:rgba(255,255,255,.7);margin-bottom:18px}.receipt-table{border-collapse:collapse;min-width:1500px;width:100%}.receipt-table th{padding:10px;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#68777a;background:#eef4f1}.receipt-table td{padding:8px;border-top:1px solid rgba(7,18,21,.08);vertical-align:middle}.receipt-table input,.receipt-table select{min-width:105px;width:100%;padding:10px;border:1px solid #d4dfdc;border-radius:11px;background:#fff}.receipt-table td:first-child input{min-width:130px;font-weight:900}.receipt-table td:nth-child(2) input{min-width:190px}.receipt-table tr.is-profile td:nth-child(6),.receipt-table tr.is-profile td:nth-child(7),.receipt-table tr.is-profile td:nth-child(9){background:#effaf6}.receipt-submit{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;border-radius:22px;background:#eef8f4;border:1px solid #cde7dd}.receipt-submit strong,.receipt-submit small{display:block}.receipt-submit small{margin-top:4px;color:#60726e}.import-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.7fr);gap:18px;margin-bottom:18px}.import-card,.import-help,.import-preview{padding:22px}.import-help dl{margin:0}.import-help dt{font-weight:1000;margin-top:15px}.import-help dd{margin:4px 0;color:#637276;line-height:1.5}.file-drop{border:2px dashed #a7c9c0;border-radius:20px;padding:22px;background:#f3fbf8;cursor:pointer}.file-drop input{margin-bottom:10px}.file-drop span{display:block;color:#45635d}.import-form{margin-top:18px}.import-preview .module-toolbar{box-shadow:none;background:#f3f7f5}.error-notice{background:#fff0f0;border-color:#efc2c2;color:#8d3030}.row-error td{background:#fff3f3!important}.import-table{min-width:1100px}
@media(max-width:1200px){.receipt-head-card{grid-template-columns:1fr repeat(3,130px)}.import-layout{grid-template-columns:1fr}}
@media(max-width:820px){.receipt-head-card{grid-template-columns:1fr}.receipt-lines-head,.receipt-submit{align-items:flex-start;flex-direction:column}}

/* v1.2 suppliers, warehouse hierarchy and code-level thresholds */
.warehouse-admin-grid{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(520px,1.35fr);gap:18px}.warehouse-tree,.slot-admin{padding:20px}.warehouse-list,.slot-admin-list,.supplier-cards{display:grid;gap:12px}.warehouse-admin-card,.slot-admin-row,.supplier-card{border:1px solid rgba(7,18,21,.11);border-radius:20px;background:rgba(255,255,255,.72);padding:15px}.warehouse-admin-card.is-archived,.slot-admin-row.is-archived,.supplier-card.is-archived{opacity:.62;background:#f1f1f1}.warehouse-admin-card header,.supplier-card header,.supplier-card footer{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.warehouse-admin-card h3,.supplier-card h3{margin:5px 0 2px}.warehouse-admin-card small,.slot-admin-row small,.supplier-card small{display:block;color:#69777b}.warehouse-code{display:inline-flex;padding:4px 8px;border-radius:999px;background:#e8f4ef;color:#17665b;font-size:11px;font-weight:1000;letter-spacing:.05em}.warehouse-admin-card details,.slot-admin-row details{margin-top:12px;border-top:1px solid rgba(7,18,21,.08);padding-top:8px}.warehouse-admin-card details>summary,.slot-admin-row details>summary{color:#17665b}.slot-admin-row{display:grid;grid-template-columns:minmax(240px,1fr) 100px minmax(190px,.65fr);align-items:start;gap:14px}.slot-main{display:flex;align-items:center;gap:10px}.slot-main strong{display:block}.slot-balance{text-align:right}.slot-balance strong{font-size:20px}.slot-blocker{padding:12px;margin-top:10px;border-radius:14px;background:#fff1e4;color:#7b4315}.slot-blocker strong,.slot-blocker small{display:block}.slot-blocker .button-row{margin-top:8px}.slot-blocker a{font-weight:900;color:#7b4315}.danger-zone{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid #efd0d0}.supplier-layout{display:grid;grid-template-columns:minmax(480px,1.2fr) minmax(360px,.8fr);gap:18px}.supplier-list,.supplier-editor{padding:20px}.supplier-search input{width:100%;padding:13px 15px;margin-bottom:14px;border:1px solid #cfdbd7;border-radius:15px}.supplier-card{display:grid;grid-template-columns:48px 1fr;gap:13px}.supplier-avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#0d3533,#2a766c);color:#fff;font-weight:1000}.supplier-content p{margin:7px 0;color:#667579}.supplier-contact{display:flex;flex-wrap:wrap;gap:8px 14px;margin:8px 0}.supplier-contact a,.supplier-contact span{color:#174d47;text-decoration:none;font-size:13px}.supplier-card footer{align-items:center;margin-top:10px}.item-stock-hero{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:22px;margin-bottom:18px;border-radius:26px;background:linear-gradient(135deg,#0d3533,#17675d);color:#fff}.item-stock-hero a{color:#8df0d7}.item-stock-hero h2{margin:5px 0}.item-stock-hero p{margin:4px 0;color:rgba(255,255,255,.7)}.item-stock-metrics{display:grid;grid-template-columns:repeat(3,minmax(125px,1fr));gap:10px}.item-stock-metrics span{padding:13px;border-radius:17px;background:rgba(255,255,255,.1)}.item-stock-metrics small,.item-stock-metrics strong{display:block}.item-stock-metrics small{color:rgba(255,255,255,.65);margin-bottom:5px}.item-stock-metrics strong{font-size:20px}.item-stock-metrics .stock-low{background:#9c3d31}.threshold-note{padding:13px 15px;margin-bottom:14px;border-radius:16px;background:#edf8f4;border:1px solid #cde7dd}.threshold-note strong,.threshold-note span{display:block}.threshold-note span{margin-top:4px;color:#5f716d;font-size:13px}
@media(max-width:1150px){.warehouse-admin-grid,.supplier-layout{grid-template-columns:1fr}.item-stock-hero{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.slot-admin-row{grid-template-columns:1fr}.slot-balance{text-align:left}.item-stock-metrics{grid-template-columns:1fr;width:100%}.supplier-card{grid-template-columns:1fr}.supplier-avatar{display:none}}

/* v1.2.1 stock actions and supplier purchase orders */
.icon-edit-link{width:38px;height:38px;display:inline-grid!important;place-items:center;padding:0!important;border-radius:13px;background:#e8f4ef!important;color:#174d47!important;font-size:20px;line-height:1;text-decoration:none;transition:transform .15s ease,background .15s ease}
.icon-edit-link:hover{transform:translateY(-1px);background:#d5ebe3!important}
.draft-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
.draft-actions .inline-form{display:inline-flex;margin:0}
.icon-delete-link{width:34px;height:34px;display:inline-grid;place-items:center;padding:0!important;border:0!important;border-radius:11px!important;background:#fff0f0!important;color:#9a3030!important;font-size:20px!important;line-height:1;cursor:pointer}
.purchase-order-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin-bottom:16px;border-radius:22px;background:#edf8f4;border:1px solid #cde7dd}
.purchase-order-toolbar strong,.purchase-order-toolbar small{display:block}
.purchase-order-toolbar small{margin-top:4px;color:#60726e}
.pdf-download:before{content:'PDF';display:inline-grid;place-items:center;margin-right:8px;padding:3px 5px;border-radius:5px;background:rgba(255,255,255,.18);font-size:9px;letter-spacing:.04em}
@media(max-width:720px){.purchase-order-toolbar{align-items:flex-start;flex-direction:column}.draft-actions{align-items:flex-start;flex-direction:column}}

/* v1.3 products, BOM and production work lists */
.product-studio-intro,.production-order-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;margin-bottom:18px;border-radius:26px;background:linear-gradient(135deg,#0d3533,#17675d);color:#fff}.product-studio-intro h2,.production-order-head h2{margin:4px 0}.product-studio-intro p:not(.eyebrow){margin:0;color:rgba(255,255,255,.72)}.product-admin-list,.config-field-list,.bom-line-list,.work-line-list{display:grid;gap:10px}.product-admin-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid rgba(7,18,21,.11);border-radius:18px;background:rgba(255,255,255,.7);padding:7px 9px 7px 15px}.product-admin-row>a{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#071215;text-decoration:none}.product-admin-row strong,.product-admin-row small{display:block}.product-admin-row small{margin-top:4px;color:#68777a}.product-admin-row.is-archived{opacity:.58}.product-editor-card{min-width:0}.config-field-editor,.bom-line-editor,.work-line{margin:0;border:1px solid rgba(7,18,21,.11);border-radius:18px;background:#fff;padding:0 14px}.config-field-editor>summary,.bom-line-editor>summary,.work-line>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 2px}.config-field-editor>summary strong,.config-field-editor>summary small,.bom-line-editor>summary strong,.bom-line-editor>summary small,.work-line>summary strong,.work-line>summary small{display:block}.config-field-editor>summary small,.bom-line-editor>summary small,.work-line>summary small{margin-top:3px;color:#68777a}.config-field-editor>summary em{font-style:normal;font-size:11px;font-weight:900;padding:6px 9px;border-radius:999px;background:#edf5f2;color:#17665b}.field-delete-form,.bom-line-editor>form:last-child{padding:0 0 12px}.new-config-field,.new-bom-line,.new-work-line{border-top:1px solid rgba(7,18,21,.09);margin-top:14px}.bom-method-note{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:14px 16px;margin:14px 0;border-radius:16px;background:#edf8f4;border:1px solid #cde7dd}.bom-method-note span{color:#5f716d}.production-ticket-link{display:block;text-decoration:none;color:#071215}.production-ticket-link>small{display:block;margin-top:14px;color:#17665b;font-weight:900}.production-order-head a{color:#8df0d7}.production-order-head strong,.production-order-head small{display:block}.production-order-head>div:last-child{text-align:right}.production-order-head>div:last-child small{margin-top:8px;color:rgba(255,255,255,.7)}.production-order-actions{justify-content:flex-end;margin-bottom:16px}.work-list-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.work-list-tabs .tab-pill span{display:inline-grid;place-items:center;min-width:24px;height:24px;margin-left:5px;border-radius:999px;background:rgba(255,255,255,.18)}.work-list-panel{padding:20px}.work-line.is-manual{border-color:#deb879;background:#fff9eb}.audit-history{margin-top:18px}.audit-history>summary{padding:0}.audit-history .timeline{margin-top:14px}
.bom-destinations{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0;padding:12px 14px;border:1px solid #d4e4df;border-radius:15px;background:#f3faf7}.bom-destinations legend{padding:0 6px;color:#526965;font-size:12px;font-weight:900}.bom-destinations label{display:inline-flex;flex-direction:row;align-items:center;gap:7px;margin:0;font-size:13px;font-weight:800}.bom-destinations input{width:auto;margin:0}
.table-pagination-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid rgba(7,18,21,.09);color:#667579}.table-pagination-summary strong{color:#173f3c}.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;padding:18px}.pagination a{min-width:38px;height:38px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#edf3f1;color:#174d47;text-decoration:none;font-weight:900}.pagination a.active{background:#123f3b;color:#fff}.pagination a:hover{background:#dcebe6}
.cut-plan-panel{margin-top:18px}.cut-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.cut-plan-card{padding:15px;border:1px solid #cfe1dc;border-radius:18px;background:#f8fcfa}.cut-plan-card.needs-paint{border-color:#e2bd75;background:#fff9eb}.cut-plan-card header{display:flex;justify-content:space-between;gap:12px}.cut-plan-card header strong,.cut-plan-card header small{display:block}.cut-plan-card header small,.cut-plan-card>small{margin-top:4px;color:#68777a}.cut-plan-card header>span{font-weight:1000;color:#17665b}.cut-plan-card p{margin:10px 0 5px}.cut-plan-card footer{margin-top:11px;padding-top:10px;border-top:1px solid rgba(7,18,21,.09);font-size:12px;font-weight:900;color:#536966}.cut-bar-visual{height:10px;margin-top:12px;border-radius:999px;background:#e6ecea;overflow:hidden}.cut-bar-visual span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#17675d,#66e3c4)}
@media(max-width:760px){.product-studio-intro,.production-order-head,.product-admin-row>a,.bom-method-note,.table-pagination-summary{align-items:flex-start;flex-direction:column}.product-admin-row{grid-template-columns:1fr auto}.production-order-head>div:last-child{text-align:left}.config-field-editor>summary,.bom-line-editor>summary,.work-line>summary{align-items:flex-start;flex-direction:column}}

/* v1.5 compact ERP workspace — densitate inspirata de interfetele operationale Odoo */
body{font-size:13px;background:#f5f6f7}
.shell{grid-template-columns:230px minmax(0,1fr)}
.side-panel{padding:16px 12px;gap:14px}.apps-back{margin-bottom:4px;padding:8px 10px}.brand-lockup{gap:10px;padding:2px 8px}.brand-mark{width:34px;height:34px;border-radius:10px}.brand-lockup strong{font-size:14px}.brand-lockup small{font-size:11px}.main-nav{gap:2px}.nav-item{padding:8px 10px;border-radius:8px;gap:8px}.nav-item span{width:20px;height:20px}.user-chip{padding:8px;border-radius:10px}.user-chip>span{width:30px;height:30px;border-radius:8px}
.workspace{padding:16px 18px}.content-panel{max-width:none}.topbar{margin-bottom:12px;min-height:44px}.eyebrow{font-size:10px;margin-bottom:3px;letter-spacing:.12em}h1{font-size:25px;letter-spacing:-.035em}h2{font-size:16px;letter-spacing:-.015em}.top-actions,.button-row{gap:7px}
.command-trigger,.ghost-btn,.primary-btn,.filter-bar button{min-height:34px;border-radius:6px;padding:7px 11px;font-size:12px;box-shadow:none}.module-toolbar{padding:10px 12px;border-radius:9px;margin-bottom:10px;box-shadow:none;border-color:#dfe3e5;background:#fff}.module-toolbar small{margin-top:2px}
.metric-grid{gap:10px;margin-bottom:10px}.metric-card,.panel-card,.table-card,.astra-form,.flow-column{border:1px solid #dfe3e5;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04);backdrop-filter:none}.panel-card,.table-card,.astra-form{padding:12px}.metric-card{padding:14px;min-height:96px}.metric-card strong{font-size:30px}.compact-metrics .metric-card strong{font-size:27px}
.split-grid,.detail-grid{gap:10px}.detail-grid{grid-template-columns:340px 1fr;margin-bottom:10px}.panel-head{margin-bottom:9px;gap:12px}.panel-head small{display:block;margin-top:2px}.form-grid{gap:9px;margin-bottom:9px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}label{gap:4px;font-size:11px}input,select,textarea{min-height:34px;border-radius:6px;padding:7px 9px;font-size:12px}textarea{min-height:64px}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(102,227,196,.16)}
.filter-bar{gap:7px;margin-bottom:9px}.table-card{overflow:hidden}.table-scroll{overflow:auto}.data-table{border-collapse:collapse;border-spacing:0;font-size:12px}.data-table th{padding:7px 9px;background:#f5f6f7;border-bottom:1px solid #dfe3e5;font-size:10px;letter-spacing:.055em;white-space:nowrap}.data-table td{padding:8px 9px;background:#fff;border:0;border-bottom:1px solid #e8ebed}.data-table td:first-child,.data-table td:last-child{border-left:0;border-right:0;border-radius:0}.data-table tbody tr:hover td{background:#fafcfc}.data-table.dense td{padding:7px 8px}.badge{padding:4px 7px;font-size:10px}.row-actions a{padding:5px 7px;border-radius:5px}.empty-state{padding:18px;border-radius:7px}.table-pagination-summary{padding:8px 10px;font-size:11px}.pagination{padding:10px}.pagination a{min-width:30px;height:30px;border-radius:5px;padding:0 8px}
.document-actionbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:7px 9px;margin-bottom:8px;background:#fff;border:1px solid #dfe3e5;border-radius:8px}.document-actions,.document-steps{display:flex;align-items:center;gap:5px}.document-actions form{margin:0}.document-steps span{position:relative;padding:7px 15px 7px 20px;background:#eceff1;color:#687478;font-size:11px}.document-steps span:first-child{padding-left:12px;border-radius:5px 0 0 5px}.document-steps span:last-child{border-radius:0 5px 5px 0}.document-steps span:after{content:"";position:absolute;right:-8px;top:0;z-index:2;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:8px solid #eceff1}.document-steps span:last-child:after{display:none}.document-steps span.done{background:#dcefe9;color:#15594f}.document-steps span.done:after{border-left-color:#dcefe9}.document-steps span.current{background:#fff;border:1px solid #248c80;color:#15594f;font-weight:800}.document-steps span.current:after{top:-1px;border-top-width:15px;border-bottom-width:15px;border-left-color:#248c80}
.quote-sheet{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(210px,.75fr) minmax(230px,.7fr);gap:26px;align-items:start;margin-bottom:8px;padding:16px 18px}.quote-identity h2{font-size:26px;margin:2px 0 12px}.quote-identity>strong,.quote-identity>small{display:block}.quote-identity>small{margin-top:3px}.quote-meta{display:grid;grid-template-columns:110px 1fr;gap:8px 12px;margin:5px 0}.quote-meta dt{color:#6a777c}.quote-meta dd{margin:0;font-weight:700}.quote-totals{display:grid;gap:7px}.quote-totals span{display:flex;justify-content:space-between;gap:14px;padding-bottom:6px;border-bottom:1px solid #edf0f1;color:#647175}.quote-totals strong{color:#071215}.quote-totals .grand-total{font-size:15px;color:#071215;border-top:1px solid #bbc5c7;border-bottom:0;padding-top:8px}.quote-configurator{margin-bottom:8px}.product-picker{width:min(320px,100%)}.quote-config-grid{grid-template-columns:repeat(4,minmax(150px,1fr));align-items:end}.quote-add-button{align-self:end;min-height:34px}.quote-lines-card{margin-bottom:8px}.quote-lines-card>.panel-head{padding:0 2px}.quote-lines-table{min-width:980px}.config-summary{display:flex;flex-wrap:wrap;gap:3px 10px;max-width:480px}.config-summary span{color:#6a777c;white-space:nowrap;font-size:11px}.config-summary strong{color:#263436}.icon-delete-link{width:28px;height:28px;border:0;border-radius:5px;background:#fff0f0;color:#923131;font-size:18px;cursor:pointer}.quote-reservations{margin-top:8px}.quote-reservations>summary{padding:0;margin:0;display:flex;align-items:center;gap:8px}.quote-reservations .data-table{margin-top:10px}.local-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-top:1px solid #e3e7e8;color:#667579;font-size:11px}.local-pagination>div{display:flex;align-items:center;gap:8px}.local-pagination button{width:30px;height:28px;border:1px solid #d8dfe0;border-radius:5px;background:#fff;color:#174d47;cursor:pointer}.local-pagination button:disabled{opacity:.35;cursor:default}.local-pagination b{font-size:11px;color:#263436}
@media(max-width:1100px){.shell{grid-template-columns:1fr}.side-panel{position:relative;height:auto}.main-nav{grid-template-columns:repeat(3,1fr)}.quote-sheet{grid-template-columns:1fr 1fr}.quote-totals{grid-column:1/-1}.quote-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-actionbar{align-items:flex-start;flex-direction:column}.document-steps{max-width:100%;overflow:auto}}
@media(max-width:720px){.workspace{padding:10px}.quote-sheet,.quote-config-grid{grid-template-columns:1fr}.quote-totals{grid-column:auto}.document-steps span{padding:6px 10px}.topbar{align-items:flex-start}.form-grid.two,.form-grid.three{grid-template-columns:1fr}}