:root {
    --bg: #eef3f8;
    --surface: #ffffff;
    --surface-2: #f8fafc;
    --ink: #0b1220;
    --muted: #64748b;
    --muted-2: #94a3b8;
    --line: #e2e8f0;
    --primary: #155EEF;
    --primary-2: #0B4BD3;
    --primary-soft: #EAF1FF;
    --success: #0f9f6e;
    --warning: #d97706;
    --danger: #dc2626;
    --dark: #07111f;
    --nav: #08111f;
    --nav-2: #0f1b2d;
    --shadow-sm: 0 10px 30px rgba(15, 23, 42, .06);
    --shadow: 0 22px 70px rgba(15, 23, 42, .10);
    --radius: 22px;
    --radius-sm: 14px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    color: var(--ink);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: var(--bg);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

a { text-decoration: none; }

img, svg { max-width: 100%; }

.btn {
    border-radius: 14px;
    font-weight: 800;
    letter-spacing: -.01em;
    padding: .72rem 1.05rem;
}

.btn-sm { padding: .47rem .76rem; border-radius: 12px; }

.btn-primary {
    background: linear-gradient(135deg, var(--primary), #3478ff);
    border: 0;
    box-shadow: 0 12px 28px rgba(21, 94, 239, .22);
}

.btn-primary:hover { background: linear-gradient(135deg, var(--primary-2), var(--primary)); transform: translateY(-1px); }

.btn-outline-primary { border-color: rgba(21,94,239,.28); color: var(--primary); }
.btn-outline-primary:hover { background: var(--primary); border-color: var(--primary); }
.btn-outline-dark { border-color: #cbd5e1; color: #0f172a; }
.btn-outline-dark:hover { background: #0f172a; border-color: #0f172a; }

.form-label {
    font-size: .86rem;
    font-weight: 800;
    color: #334155;
    margin-bottom: .45rem;
}

.form-control,
.form-select {
    border-radius: 15px;
    border-color: var(--line);
    padding: .82rem .95rem;
    background-color: #fff;
    color: #0f172a;
}

.form-control-lg,
.form-select-lg { min-height: 54px; font-size: 1rem; }

.form-control:focus,
.form-select:focus {
    border-color: rgba(21, 94, 239, .7);
    box-shadow: 0 0 0 4px rgba(21, 94, 239, .11);
}

.form-text { color: var(--muted); }

.alert {
    border: 0;
    border-radius: 18px;
    font-weight: 700;
    box-shadow: var(--shadow-sm);
}

.alert-danger { background: #fef2f2; color: #991b1b; }
.alert-success { background: #ecfdf5; color: #065f46; }

/* Auth */
.auth-body {
    min-height: 100vh;
    background:
        radial-gradient(circle at 12% 8%, rgba(21, 94, 239, .16), transparent 34%),
        radial-gradient(circle at 82% 12%, rgba(14, 165, 233, .13), transparent 30%),
        linear-gradient(180deg, #f8fafc, #eef3f8);
}

.auth-wrap { min-height: 100vh; }

.auth-brand-panel {
    position: relative;
    overflow: hidden;
    color: #fff;
    align-items: center;
    padding: clamp(48px, 7vw, 86px);
    background:
        linear-gradient(140deg, rgba(5, 13, 26, .97), rgba(14, 28, 52, .92)),
        radial-gradient(circle at 10% 10%, rgba(21, 94, 239, .45), transparent 30%);
}

.auth-brand-panel::before,
.auth-brand-panel::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border-radius: 999px;
}

.auth-brand-panel::before {
    width: 470px;
    height: 470px;
    right: -180px;
    top: -120px;
    background: radial-gradient(circle, rgba(21,94,239,.55), transparent 68%);
}

.auth-brand-panel::after {
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: .55;
}

.auth-brand-content { position: relative; z-index: 1; max-width: 640px; }

.brand-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(255,255,255,.08);
    border-radius: 999px;
    font-size: 13px;
    color: #dbeafe;
    backdrop-filter: blur(12px);
}

.brand-badge::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 0 5px rgba(34,197,94,.18);
}

.auth-brand-title {
    margin-top: 28px;
    font-size: clamp(42px, 5.5vw, 70px);
    line-height: .98;
    letter-spacing: -2.4px;
    font-weight: 950;
}

.auth-brand-text {
    color: #cbd5e1;
    font-size: 18px;
    line-height: 1.75;
    max-width: 580px;
    margin-top: 22px;
}

.auth-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 14px;
    margin-top: 34px;
}

.auth-feature {
    border: 1px solid rgba(255,255,255,.13);
    background: rgba(255,255,255,.07);
    border-radius: 20px;
    padding: 16px;
    backdrop-filter: blur(14px);
}

.auth-feature strong { display: block; color: #fff; font-size: 15px; margin-bottom: 4px; }
.auth-feature span { color: #cbd5e1; font-size: 13px; }

.auth-card-shell {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
}

.auth-card {
    width: 100%;
    max-width: 490px;
    background: rgba(255,255,255,.86);
    border: 1px solid rgba(226, 232, 240, .9);
    border-radius: 30px;
    padding: clamp(28px, 4vw, 42px);
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
}

.auth-logo-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 28px;
}

.logo-tile,
.logo-mark {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: linear-gradient(135deg, var(--primary), #3b82f6);
    color: #fff;
    font-weight: 950;
    box-shadow: 0 14px 32px rgba(21, 94, 239, .26);
}

.auth-logo-row strong { display: block; letter-spacing: -.03em; }
.auth-logo-row small { display: block; color: var(--muted); font-weight: 700; }

.otp-input {
    letter-spacing: 10px;
    font-size: 30px;
    font-weight: 950;
}

/* Dashboard */
.dashboard-body { background: #eef3f8; }

.app-shell {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 292px minmax(0, 1fr);
}

.sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 22px;
    color: #fff;
    background:
        radial-gradient(circle at 18% 6%, rgba(21,94,239,.26), transparent 28%),
        linear-gradient(180deg, var(--nav), var(--nav-2));
    border-right: 1px solid rgba(255,255,255,.06);
}

.sidebar-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 6px 22px;
    border-bottom: 1px solid rgba(255,255,255,.09);
}

.sidebar-brand strong { display: block; color: #fff; letter-spacing: -.03em; }
.sidebar-brand small { display: block; color: #8ea0b8; font-weight: 700; }

.sidebar-nav {
    display: grid;
    gap: 7px;
    margin-top: 20px;
}

.sidebar-section {
    margin: 22px 8px 7px;
    color: #7f90aa;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.sidebar-nav a {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #c7d2e3;
    padding: 12px 13px;
    border-radius: 16px;
    font-size: 14px;
    font-weight: 750;
    transition: .16s ease;
}

.sidebar-nav a:hover,
.sidebar-nav a.active {
    background: rgba(255,255,255,.09);
    color: #fff;
    transform: translateX(2px);
}

.nav-icon {
    width: 28px;
    height: 28px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.08);
    font-size: 14px;
}

.sidebar-footer {
    margin-top: auto;
    padding-top: 18px;
}

.sidebar-mini-card {
    border: 1px solid rgba(255,255,255,.09);
    background: rgba(255,255,255,.06);
    border-radius: 22px;
    padding: 16px;
}

.sidebar-mini-card strong { display: block; font-size: 14px; }
.sidebar-mini-card span { color: #9fb0c6; font-size: 12px; line-height: 1.5; }

.main-content { min-width: 0; }

.topbar {
    height: 82px;
    background: rgba(255,255,255,.84);
    border-bottom: 1px solid rgba(226,232,240,.82);
    padding: 0 34px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 20;
    backdrop-filter: blur(20px);
}

.topbar-title small { display: block; color: var(--muted); font-weight: 750; }
.topbar-title h5 { margin: 2px 0 0; font-weight: 950; letter-spacing: -.03em; }

.topbar-actions { display: flex; align-items: center; gap: 12px; }

.role-pill,
.status-badge,
.soft-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 11px;
    border-radius: 999px;
    background: var(--primary-soft);
    color: #1e40af;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}

.status-badge::before,
.role-pill::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: currentColor;
}

.status-quote_requested { background: #eff6ff; color: #1d4ed8; }
.status-sent_to_suppliers { background: #fff7ed; color: #c2410c; }
.status-supplier_quotes_received { background: #fef9c3; color: #a16207; }
.status-customer_approved { background: #ecfdf5; color: #047857; }
.status-order_created { background: #f0fdf4; color: #15803d; }
.status-rejected, .status-cancelled { background: #fef2f2; color: #b91c1c; }

.content-area { padding: 32px 34px 44px; }

.page-heading {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-end;
    margin-bottom: 24px;
}

.page-kicker {
    color: var(--primary);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.page-heading h1 {
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 950;
    margin: 0;
    letter-spacing: -1.2px;
}

.page-heading p { color: var(--muted); margin: 7px 0 0; max-width: 700px; }

.hero-panel,
.content-card,
.metric-card,
.table-card,
.panel-card {
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(226, 232, 240, .9);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
}

.hero-panel {
    position: relative;
    overflow: hidden;
    padding: 30px;
    background:
        radial-gradient(circle at 85% 18%, rgba(21,94,239,.16), transparent 28%),
        linear-gradient(135deg, #ffffff, #f8fbff);
}

.hero-panel::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    right: -80px;
    bottom: -120px;
    background: radial-gradient(circle, rgba(21,94,239,.20), transparent 70%);
}

.hero-panel > * { position: relative; z-index: 1; }

.content-card,
.panel-card { padding: 26px; }

.metric-card {
    padding: 24px;
    overflow: hidden;
    position: relative;
}

.metric-card::after {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    right: -50px;
    top: -50px;
    border-radius: 999px;
    background: rgba(21,94,239,.08);
}

.metric-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--muted);
    font-size: 13px;
    font-weight: 850;
    margin-bottom: 12px;
}

.metric-value {
    display: block;
    font-size: 38px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -1px;
}

.metric-hint { display: block; color: var(--muted-2); font-size: 12px; margin-top: 10px; }

.table-card { overflow: hidden; }
.table { --bs-table-bg: transparent; }
.table thead th {
    background: #f8fafc;
    color: #475569;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .05em;
    border-bottom: 1px solid var(--line);
}
.table td,
.table th { padding: 16px 18px; vertical-align: middle; }
.table tbody tr:hover { background: #f8fbff; }

.empty-state {
    text-align: center;
    padding: 52px 20px;
    color: var(--muted);
}
.empty-state-icon {
    width: 62px;
    height: 62px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 22px;
    background: var(--primary-soft);
    color: var(--primary);
    font-size: 28px;
    margin-bottom: 14px;
}

.detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.detail-grid div,
.info-tile {
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 16px;
    background: linear-gradient(180deg, #fff, #f8fafc);
}

.detail-grid span,
.info-tile span {
    display: block;
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 6px;
}

.detail-grid strong,
.info-tile strong { font-size: 16px; font-weight: 950; }

.file-row,
.quote-offer-row {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid var(--line);
}
.file-row:last-child,
.quote-offer-row:last-child { border-bottom: 0; }
.file-row small,
.quote-offer-row small { display: block; color: var(--muted); margin-top: 2px; }

.timeline { display: grid; gap: 14px; }
.timeline-item {
    position: relative;
    padding: 14px 16px 14px 22px;
    background: #f8fafc;
    border: 1px solid var(--line);
    border-radius: 18px;
}
.timeline-item::before {
    content: "";
    position: absolute;
    left: -1px;
    top: 14px;
    bottom: 14px;
    width: 4px;
    border-radius: 999px;
    background: var(--primary);
}
.timeline-item p { margin: 4px 0; color: var(--muted); }
.timeline-item small { color: #64748b; font-weight: 700; }

.upload-zone {
    border: 1.5px dashed #b7c6dc;
    border-radius: 22px;
    background:
        linear-gradient(180deg, #ffffff, #f8fbff);
    padding: 24px;
    transition: .18s ease;
}
.upload-zone:hover { border-color: var(--primary); background: #f8fbff; }
.upload-zone .form-control { background: transparent; }

.section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}
.section-title h5 { margin: 0; font-weight: 950; letter-spacing: -.03em; }
.section-title p { margin: 4px 0 0; color: var(--muted); font-size: 14px; }

.price-text { font-size: 22px; font-weight: 950; letter-spacing: -.04em; }

@media (max-width: 1100px) {
    .app-shell { grid-template-columns: 1fr; }
    .sidebar { position: static; height: auto; border-right: 0; }
    .sidebar-nav { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .sidebar-footer { display: none; }
    .topbar { position: static; }
}

@media (max-width: 767px) {
    .auth-card-shell { padding: 18px; }
    .auth-feature-grid { grid-template-columns: 1fr; }
    .sidebar { padding: 16px; }
    .sidebar-nav { grid-template-columns: 1fr; }
    .topbar { height: auto; padding: 18px; align-items: flex-start; gap: 14px; flex-direction: column; }
    .topbar-actions { width: 100%; justify-content: space-between; }
    .content-area { padding: 20px 16px 34px; }
    .page-heading { align-items: flex-start; flex-direction: column; }
    .detail-grid { grid-template-columns: 1fr; }
    .auth-card { border-radius: 24px; }
}

/* V3 landing + registration + CAD preview refinements */
.landing-body { background: #f8fafc; color: #0f172a; }
.landing-nav { position: sticky; top: 0; z-index: 20; background: rgba(248,250,252,.92); backdrop-filter: blur(18px); border-bottom: 1px solid #e2e8f0; }
.brand-mark { display: inline-flex; align-items: center; gap: 10px; font-weight: 900; letter-spacing: -.03em; }
.brand-icon, .logo-tile, .logo-mark { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; background: linear-gradient(135deg,#1d4ed8,#0f172a); color: #fff; font-weight: 900; }
.register-menu { width: 310px; border: 1px solid #e2e8f0; border-radius: 18px; padding: 10px; box-shadow: 0 24px 70px rgba(15,23,42,.16); }
.register-menu-item { border-radius: 14px; padding: 14px; white-space: normal; }
.register-menu-item strong { display: block; }
.register-menu-item small { display: block; color: #64748b; margin-top: 2px; }
.hero-section { padding: 92px 0 70px; background: radial-gradient(circle at 15% 5%, #dbeafe 0, transparent 38%), radial-gradient(circle at 90% 10%, #e0e7ff 0, transparent 34%), #f8fafc; }
.eyebrow { display: inline-flex; font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #1d4ed8; margin-bottom: 16px; }
.hero-section h1 { font-size: clamp(42px, 6vw, 76px); line-height: .95; font-weight: 950; letter-spacing: -.07em; max-width: 880px; }
.hero-lead { color: #475569; font-size: 19px; line-height: 1.75; max-width: 720px; }
.hero-stats { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; margin-top: 34px; max-width: 560px; }
.hero-stats div { background: #fff; border: 1px solid #e2e8f0; border-radius: 18px; padding: 16px; box-shadow: 0 20px 50px rgba(15,23,42,.06); }
.hero-stats strong { display: block; font-size: 24px; font-weight: 950; }
.hero-stats span { display: block; color: #64748b; font-size: 13px; }
.hero-panel { background: rgba(255,255,255,.86); border: 1px solid #e2e8f0; border-radius: 30px; padding: 22px; box-shadow: 0 30px 90px rgba(15,23,42,.12); }
.hero-panel-head { display: flex; gap: 8px; margin-bottom: 18px; }
.dot { width: 11px; height: 11px; border-radius: 999px; background: #cbd5e1; }
.dot.active { background: #1d4ed8; }
.quote-simulator { background: #0f172a; border-radius: 22px; padding: 22px; color: #fff; }
.sim-row { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
.sim-row:last-child { border-bottom: 0; }
.sim-row span { color: #94a3b8; }
.sim-row em { color: #bfdbfe; font-style: normal; font-weight: 700; }
.mini-timeline { margin-top: 16px; display: grid; gap: 10px; }
.mini-timeline div { position: relative; padding-left: 24px; color: #64748b; font-weight: 700; }
.mini-timeline div:before { content: ''; position: absolute; left: 0; top: 5px; width: 12px; height: 12px; border-radius: 999px; background: #cbd5e1; }
.mini-timeline .done:before { background: #16a34a; }
.landing-section { padding: 76px 0; }
.landing-section.soft { background: #eef2ff; }
.section-heading { text-align: center; max-width: 760px; margin: 0 auto 34px; }
.section-heading span { color: #1d4ed8; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; font-size: 12px; }
.section-heading h2 { margin-top: 8px; font-size: clamp(30px, 4vw, 48px); font-weight: 950; letter-spacing: -.05em; }
.service-card, .process-grid div { height: 100%; background: #fff; border: 1px solid #e2e8f0; border-radius: 24px; padding: 26px; box-shadow: 0 24px 60px rgba(15,23,42,.06); }
.service-icon { width: 44px; height: 44px; border-radius: 16px; background: #dbeafe; color: #1d4ed8; display: flex; align-items: center; justify-content: center; font-weight: 950; margin-bottom: 16px; }
.service-card h5, .process-grid h5 { font-weight: 900; }
.service-card p, .process-grid p { color: #64748b; margin-bottom: 0; }
.process-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; }
.process-grid b { width: 38px; height: 38px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; background: #1d4ed8; color: #fff; margin-bottom: 14px; }
.security-banner { background: linear-gradient(135deg,#0f172a,#1d4ed8); color: #fff; border-radius: 32px; padding: 42px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.security-banner p { color: #dbeafe; max-width: 780px; }
.auth-title { font-weight: 950; letter-spacing: -.05em; margin-bottom: 10px; }
.auth-subtitle { color: #64748b; margin-bottom: 24px; }
.auth-kicker { color: #1d4ed8; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; font-size: 12px; margin-bottom: 8px; }
.choice-grid { display: grid; gap: 14px; }
.choice-card { border: 1px solid #e2e8f0; border-radius: 20px; padding: 20px; color: inherit; text-decoration: none; background: #fff; transition: .2s ease; }
.choice-card:hover { transform: translateY(-2px); box-shadow: 0 20px 50px rgba(15,23,42,.1); }
.choice-card.featured { border-color: #bfdbfe; background: #eff6ff; }
.choice-card span { color: #1d4ed8; font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.choice-card strong { display: block; font-size: 18px; margin: 5px 0; }
.choice-card small { color: #64748b; }
.auth-switch { margin-top: 24px; text-align: center; color: #64748b; }
.auth-switch a { font-weight: 800; }
.wizard-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.wizard-steps span { border-radius: 999px; padding: 8px 10px; background: #f1f5f9; color: #64748b; font-size: 12px; text-align: center; font-weight: 800; }
.wizard-steps .active { background: #dbeafe; color: #1d4ed8; }
.form-section-title { font-weight: 900; color: #0f172a; margin-bottom: 12px; }
.document-upload-grid { display: grid; gap: 12px; }
.doc-upload-card { border: 1px dashed #cbd5e1; background: #f8fafc; border-radius: 18px; padding: 16px; }
.doc-upload-card label { display: block; font-weight: 800; margin-bottom: 8px; }
.doc-upload-card small { display: block; color: #64748b; margin-top: 6px; }
.countdown-card { border: 1px solid #bfdbfe; background: #eff6ff; border-radius: 20px; padding: 18px; display: flex; align-items: center; justify-content: space-between; }
.countdown-card span { color: #1d4ed8; font-weight: 800; }
.countdown-card strong { font-size: 28px; font-weight: 950; letter-spacing: -.04em; }
.status-pill { display: inline-flex; align-items: center; border-radius: 999px; padding: 7px 12px; font-size: 12px; font-weight: 900; background: #f1f5f9; color: #334155; }
.status-approved { background: #dcfce7; color: #166534; }
.status-under_review, .status-pending_documents { background: #dbeafe; color: #1d4ed8; }
.status-revision_required { background: #fef3c7; color: #92400e; }
.status-rejected, .status-suspended { background: #fee2e2; color: #991b1b; }
.warning-card { background: #fffbeb; border-color: #fde68a; }
.small-metric { font-size: 20px !important; line-height: 1.25; }
.modern-table td small { display:block; color:#64748b; margin-top:2px; }
.sticky-card { position: sticky; top: 24px; }
.file-row-stack { display: block !important; }
.file-row-main { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.preview-note { margin-top: 10px; padding: 10px 12px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; color: #64748b; font-size: 12px; }
.cad-modal { position: fixed; inset: 0; z-index: 1000; background: rgba(15,23,42,.7); padding: 24px; }
.cad-modal-panel { max-width: 1080px; margin: 2vh auto; background: #fff; border-radius: 24px; overflow: hidden; box-shadow: 0 30px 100px rgba(0,0,0,.28); }
.cad-modal-head { height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border-bottom: 1px solid #e2e8f0; }
.cad-modal-head button { border: 0; background: #f1f5f9; width: 36px; height: 36px; border-radius: 12px; font-size: 24px; line-height: 1; }
.cad-preview-canvas { height: 560px; width: 100%; background: #f8fafc; display: flex; align-items: center; justify-content: center; }
.cad-preview-canvas canvas { display: block; width: 100%; height: 100%; }
.cad-help { border-top: 1px solid #e2e8f0; padding: 12px 18px; color: #64748b; font-size: 13px; }
.cad-preview-error { color: #991b1b; background: #fee2e2; border-radius: 14px; padding: 16px; }
@media (max-width: 992px) {
    .process-grid { grid-template-columns: 1fr 1fr; }
    .security-banner { flex-direction: column; align-items: flex-start; }
    .hero-stats { grid-template-columns: 1fr; }
}
@media (max-width: 576px) {
    .process-grid, .wizard-steps { grid-template-columns: 1fr; }
    .hero-section h1 { font-size: 40px; }
    .file-row-main { flex-direction: column; align-items: flex-start; }
    .cad-modal { padding: 10px; }
    .cad-preview-canvas { height: 420px; }
}
.page-head { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; margin-bottom:24px; }
.page-head h1 { font-weight:950; letter-spacing:-.05em; margin-bottom:6px; }
.page-head p { color:#64748b; margin-bottom:0; }
.page-kicker { color:#1d4ed8; font-weight:900; letter-spacing:.12em; text-transform:uppercase; font-size:12px; }
@media (max-width: 768px) { .page-head { flex-direction:column; } }

.option-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

.check-card {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: #fff;
    cursor: pointer;
    transition: all .18s ease;
}

.check-card:hover {
    border-color: rgba(29, 78, 216, .45);
    box-shadow: 0 12px 30px rgba(15, 23, 42, .08);
}

.check-card input {
    margin-top: 5px;
}

.check-card strong,
.check-card small {
    display: block;
}

.check-card small {
    color: var(--muted);
    margin-top: 3px;
}

.tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tag-list span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    padding: 8px 12px;
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
    font-weight: 700;
    font-size: 13px;
}

.profile-dl {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 12px 18px;
    margin: 0;
}

.profile-dl dt {
    color: var(--muted);
    font-weight: 700;
}

.profile-dl dd {
    margin: 0;
}

.json-preview {
    background: #0f172a;
    color: #dbeafe;
    border-radius: 16px;
    padding: 18px;
    min-height: 240px;
    white-space: pre-wrap;
    font-size: 13px;
}

.user-inline-form {
    display: flex;
    gap: 8px;
    align-items: center;
    min-width: 280px;
}

.cad-loading,
.cad-preview-error {
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--muted);
    font-weight: 700;
}

@media (min-width: 992px) {
    .navbar .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
}

/* V5 corporate horizontal navigation */
.horizontal-shell { background: #eef3f8; }
.corp-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(22px);
    border-bottom: 1px solid rgba(226,232,240,.95);
    box-shadow: 0 12px 36px rgba(15, 23, 42, .05);
}
.corp-header-inner {
    max-width: 1480px;
    margin: 0 auto;
    padding: 14px 24px;
    display: flex;
    align-items: center;
    gap: 22px;
}
.corp-brand { display:flex; align-items:center; gap:12px; min-width:220px; color:var(--dark); }
.corp-brand strong { display:block; font-weight:950; letter-spacing:-.04em; }
.corp-brand small { display:block; font-size:12px; color:var(--muted); font-weight:800; margin-top:-2px; }
.corp-nav { display:flex; align-items:center; gap:6px; flex:1; overflow-x:auto; padding-bottom:2px; }
.corp-nav a,
.notification-button {
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:10px 13px;
    border-radius:999px;
    color:#334155;
    font-size:13px;
    font-weight:850;
    white-space:nowrap;
    transition:.16s ease;
}
.corp-nav a:hover,
.corp-nav a.active,
.notification-button:hover {
    background:#0f172a;
    color:#fff;
}
.nav-badge {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:20px;
    height:20px;
    padding:0 7px;
    border-radius:999px;
    background:#ef4444;
    color:#fff;
    font-size:11px;
    font-weight:950;
    line-height:1;
}
.corp-actions { display:flex; align-items:center; gap:10px; }
.profile-button {
    display:grid;
    grid-template-columns:34px auto;
    grid-template-rows:auto auto;
    column-gap:9px;
    align-items:center;
    color:var(--dark);
    min-width:150px;
}
.profile-button > span { grid-row:1/3; width:34px; height:34px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:#dbeafe; color:#1d4ed8; font-weight:950; }
.profile-button strong { font-size:13px; font-weight:900; line-height:1.1; max-width:130px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.profile-button small { color:var(--muted); font-size:11px; font-weight:800; }
.corp-main { max-width:1480px; margin:0 auto; padding:28px 24px 40px; }
.corp-footer { max-width:1480px; margin:0 auto 24px; padding:0 24px; color:var(--muted); font-size:12px; font-weight:750; }
.check-card { position:relative; }
.check-card input { position:absolute; opacity:0; pointer-events:none; }
.check-card span { width:100%; }
.check-card:has(input:checked) {
    border-color:#16a34a;
    background:linear-gradient(180deg, #ecfdf5, #ffffff);
    box-shadow:0 14px 34px rgba(22, 163, 74, .14);
}
.check-card:has(input:checked)::after {
    content:"Seçildi";
    position:absolute;
    right:12px;
    top:12px;
    background:#16a34a;
    color:#fff;
    border-radius:999px;
    padding:4px 9px;
    font-size:11px;
    font-weight:950;
}
.settings-toggle-list { display:grid; gap:10px; }
.setting-toggle { display:flex; align-items:center; justify-content:space-between; gap:16px; border:1px solid var(--border); border-radius:16px; padding:13px 14px; cursor:pointer; background:#fff; }
.setting-toggle span { font-weight:850; color:#334155; }
.setting-toggle input { width:18px; height:18px; accent-color:#16a34a; order:2; }
.notification-list { display:grid; gap:12px; }
.notification-item { display:flex; gap:12px; padding:16px; border:1px solid var(--border); border-radius:18px; background:#fff; }
.notification-item.is-unread { border-color:#93c5fd; background:#eff6ff; }
.notification-dot { width:10px; height:10px; border-radius:999px; background:#94a3b8; margin-top:7px; flex:0 0 auto; }
.notification-item.is-unread .notification-dot { background:#1d4ed8; }
.notification-main { flex:1; min-width:0; }
.notification-main p { margin:5px 0 10px; color:var(--muted); }
.friendly-change-table td, .friendly-change-table th { vertical-align:top; }
.change-value-old { background:#fff7ed; border:1px solid #fed7aa; border-radius:12px; padding:9px; }
.change-value-new { background:#ecfdf5; border:1px solid #bbf7d0; border-radius:12px; padding:9px; }
@media (max-width: 1100px) {
    .corp-header-inner { flex-wrap:wrap; }
    .corp-brand { min-width:auto; }
    .corp-nav { order:3; width:100%; }
    .corp-actions { margin-left:auto; }
}
@media (max-width: 640px) {
    .corp-actions { width:100%; justify-content:space-between; }
    .profile-button { min-width:auto; }
    .profile-button strong, .profile-button small { display:none; }
    .corp-main { padding:20px 14px 32px; }
}
.check-card.is-selected {
    border-color:#16a34a;
    background:linear-gradient(180deg, #ecfdf5, #ffffff);
    box-shadow:0 14px 34px rgba(22, 163, 74, .14);
}
.check-card.is-selected::after {
    content:"Seçildi";
    position:absolute;
    right:12px;
    top:12px;
    background:#16a34a;
    color:#fff;
    border-radius:999px;
    padding:4px 9px;
    font-size:11px;
    font-weight:950;
}

/* V6 premium responsive navigation and UX refinements */
.premium-shell { background: #f5f7fb; color: #172033; }
.premium-header { background: rgba(255,255,255,.92); border-bottom: 1px solid #e6eaf2; backdrop-filter: blur(18px); box-shadow: 0 16px 40px rgba(15,23,42,.06); }
.premium-navbar { min-height: 84px; padding: 0; }
.premium-navbar-container { max-width: 1600px; padding: 0 28px; }
.premium-brand { display: inline-flex; align-items: center; gap: 14px; text-decoration: none; color: #111827; min-width: 255px; }
.premium-brand img { width: 46px; height: 46px; object-fit: contain; border-radius: 14px; background: #fff; border: 1px solid #e5e7eb; }
.premium-logo-mark { width: 46px; height: 46px; border-radius: 16px; display: inline-grid; place-items: center; color: #fff; font-weight: 950; background: linear-gradient(135deg,#0f172a,#2563eb); box-shadow: 0 14px 30px rgba(37,99,235,.28); }
.premium-brand strong { display: block; font-weight: 900; letter-spacing: -.04em; line-height: 1; font-size: 17px; }
.premium-brand small { display: block; color: #64748b; font-weight: 800; font-size: 12px; margin-top: 3px; }
.premium-nav { gap: 5px; align-items: center; }
.premium-nav .nav-link { color: #334155; font-weight: 850; font-size: 14px; padding: 12px 16px !important; border-radius: 999px; display: inline-flex; align-items: center; gap: 8px; }
.premium-nav .nav-link:hover { color: #0f172a; background: #f1f5f9; }
.premium-nav .nav-link.active { background: #0f172a; color: #fff; box-shadow: 0 14px 28px rgba(15,23,42,.18); }
.premium-dropdown { border: 1px solid #e2e8f0; border-radius: 18px; padding: 10px; box-shadow: 0 22px 60px rgba(15,23,42,.16); min-width: 260px; }
.premium-dropdown .dropdown-item { border-radius: 12px; padding: 11px 13px; font-weight: 750; color: #334155; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.premium-dropdown .dropdown-item:hover { background: #eff6ff; color: #1d4ed8; }
.premium-nav-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 7px; border-radius: 999px; background: #ef4444; color: #fff; font-size: 11px; font-weight: 950; box-shadow: 0 10px 24px rgba(239,68,68,.22); }
.premium-actions { display: flex; align-items: center; gap: 12px; }
.wallet-chip { display: inline-flex; align-items: center; gap: 9px; background: #ecfdf5; color: #065f46; border: 1px solid #bbf7d0; border-radius: 999px; padding: 8px 12px; font-weight: 900; white-space: nowrap; }
.wallet-chip span { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: #047857; }
.profile-chip { border: 1px solid #e2e8f0; background: #fff; border-radius: 18px; min-height: 52px; display: grid; grid-template-columns: 36px auto; grid-template-rows: 18px 16px; align-items: center; column-gap: 10px; padding: 8px 12px; color: #0f172a; box-shadow: 0 10px 24px rgba(15,23,42,.05); text-align: left; }
.profile-chip span { grid-row: 1/3; width: 36px; height: 36px; border-radius: 12px; display: grid; place-items: center; color: #1d4ed8; background: #dbeafe; font-weight: 950; }
.profile-chip b { font-size: 13px; line-height: 1; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profile-chip small { color: #64748b; font-size: 11px; font-weight: 800; }
.premium-toggler { width: 46px; height: 42px; border: 1px solid #e2e8f0; border-radius: 14px; display: inline-flex; flex-direction: column; gap: 5px; justify-content: center; align-items: center; }
.premium-toggler span { width: 20px; height: 2px; background: #0f172a; border-radius: 2px; }
.premium-main { max-width: 1600px; margin: 0 auto; padding: 30px 28px 18px; }
.premium-content { max-width: 100%; }
.premium-footer { max-width: 1600px; margin: 0 auto; padding: 8px 28px 28px; color: #94a3b8; font-size: 12px; }
.premium-page-head, .page-heading { background: linear-gradient(135deg,#ffffff,#f8fafc); border: 1px solid #e2e8f0; border-radius: 26px; padding: 26px; margin-bottom: 24px; box-shadow: 0 16px 44px rgba(15,23,42,.06); }
.premium-table thead th { color: #64748b; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
.status-pill { display: inline-flex; align-items: center; padding: 6px 10px; border-radius: 999px; background: #eef2ff; color: #3730a3; font-weight: 850; font-size: 12px; }
.status-pill.soft { background: #f1f5f9; color: #334155; }
.order-flow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.order-flow > div { border: 1px solid #e2e8f0; background: #f8fafc; border-radius: 20px; padding: 16px; }
.order-flow span { display: block; color: #64748b; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.order-flow strong { display: block; margin-top: 6px; font-weight: 950; color: #0f172a; }
.option-grid-card input:checked + .option-card, .select-card input:checked + span, .select-card input:checked + div { background: #dcfce7 !important; border-color: #22c55e !important; color: #14532d !important; box-shadow: 0 14px 30px rgba(34,197,94,.15); }
.verification-steps { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-bottom: 18px; }
.verification-step { border: 1px solid #e2e8f0; border-radius: 18px; padding: 14px; background: #fff; font-weight: 850; color: #64748b; }
.verification-step.active { background: #0f172a; color: #fff; border-color: #0f172a; }
.verification-step.done { background: #dcfce7; color: #14532d; border-color: #22c55e; }
@media (max-width: 1199px) {
  .premium-navbar-container { padding: 16px; }
  .premium-brand { min-width: auto; }
  .premium-nav { align-items: stretch; gap: 8px; }
  .premium-nav .nav-link { display: flex; justify-content: space-between; border-radius: 14px; background: #f8fafc; }
  .premium-actions { align-items: stretch; flex-direction: column; }
  .wallet-chip, .profile-chip { width: 100%; justify-content: center; }
}
@media (max-width: 768px) {
  .premium-main { padding: 18px 14px; }
  .premium-footer { padding: 0 14px 20px; }
  .premium-page-head, .page-heading { padding: 20px; border-radius: 20px; }
  .order-flow, .verification-steps { grid-template-columns: 1fr; }
  .premium-brand span:not(.premium-logo-mark) small { display:none; }
  .premium-brand strong { font-size: 15px; }
}

/* ===================== V7 UI/UX enhancements ===================== */
.v7-heading h1 { letter-spacing: -.045em; }
.quote-command-panel {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding: 28px;
    border-radius: 30px;
    background: radial-gradient(circle at top left, rgba(37,99,235,.16), transparent 36%), linear-gradient(135deg, #ffffff, #f8fafc);
    border: 1px solid rgba(148,163,184,.35);
    box-shadow: 0 22px 55px rgba(15,23,42,.07);
}
.quote-command-panel h2 { margin: 12px 0 6px; font-size: 30px; font-weight: 900; letter-spacing: -.05em; color: #0f172a; }
.quote-command-panel p { max-width: 760px; color: #64748b; margin: 0; }
.quote-metrics { display: grid; grid-template-columns: repeat(3, minmax(110px, 1fr)); gap: 10px; min-width: 380px; }
.quote-metrics div { background: #fff; border: 1px solid #e2e8f0; border-radius: 20px; padding: 16px; }
.quote-metrics span { display: block; color: #64748b; font-size: 12px; font-weight: 700; text-transform: uppercase; }
.quote-metrics strong { display: block; margin-top: 4px; color: #0f172a; font-weight: 900; }
.v7-offer-row { border: 1px solid #e2e8f0; border-radius: 22px; padding: 18px; margin-bottom: 12px; background: #fff; }
.v7-offer-row.alt-offer { background: linear-gradient(135deg, #f8fafc, #ecfeff); }
.offer-pill { display: inline-flex; margin-bottom: 8px; padding: 5px 10px; border-radius: 999px; background: #dbeafe; color: #1d4ed8; font-size: 12px; font-weight: 800; }
.offer-pill.alt { background: #dcfce7; color: #15803d; }
.chat-toolbar { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.chat-toolbar .form-control { max-width: 360px; }
.chat-status-dot { width: 10px; height: 10px; border-radius: 999px; background: #22c55e; box-shadow: 0 0 0 6px rgba(34,197,94,.12); }
.quote-chat { min-height: 360px; max-height: 520px; overflow-y: auto; padding: 18px; border-radius: 26px; background: linear-gradient(180deg, #f8fafc, #eef2ff); border: 1px solid #e2e8f0; }
.chat-empty { color: #64748b; text-align: center; padding: 80px 20px; }
.chat-message { display: flex; margin-bottom: 14px; }
.chat-message.mine { justify-content: flex-end; }
.chat-bubble { width: min(72%, 620px); padding: 14px 16px; border-radius: 20px; background: #fff; border: 1px solid #e2e8f0; box-shadow: 0 10px 28px rgba(15,23,42,.06); }
.chat-message.mine .chat-bubble { background: #0f172a; color: #fff; border-color: #0f172a; }
.chat-message.type-system .chat-bubble,
.chat-message.type-revision .chat-bubble,
.chat-message.type-file .chat-bubble,
.chat-message.type-offer .chat-bubble { background: #fffbeb; color: #713f12; border-color: #fde68a; }
.chat-meta { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 8px; font-size: 12px; }
.chat-meta strong { font-weight: 900; }
.chat-meta span { opacity: .7; }
.chat-bubble p { margin: 0; line-height: 1.55; }
.chat-compose { display: grid; grid-template-columns: 1fr auto; gap: 12px; margin-top: 14px; }
.chat-compose textarea { border-radius: 20px; }
.revision-box, .version-upload { display: grid; gap: 10px; }
.revision-item { border: 1px solid #e2e8f0; border-radius: 18px; padding: 14px; background: #fff; margin-bottom: 10px; }
.revision-item p { color: #64748b; margin: 6px 0; }
.revision-item small { color: #94a3b8; }
.nda-card { border-color: #bbf7d0; background: linear-gradient(135deg, #f0fdf4, #fff); }
.v7-file-row { background: #fff; border-radius: 20px; }
.quality-row { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #e2e8f0; }
.quality-row:last-child { border-bottom: 0; }
.quality-row strong { display: block; font-weight: 900; color: #0f172a; }
.quality-row small { display: block; color: #64748b; }
.quality-row span { width: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; border-radius: 16px; background: #dcfce7; color: #15803d; font-weight: 900; }
.production-step-grid { display: grid; gap: 12px; }
.production-step { display: flex; justify-content: space-between; gap: 14px; padding: 14px; border: 1px solid #e2e8f0; border-radius: 18px; background: #fff; }
.production-step strong { display: block; color: #0f172a; }
.production-step small { color: #64748b; }
.production-step .step-status { padding: 6px 10px; border-radius: 999px; background: #e2e8f0; font-size: 12px; font-weight: 800; }
.production-step.status-completed .step-status { background: #dcfce7; color: #15803d; }
.production-step.status-active .step-status { background: #dbeafe; color: #1d4ed8; }
.production-step.status-blocked .step-status { background: #fee2e2; color: #b91c1c; }
@media (max-width: 991px) {
    .quote-command-panel { flex-direction: column; }
    .quote-metrics { min-width: 0; grid-template-columns: 1fr; }
    .chat-compose { grid-template-columns: 1fr; }
    .chat-bubble { width: 92%; }
}

/* ===================== V8 compact professional UI ===================== */
.premium-header { border-bottom: 1px solid rgba(226,232,240,.95); box-shadow: 0 10px 34px rgba(15,23,42,.05); }
.premium-navbar { min-height: 72px; }
.premium-navbar-container { padding: 10px 22px; }
.premium-brand { min-width: 230px; }
.premium-logo-mark, .premium-brand img { width: 40px; height: 40px; border-radius: 14px; }
.premium-nav { gap: 4px; }
.premium-nav .nav-link { font-size: 13px; padding: 10px 13px !important; border-radius: 14px; }
.premium-actions { gap: 8px; }
.profile-chip { min-height: 46px; border-radius: 15px; }
.wallet-chip { padding: 7px 10px; }
.premium-main { padding: 18px 20px 10px; }
.content-area { padding: 0; }
.page-head, .page-heading, .premium-page-head, .compact-head { padding: 18px 20px; margin-bottom: 14px; border-radius: 20px; align-items: center; }
.page-head h1, .page-heading h1 { font-size: clamp(22px, 2vw, 30px); }
.page-head p, .page-heading p { font-size: 14px; }
.content-card, .panel-card { padding: 16px; border-radius: 18px; }
.compact-card { padding: 16px !important; border-radius: 18px !important; }
.metric-card { padding: 16px; border-radius: 18px; }
.metric-value { font-size: 28px; }
.table td, .table th { padding: 10px 12px; }
.table-card, .compact-table-card { border-radius: 18px; }
.section-title { margin-bottom: 12px; }
.section-title h5 { font-size: 16px; }
.section-title p { font-size: 12px; }
.form-control, .form-select { padding: .62rem .78rem; border-radius: 12px; }
.btn { padding: .56rem .86rem; border-radius: 12px; }
.btn-sm { padding: .38rem .62rem; border-radius: 10px; }
.detail-grid { gap: 9px; }
.detail-grid div, .info-tile { padding: 11px 12px; border-radius: 14px; }
.detail-grid strong, .info-tile strong { font-size: 14px; }
.compact-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.v8-screen-grid { display: grid; grid-template-columns: minmax(360px, 1.15fr) minmax(300px, .85fr); gap: 14px; }
.v8-dashboard-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.compact-layout { display: grid; grid-template-columns: 380px minmax(0, 1fr); gap: 14px; align-items: start; }
.v8-dense-form .form-label { margin-top: 6px; margin-bottom: 4px; font-size: 12px; }
.v8-offer-card { border: 1px solid #e2e8f0; border-radius: 18px; padding: 14px; background: #fff; margin-bottom: 10px; box-shadow: 0 10px 28px rgba(15,23,42,.045); }
.v8-offer-card.muted-offer { background: #f8fafc; }
.v8-offer-main { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.v8-offer-main strong { display:block; font-size: 15px; }
.v8-offer-main small { display:block; color:#64748b; margin-top:3px; }
.v8-suboffers { margin-top: 12px; border-top: 1px dashed #cbd5e1; padding-top: 10px; display: grid; gap: 8px; }
.suboffer-title { font-size: 12px; font-weight: 900; color:#64748b; text-transform: uppercase; letter-spacing:.05em; }
.v8-suboffer-row { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:9px 10px; border:1px solid #dbeafe; background:#f8fbff; border-radius:14px; }
.v8-suboffer-row strong { font-size: 13px; display:block; }
.v8-suboffer-row small { display:block; color:#64748b; font-size:12px; }
.v8-suboffer-row b { white-space:nowrap; }
.support-chat-window { min-height: 340px; max-height: 560px; overflow-y: auto; border:1px solid #e2e8f0; background: linear-gradient(180deg,#f8fafc,#eef2ff); border-radius: 20px; padding: 14px; }
.support-message { display:flex; margin-bottom: 12px; }
.support-message.mine { justify-content: flex-end; }
.support-bubble { width:min(78%,680px); background:#fff; border:1px solid #e2e8f0; border-radius: 18px; padding:12px 14px; box-shadow:0 10px 24px rgba(15,23,42,.05); }
.support-message.mine .support-bubble { background:#0f172a; color:#fff; border-color:#0f172a; }
.support-bubble p { margin:0; line-height:1.55; }
.v8-message-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:14px; }
.message-audit-row { display:block; color:inherit; border:1px solid #e2e8f0; border-radius:14px; padding:10px 12px; margin-bottom:8px; background:#fff; }
.message-audit-row:hover { background:#f8fbff; border-color:#bfdbfe; }
.message-audit-row strong, .message-audit-row span, .message-audit-row small { display:block; }
.message-audit-row span { color:#475569; font-size:13px; margin-top:3px; }
.message-audit-row small { color:#94a3b8; font-size:12px; margin-top:2px; }
.status-pill { text-transform:none; letter-spacing:0; }
.status-waiting_support, .status-waiting_user, .status-open { background:#dbeafe; color:#1d4ed8; }
.status-answered { background:#ecfdf5; color:#047857; }
.status-closed { background:#f1f5f9; color:#334155; }
.status-urgent, .status-high { background:#fee2e2; color:#991b1b; }
.status-normal { background:#eef2ff; color:#3730a3; }
.status-low { background:#f1f5f9; color:#475569; }
.status-pending, .status-waiting_payment { background:#fff7ed; color:#c2410c; }
.status-paid, .status-active, .status-completed, .status-delivered, .status-ready, .status-done { background:#dcfce7; color:#166534; }
.status-processing, .status-preparing, .status-shipped, .status-viewed, .status-quoted { background:#dbeafe; color:#1d4ed8; }
.status-failed, .status-blocked, .status-rejected, .status-cancelled { background:#fee2e2; color:#991b1b; }
@media (max-width: 1199px) {
  .compact-layout, .v8-screen-grid, .v8-dashboard-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .premium-navbar-container { padding: 10px 12px; }
  .premium-main { padding: 12px; }
  .v8-offer-main, .v8-suboffer-row { flex-direction: column; align-items: flex-start; }
  .support-bubble { width: 94%; }
  .v8-message-grid, .compact-detail-grid { grid-template-columns: 1fr; }
}

.support-admin-layout { grid-template-columns: 1fr !important; }

/* V8.2 compact professional list/filter screens */
.pro-filter-bar {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    padding: 14px;
    margin-bottom: 14px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.045);
}
.pro-filter-bar .form-label {
    font-size: 12px;
    font-weight: 800;
    color: #64748b;
    margin-bottom: 5px;
}
.pro-filter-bar .form-control,
.pro-filter-bar .form-select {
    min-height: 40px;
    border-radius: 12px;
    font-size: 14px;
}
.one-screen-panel {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
    box-shadow: 0 16px 44px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}
.compact-scroll-table {
    max-height: calc(100vh - 285px);
    overflow: auto;
}
.dense-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f8fafc;
    font-size: 11px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #64748b;
    padding: 10px 12px;
    white-space: nowrap;
}
.dense-table tbody td {
    padding: 10px 12px;
    vertical-align: middle;
    font-size: 13px;
}
.dense-table tbody tr:hover {
    background: #f8fafc;
}
.compact-head {
    margin-bottom: 14px;
}
.compact-head h1 {
    font-size: clamp(22px, 2.4vw, 30px);
    margin-bottom: 4px;
}
.compact-head p {
    margin-bottom: 0;
    color: #64748b;
}
.compact-empty {
    padding: 28px !important;
}
.soft-pill.good {
    background: #dcfce7;
    color: #166534;
}
.soft-pill.danger {
    background: #fee2e2;
    color: #991b1b;
}
@media (max-width: 991px) {
    .compact-scroll-table { max-height: none; }
    .one-screen-panel { border-radius: 16px; }
    .dense-table thead th { position: static; }
}

/* V8.3 Compact Workspace Preview */
.btn-xs {
    padding: .28rem .5rem;
    border-radius: 9px;
    font-size: .72rem;
    font-weight: 850;
    line-height: 1.2;
}

.compact-workspace {
    --compact-gap: 10px;
    --compact-radius: 14px;
    --compact-pad: 12px;
}

.compact-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 10px;
    padding: 14px 16px;
    background: linear-gradient(135deg, #fff, #f8fbff);
    border: 1px solid #e3eaf4;
    border-radius: 18px;
    box-shadow: 0 10px 24px rgba(15,23,42,.045);
}

.compact-title-block h1 {
    font-size: clamp(20px, 2vw, 28px);
    margin: 2px 0 6px;
    letter-spacing: -.04em;
    line-height: 1.05;
}

.compact-meta-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.compact-meta-line > span:not(.status-badge) {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 9px;
    border-radius: 999px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #475569;
    font-size: .76rem;
    font-weight: 800;
}

.compact-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.compact-alert { margin-bottom: 10px; padding: 10px 12px; border-radius: 14px; }

.compact-kpi-strip {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}

.compact-kpi-strip > div {
    min-width: 0;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 10px 11px;
    box-shadow: 0 6px 18px rgba(15,23,42,.035);
}

.compact-kpi-strip span,
.compact-section-head p,
.mini-file-row small,
.mini-offer-info small,
.compact-row-item small,
.compact-timeline-item small,
.mini-suboffer-row small {
    display: block;
    color: #64748b;
    font-size: .72rem;
    font-weight: 750;
}

.compact-kpi-strip strong {
    display: block;
    color: #0f172a;
    font-size: .86rem;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.compact-shell-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 10px;
    align-items: start;
}

.compact-main-panel { min-width: 0; }
.compact-side-panel { min-width: 0; position: sticky; top: 88px; }

.content-card.compact-card,
.compact-panel,
.compact-sticky-card {
    padding: 12px;
    border-radius: 16px;
    border-color: #e0e7f0;
    box-shadow: 0 8px 22px rgba(15,23,42,.04);
}

.compact-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.compact-section-head h5,
.compact-sticky-card h5 {
    margin: 0;
    font-size: .98rem;
    font-weight: 950;
    letter-spacing: -.03em;
}

.compact-section-head p { margin: 2px 0 0; }
.compact-count {
    min-width: 28px;
    padding: 4px 9px;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    text-align: center;
    font-weight: 950;
    font-size: .75rem;
}

.compact-scroll-area.offer-scroll { max-height: 270px; overflow: auto; padding-right: 2px; }
.compact-side-scroll { max-height: 220px; overflow: auto; padding-right: 2px; }
.compact-side-scroll.small-scroll { max-height: 145px; }
.compact-list-scroll { max-height: 220px; overflow: auto; padding-right: 2px; }
.compact-timeline-scroll { max-height: 260px; overflow: auto; padding-right: 2px; }

.mini-offer-card {
    border: 1px solid #dce7f5;
    background: linear-gradient(180deg, #fff, #fbfdff);
    border-radius: 14px;
    padding: 9px;
    margin-bottom: 8px;
}

.mini-offer-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.mini-offer-info { min-width: 0; }
.mini-offer-info strong {
    display: block;
    font-size: .95rem;
    font-weight: 950;
    margin: 2px 0;
}
.mini-offer-info small { margin-top: 2px; }
.mini-offer-price { min-width: 122px; text-align: right; }
.mini-offer-price > strong {
    display: block;
    font-size: .98rem;
    font-weight: 950;
    color: #0f172a;
    margin-bottom: 5px;
}

.mini-collapse-btn {
    border: 0;
    background: transparent;
    color: #2563eb;
    font-size: .74rem;
    font-weight: 900;
    padding: 5px 0;
}

.mini-suboffers {
    border-top: 1px dashed #d8e3f0;
    margin-top: 8px;
    padding-top: 6px;
}

.mini-suboffer-row,
.mini-file-row,
.compact-row-item,
.compact-timeline-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 8px;
    border: 1px solid #e6eef8;
    background: #f8fbff;
    border-radius: 12px;
    margin-top: 6px;
}

.mini-suboffer-row > span,
.mini-file-row > div:first-child,
.compact-row-item > div { min-width: 0; }
.mini-suboffer-row b,
.mini-suboffer-row strong { white-space: nowrap; font-size: .84rem; }

.compact-tabs {
    gap: 6px;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.compact-tabs .nav-link {
    border-radius: 999px;
    padding: .42rem .8rem;
    font-size: .78rem;
    font-weight: 900;
    color: #475569;
}
.compact-tabs .nav-link.active {
    background: #0f172a;
    color: #fff;
}

.compact-tab-content { min-height: 275px; }
.compact-chat-wrap { min-height: 0; }
.compact-chat-toolbar { padding: 0; margin-bottom: 7px; }
.compact-quote-chat,
.support-chat-window.compact-chat-window {
    min-height: 190px;
    height: 225px;
    max-height: 225px;
    overflow: auto;
    border-radius: 14px;
}
.compact-compose {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    margin-top: 8px;
    align-items: stretch;
}
.compact-compose textarea { min-height: 54px; }
.compact-compose button { min-width: 76px; }

.compact-inline-form {
    display: grid;
    grid-template-columns: minmax(160px, 220px) minmax(0, 1fr) auto;
    gap: 8px;
}
.compact-row-item { display: block; }
.compact-row-item p { margin: 4px 0 0; color: #475569; font-size: .82rem; }
.compact-timeline-item { display: grid; grid-template-columns: 160px minmax(0, 1fr) 145px; align-items: center; }
.compact-timeline-item strong { font-size: .83rem; }
.compact-timeline-item span { color: #475569; font-size: .82rem; }
.compact-description {
    min-height: 220px;
    max-height: 260px;
    overflow: auto;
    padding: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #f8fafc;
    color: #475569;
    font-weight: 650;
}

.mini-file-row { align-items: center; }
.mini-file-row strong {
    display: block;
    font-size: .82rem;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 205px;
}
.mini-file-actions { display: flex; gap: 4px; flex-wrap: nowrap; }
.compact-upload { display: grid; gap: 6px; }
.compact-dense-form { display: grid; gap: 7px; }
.compact-dense-form textarea { resize: vertical; min-height: 48px; }
.compact-quality { padding: 7px 0; border-bottom: 1px solid #e2e8f0; }
.compact-quality:last-child { border-bottom: 0; }

/* V8.3 compact orders/support/admin detail */
.compact-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 10px;
    align-items: start;
}
.compact-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}
.mini-status-tile {
    padding: 10px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
}
.mini-status-tile span { display:block; color:#64748b; font-size:.72rem; font-weight:850; }
.mini-status-tile strong { display:block; margin-top:2px; font-size:.9rem; font-weight:950; }
.compact-split-tabs .tab-content { min-height: 330px; }
.compact-production-grid {
    display:grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap:8px;
    max-height: 320px;
    overflow:auto;
}
.compact-action-stack { display:grid; gap:10px; }
.compact-action-stack .content-card { margin:0 !important; }
.compact-support-grid {
    display:grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap:10px;
    align-items:start;
}
.compact-admin-user-grid {
    display:grid;
    grid-template-columns: 330px minmax(0, 1fr);
    gap:10px;
    align-items:start;
}
.compact-admin-mini-tables {
    display:grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap:10px;
}
.compact-admin-mini-tables .table-responsive { max-height: 230px; overflow:auto; }
.compact-message-audit { max-height: 250px; overflow:auto; }

@media (max-width: 1400px) {
    .compact-kpi-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .compact-shell-grid { grid-template-columns: minmax(0, 1fr) 330px; }
}

@media (max-width: 1199px) {
    .compact-shell-grid,
    .compact-detail-layout,
    .compact-support-grid,
    .compact-admin-user-grid { grid-template-columns: 1fr; }
    .compact-side-panel { position: static; }
    .compact-side-scroll { max-height: none; }
    .compact-topbar { align-items:flex-start; flex-direction:column; }
}

@media (max-width: 768px) {
    .compact-kpi-strip,
    .compact-card-grid,
    .compact-production-grid,
    .compact-admin-mini-tables { grid-template-columns: 1fr; }
    .compact-inline-form { grid-template-columns: 1fr; }
    .compact-timeline-item { grid-template-columns: 1fr; }
    .compact-compose { grid-template-columns: 1fr; }
    .mini-offer-main { flex-direction:column; }
    .mini-offer-price { text-align:left; }
}

/* V8.4 UI Polish + Money Fix */
.quote-list-shell .quote-list-head {
    align-items: center;
    border-radius: 18px;
    padding: 16px 18px;
    background: linear-gradient(135deg, #ffffff, #f8fbff);
    border: 1px solid #dfe7f2;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .045);
}
.quote-list-summary {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.quote-list-summary > div {
    min-width: 82px;
    padding: 8px 12px;
    border: 1px solid #dbe7f4;
    background: #f8fbff;
    border-radius: 14px;
    text-align: center;
}
.quote-list-summary span {
    display: block;
    color: #64748b;
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.quote-list-summary strong {
    display: block;
    font-size: 1.05rem;
    font-weight: 950;
    line-height: 1.1;
}
.quote-filter-card {
    border-radius: 16px;
    padding: 10px 12px;
    margin-bottom: 10px;
    background: rgba(255,255,255,.94);
    border: 1px solid #dfe7f2;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .035);
}
.quote-filter-card .form-label {
    font-size: .72rem;
    margin-bottom: .28rem;
}
.quote-filter-card .form-control,
.quote-filter-card .form-select {
    min-height: 38px;
    border-radius: 11px;
}
.quote-table-panel {
    overflow: hidden;
    border: 1px solid #dfe7f2;
    background: #fff;
    border-radius: 17px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .045);
}
.quote-polished-table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 10px 12px;
    background: #f7faff;
    border-bottom: 1px solid #dfe7f2;
    color: #5b6b83;
    font-size: .67rem;
    letter-spacing: .08em;
}
.quote-polished-table td {
    padding: 9px 12px;
    border-bottom: 1px solid #edf2f7;
}
.quote-polished-table tbody tr {
    transition: background .15s ease, transform .15s ease;
}
.quote-polished-table tbody tr:hover {
    background: #f8fbff;
}
.quote-main-cell strong,
.cell-title {
    display: block;
    font-weight: 950;
    color: #0f172a;
    font-size: .88rem;
}
.quote-main-cell small,
.cell-sub,
.date-cell {
    display: block;
    color: #64748b;
    font-size: .72rem;
    font-weight: 750;
    margin-top: 2px;
}
.qty-chip,
.offer-count-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 26px;
    padding: 4px 9px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #334155;
    border: 1px solid #e2e8f0;
    font-size: .76rem;
    font-weight: 900;
}
.offer-count-chip { background: #eef4ff; color: #1d4ed8; border-color: #d7e5ff; }
.price-inline {
    color: #0f172a;
    font-size: .84rem;
    font-weight: 950;
    white-space: nowrap;
}
.quote-open-btn {
    border-radius: 999px;
    padding-inline: .78rem;
}
.quote-soft-info-strip {
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
}
.quote-soft-info-strip .soft-info-card {
    padding: 9px 10px;
    border-radius: 13px;
    border-width: 1px;
    box-shadow: 0 6px 16px rgba(15,23,42,.025);
}
.soft-info-card span {
    font-size: .66rem;
    line-height: 1.1;
    letter-spacing: .06em;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.soft-info-card strong {
    font-size: .84rem;
    line-height: 1.15;
}
.info-blue { background: #eef4ff !important; border-color: #d7e5ff !important; }
.info-blue span { color: #1d4ed8 !important; }
.info-purple { background: #f4f0ff !important; border-color: #e3d9ff !important; }
.info-purple span { color: #6d28d9 !important; }
.info-green { background: #edf9f1 !important; border-color: #d3f0dc !important; }
.info-green span { color: #15803d !important; }
.info-amber { background: #fff7e8 !important; border-color: #ffe3aa !important; }
.info-amber span { color: #b45309 !important; }
.info-cyan { background: #edf8fb !important; border-color: #cfeef6 !important; }
.info-cyan span { color: #0e7490 !important; }
.info-rose { background: #fff1f2 !important; border-color: #ffd7de !important; }
.info-rose span { color: #be123c !important; }
.info-slate { background: #f8fafc !important; border-color: #e2e8f0 !important; }
.info-slate span { color: #475569 !important; }
.quote-workspace .compact-topbar {
    padding: 12px 14px;
    border-radius: 16px;
}
.quote-workspace .compact-title-block h1 {
    font-size: clamp(19px, 1.7vw, 25px);
}
.quote-workspace .compact-shell-grid {
    grid-template-columns: minmax(0, 1fr) 330px;
}
.quote-workspace .compact-scroll-area.offer-scroll { max-height: 220px; }
.quote-workspace .compact-quote-chat { height: 205px; max-height: 205px; }
.quote-workspace .compact-tab-content { min-height: 245px; }
.quote-workspace .content-card.compact-card,
.quote-workspace .compact-panel,
.quote-workspace .compact-sticky-card {
    padding: 10px;
    border-radius: 14px;
}
.mini-offer-card {
    padding: 8px;
    border-radius: 13px;
}
.mini-offer-info strong { font-size: .88rem; }
.mini-offer-price > strong { font-size: .9rem; }
.offer-pill {
    display: inline-flex;
    padding: 3px 7px;
    border-radius: 999px;
    background: #eaf1ff;
    color: #1d4ed8;
    font-size: .66rem;
    font-weight: 950;
}
.offer-pill.alt { background: #fff7ed; color: #c2410c; }
.polished-quote-form .compact-section-head p {
    max-width: 240px;
}
.mini-field-label {
    display: block;
    color: #475569;
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: -3px;
}
.money-field {
    font-weight: 900;
    letter-spacing: .02em;
}
.money-help {
    margin-top: -4px;
    color: #64748b;
    font-size: .69rem;
    font-weight: 700;
}
@media (max-width: 1199px) {
    .quote-workspace .compact-shell-grid { grid-template-columns: 1fr; }
    .quote-list-summary { width: 100%; }
}
@media (max-width: 768px) {
    .quote-list-shell .quote-list-head { align-items: flex-start; }
    .quote-list-summary { justify-content: flex-start; }
    .quote-polished-table td,
    .quote-polished-table th { white-space: nowrap; }
}


/* V8.5 - compact quote polish, sortable tables, status rows, wallet */
.sortable-th{display:inline-flex;align-items:center;gap:6px;color:#475569;text-decoration:none;font-weight:900;letter-spacing:.04em;text-transform:uppercase;font-size:11px}
.sortable-th:hover{color:#1d4ed8}.sort-mark{font-size:12px;opacity:.45}.sort-mark.active{opacity:1;color:#1d4ed8}
.quote-status-row{position:relative;transition:background .16s ease, box-shadow .16s ease}.quote-status-row:hover{background:#f8fbff!important;box-shadow:inset 3px 0 0 #3b82f6}.quote-status-row td:first-child{border-left:4px solid transparent}
.quote-row-status-quote_requested td:first-child{border-left-color:#93c5fd}.quote-row-status-sent_to_suppliers td:first-child{border-left-color:#a78bfa}.quote-row-status-supplier_quotes_received td:first-child{border-left-color:#60a5fa}.quote-row-status-customer_approved td:first-child{border-left-color:#34d399}.quote-row-status-order_created td:first-child{border-left-color:#22c55e}.quote-row-status-cancelled td:first-child{border-left-color:#f87171}
.quote-row-status-quote_requested{background:linear-gradient(90deg,rgba(239,246,255,.85),#fff 28%)}.quote-row-status-sent_to_suppliers{background:linear-gradient(90deg,rgba(245,243,255,.9),#fff 28%)}.quote-row-status-supplier_quotes_received{background:linear-gradient(90deg,rgba(224,242,254,.85),#fff 28%)}.quote-row-status-customer_approved,.quote-row-status-order_created{background:linear-gradient(90deg,rgba(236,253,245,.9),#fff 28%)}
.quote-polished-table td{padding:9px 10px!important}.quote-polished-table .quote-main-cell strong{font-size:13px}.quote-polished-table .quote-main-cell small,.quote-polished-table .cell-sub,.date-cell{font-size:11px}.quote-list-head{padding:18px 20px!important}.quote-filter-card{padding:10px!important}.quote-filter-card .form-label{font-size:11px;margin-bottom:4px}
.quote-workspace .compact-topbar{padding:14px 16px!important;margin-bottom:10px!important}.quote-workspace .compact-title-block h1{font-size:24px!important;line-height:1.05;margin-bottom:8px}.quote-workspace .compact-meta-line span{padding:5px 9px!important;font-size:11px}.quote-soft-info-strip{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px!important;margin-bottom:10px!important}.soft-info-card{min-height:52px!important;padding:10px 12px!important;border-radius:12px!important}.soft-info-card span{font-size:10px!important;letter-spacing:.05em}.soft-info-card strong{font-size:13px!important;line-height:1.15}.compact-shell-grid{grid-template-columns:minmax(0,1fr) 300px!important;gap:10px!important}.compact-card{border-radius:14px!important}.compact-section-head{margin-bottom:8px!important}.compact-section-head h5{font-size:15px!important}.compact-section-head p{font-size:11px!important}.offers-panel{min-height:205px!important}.offer-scroll{max-height:240px!important}.mini-offer-card{padding:10px!important;border-radius:12px!important}.mini-offer-main{gap:10px}.mini-offer-info strong{font-size:14px}.mini-offer-info small{font-size:11px}.mini-offer-price strong{font-size:17px!important}.mini-suboffer-row{padding:8px 10px!important}.compact-panel.mt-3{margin-top:10px!important}.compact-tabs{padding:8px!important;gap:6px!important}.compact-tabs .nav-link{padding:7px 11px!important;font-size:12px!important;border-radius:11px!important;display:inline-flex;align-items:center;gap:6px}.tab-counter{min-width:19px;height:19px;border-radius:999px;background:#e8efff;color:#1d4ed8;font-weight:900;font-size:11px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}.tab-counter.urgent{background:#ef4444;color:#fff}.tab-counter.muted{background:#eef2f7;color:#475569}.compact-tab-content{padding:8px!important}.compact-chat-toolbar{margin-bottom:6px!important}.compact-quote-chat{height:205px!important;min-height:205px!important}.compact-compose{gap:6px!important}.compact-compose textarea{min-height:50px!important}.compact-side-panel .compact-card{padding:12px!important}.compact-side-scroll{max-height:170px!important}.quote-form-card .form-control,.quote-form-card .form-select{min-height:36px!important}.compact-dense-form{gap:7px!important}.mini-field-label{margin-top:2px!important}.wallet-chip-link{text-decoration:none}.wallet-chip-link:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(16,185,129,.12)}.wallet-hero{display:flex;align-items:center;justify-content:space-between}.wallet-balance-card{min-width:190px;background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #bbf7d0;border-radius:18px;padding:16px 18px;text-align:right}.wallet-balance-card span,.wallet-balance-card small{display:block;color:#047857;font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.06em}.wallet-balance-card strong{display:block;font-size:34px;line-height:1;color:#065f46}.wallet-table-card{padding:14px!important}.wallet-pill{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:900}.wallet-credit{color:#047857}.wallet-debit{color:#b91c1c}.wallet-pill.wallet-credit{background:#dcfce7}.wallet-pill.wallet-debit{background:#fee2e2}
@media(max-width:1199px){.quote-soft-info-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-shell-grid{grid-template-columns:1fr!important}.compact-side-panel{position:static!important}.compact-quote-chat{height:260px!important}}
@media(max-width:768px){.quote-soft-info-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-hero{display:block}.wallet-balance-card{text-align:left;margin-top:12px}.quote-workspace .compact-title-block h1{font-size:20px!important}}

/* V8.6 - full status row colors, wallet purchase UI */
.quote-polished-table tbody tr.quote-status-row > td{background:transparent!important}
.quote-polished-table tbody tr.quote-status-row{border-left:0!important;box-shadow:none!important}
.quote-polished-table tbody tr.quote-row-status-quote_requested{background:#eef6ff!important}
.quote-polished-table tbody tr.quote-row-status-sent_to_suppliers{background:#f4f1ff!important}
.quote-polished-table tbody tr.quote-row-status-supplier_quotes_received{background:#eaf7ff!important}
.quote-polished-table tbody tr.quote-row-status-customer_approved{background:#ecfdf5!important}
.quote-polished-table tbody tr.quote-row-status-order_created{background:#eefdf0!important}
.quote-polished-table tbody tr.quote-row-status-cancelled{background:#fff1f2!important}
.quote-polished-table tbody tr.quote-status-row:hover{filter:brightness(.985);box-shadow:inset 0 0 0 9999px rgba(255,255,255,.28)!important}
.quote-polished-table tbody tr.quote-status-row td:first-child{border-left:0!important}
.quote-polished-table tbody tr.quote-status-row td{border-color:rgba(148,163,184,.18)!important}

.coin-icon{width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#facc15,#f59e0b);color:#78350f;font-size:12px;font-weight:1000;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 8px 16px rgba(245,158,11,.18)}
.coin-icon-xl{width:38px;height:38px;font-size:18px;margin-right:8px;vertical-align:middle}.wallet-chip .coin-icon{width:20px;height:20px;font-size:11px;margin-right:2px}.wallet-hero-pro{background:linear-gradient(135deg,#f8fafc,#eef6ff)!important}.wallet-hero-copy h1{display:flex;align-items:center;gap:6px}.wallet-balance-pro{background:linear-gradient(135deg,#ecfdf5,#fffbeb)!important;border-color:#fde68a!important}.wallet-grid-pro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:14px}.wallet-buy-card,.wallet-packages-card{padding:16px!important}.wallet-load-row{display:flex;gap:8px}.wallet-load-row .btn{white-space:nowrap;display:inline-flex;align-items:center;gap:7px}.wallet-live-price{margin-top:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;color:#475569}.wallet-live-price strong{color:#0f172a}.wallet-package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.wallet-package-tile{border:1px solid #dbe6f7;border-radius:16px;background:#fff;padding:12px;display:flex;flex-direction:column;gap:7px;min-height:160px;box-shadow:0 10px 24px rgba(15,23,42,.04);transition:.15s ease}.wallet-package-tile:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 14px 28px rgba(37,99,235,.1)}.wallet-package-tile strong{display:flex;align-items:center;gap:7px;font-size:18px;color:#0f172a}.wallet-package-tile small{color:#64748b;font-weight:800}.wallet-package-tile em{font-style:normal;font-weight:900;color:#0f766e}.wallet-package-badge{align-self:flex-start;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.05em}
@media(max-width:992px){.wallet-grid-pro{grid-template-columns:1fr}.wallet-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:576px){.wallet-load-row{flex-direction:column}.wallet-package-grid{grid-template-columns:1fr}}

/* V8.7 - notifications, pool fix, order table and order detail redesign */
.notification-head-v87 .quote-list-summary{align-items:center;gap:8px}.summary-chip.danger{background:#fff1f2;border-color:#fecdd3;color:#be123c}.notification-filter-v87{padding:10px!important;margin-bottom:10px!important}.notification-filter-v87 .form-control,.notification-filter-v87 .form-select{min-height:38px}.notification-panel-v87{padding:0!important;overflow:hidden}.notification-compact-list{display:flex;flex-direction:column}.notification-table-head{display:grid;grid-template-columns:minmax(260px,1fr) 120px 150px 150px 150px;gap:10px;align-items:center;padding:10px 14px;background:#f8fbff;border-bottom:1px solid #dce6f4;color:#64748b;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em}.notification-mini-row{display:grid;grid-template-columns:minmax(260px,1fr) 120px 150px 150px 150px;gap:10px;align-items:center;padding:9px 14px;border-bottom:1px solid #edf2f7;transition:.14s ease;background:#fff}.notification-mini-row:hover{background:#f8fbff}.notification-mini-row.is-unread{background:#f4f8ff}.notification-mini-main{display:flex;align-items:flex-start;gap:10px;min-width:0}.notification-mini-main strong{display:block;font-size:13px;color:#0f172a;line-height:1.2}.notification-mini-main small{display:block;color:#64748b;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:640px}.notification-status-dot{width:9px;height:9px;border-radius:50%;background:#94a3b8;margin-top:4px;flex:0 0 auto}.notification-mini-row.is-unread .notification-status-dot{background:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.12)}.notification-channels{display:flex;flex-wrap:wrap;gap:5px}.notification-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end}.btn-xs{--bs-btn-padding-y:.22rem;--bs-btn-padding-x:.48rem;--bs-btn-font-size:.72rem;border-radius:999px;font-weight:900}.mini-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:1000;white-space:nowrap}.soft-blue{background:#eef4ff;color:#1d4ed8;border:1px solid #d7e5ff}.soft-slate{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}

.order-filter-v87{padding:10px!important;margin-bottom:10px!important}.order-filter-v87 .form-control,.order-filter-v87 .form-select{min-height:38px}.order-table-panel-v87{padding:0!important;overflow:hidden}.order-polished-table thead th{background:#f7faff!important;position:sticky;top:0;z-index:1;padding:9px 12px!important;border-bottom:1px solid #dce6f4!important}.order-polished-table td{padding:9px 12px!important;border-bottom:1px solid rgba(148,163,184,.2)!important}.order-status-row{transition:.14s ease}.order-status-row:hover{filter:brightness(.985);box-shadow:inset 0 0 0 9999px rgba(255,255,255,.3)}.order-row-status-waiting_payment{background:#fff7ed!important}.order-row-status-ready_for_production{background:#eff6ff!important}.order-row-status-technical_review{background:#f5f3ff!important}.order-row-status-material_preparation{background:#fffbeb!important}.order-row-status-in_production{background:#ecfeff!important}.order-row-status-quality_control{background:#f0fdf4!important}.order-row-status-packaging{background:#f8fafc!important}.order-row-status-completed{background:#ecfdf5!important}.order-row-status-cancelled{background:#fff1f2!important}

.order-detail-v87{--card-border:#dce6f4;--soft-shadow:0 18px 45px rgba(15,23,42,.06)}.order-hero-v87{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid var(--card-border);border-radius:18px;padding:14px 16px;margin-bottom:10px;box-shadow:var(--soft-shadow)}.order-hero-left h1{font-size:26px;margin:0 0 6px;color:#0f172a;letter-spacing:-.04em}.order-hero-sub{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.order-hero-sub>span:not(.status-pill){display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#f1f5f9;border:1px solid #dfe7f2;color:#334155;font-size:12px;font-weight:900}.order-hero-actions{display:flex;align-items:center;gap:10px}.order-progress-ring{width:70px;height:70px;border-radius:50%;background:conic-gradient(#2563eb var(--p, 65%), #e8eef8 0);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.order-progress-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}.order-progress-ring strong,.order-progress-ring small{position:relative;z-index:1}.order-progress-ring strong{font-size:15px;color:#0f172a}.order-progress-ring small{font-size:10px;color:#64748b;font-weight:900;text-transform:uppercase}.order-summary-strip-v87{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}.order-summary-card{border:1px solid var(--card-border);border-radius:16px;padding:11px 13px;box-shadow:0 10px 25px rgba(15,23,42,.035)}.order-summary-card span{display:block;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.order-summary-card strong{display:block;font-size:15px;color:#0f172a}.order-summary-card small{display:block;color:#64748b;font-size:11px;font-weight:800;margin-top:2px}.order-summary-card.customer{background:#eef4ff}.order-summary-card.manufacturer{background:#f4f0ff}.order-summary-card.amount{background:#ecfdf5}.order-summary-card.cargo{background:#fff7ed}.order-layout-v87{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:10px}.order-main-v87{min-width:0}.order-side-v87{display:flex;flex-direction:column;gap:10px}.order-side-v87 .content-card{padding:12px!important}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.section-title-row h5,.action-card-v87 h5{font-size:15px;font-weight:1000;margin:0}.section-title-row p{font-size:11px;color:#64748b;margin:2px 0 0;font-weight:800}.order-stepper-card-v87,.order-tabs-card-v87{padding:12px!important;border-radius:16px!important;margin-bottom:10px!important}.order-stepper-v87{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.order-step-v87{display:flex;gap:8px;align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px;min-height:94px}.order-step-v87.step-active{background:#eef4ff;border-color:#bfdbfe}.order-step-v87.step-completed{background:#ecfdf5;border-color:#bbf7d0}.order-step-v87.step-blocked{background:#fff1f2;border-color:#fecdd3}.step-dot-v87{width:28px;height:28px;border-radius:50%;background:#e8eef8;display:flex;align-items:center;justify-content:center;font-weight:1000;color:#334155;flex:0 0 auto}.step-completed .step-dot-v87{background:#22c55e;color:#fff}.step-active .step-dot-v87{background:#2563eb;color:#fff}.step-body-v87{min-width:0}.step-body-v87 strong{display:block;font-size:13px;color:#0f172a;line-height:1.15}.step-body-v87 span{display:inline-flex;margin-top:4px;font-size:10px;font-weight:1000;color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:3px 7px}.step-body-v87 small{display:block;margin-top:5px;color:#64748b;font-size:11px;font-weight:750;line-height:1.25}.order-tab-content-v87{min-height:230px!important}.order-activity-list-v87,.order-mini-table-v87{display:flex;flex-direction:column;gap:7px;max-height:245px;overflow:auto}.activity-mini-row,.order-mini-table-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:9px 11px}.activity-mini-row strong,.order-mini-table-row strong{display:block;font-size:12px;color:#0f172a}.activity-mini-row span,.order-mini-table-row span{display:block;color:#475569;font-size:12px;font-weight:750}.activity-mini-row small,.order-mini-table-row small{color:#64748b;font-size:11px;font-weight:800;text-align:right}.action-card-v87 .form-control,.action-card-v87 .form-select{min-height:34px!important}.action-card-v87 textarea{min-height:54px!important}
@media(max-width:1200px){.notification-table-head,.notification-mini-row{grid-template-columns:minmax(220px,1fr) 110px 130px 120px 130px}.order-stepper-v87{grid-template-columns:repeat(3,minmax(0,1fr))}.order-layout-v87{grid-template-columns:1fr}.order-side-v87{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.notification-table-head{display:none}.notification-mini-row{grid-template-columns:1fr;gap:7px;padding:12px}.notification-actions{justify-content:flex-start}.order-summary-strip-v87{grid-template-columns:1fr 1fr}.order-stepper-v87{grid-template-columns:1fr}.order-hero-v87{align-items:flex-start;flex-direction:column}.order-side-v87{grid-template-columns:1fr}.order-layout-v87{grid-template-columns:1fr}}

/* V8.8 order payment confirmation and premium step flow */
.order-detail-v88{--card-border:#dce6f4;--soft-shadow:0 18px 45px rgba(15,23,42,.06);--blue:#2563eb;--green:#16a34a;--amber:#f59e0b;--red:#e11d48;}
.order-hero-v88{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#ffffff,#f7fbff);border:1px solid var(--card-border);border-radius:18px;padding:13px 16px;margin-bottom:10px;box-shadow:var(--soft-shadow)}
.order-hero-v88 h1{font-size:25px;margin:0 0 5px;color:#0f172a;letter-spacing:-.04em}.order-hero-sub{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.order-hero-sub>span:not(.status-pill){display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#f1f5f9;border:1px solid #dfe7f2;color:#334155;font-size:12px;font-weight:900}.order-hero-actions{display:flex;align-items:center;gap:10px}.order-progress-ring{width:68px;height:68px;border-radius:50%;background:conic-gradient(#2563eb var(--p, 65%), #e8eef8 0);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.order-progress-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}.order-progress-ring strong,.order-progress-ring small{position:relative;z-index:1}.order-progress-ring strong{font-size:15px;color:#0f172a}.order-progress-ring small{font-size:10px;color:#64748b;font-weight:900;text-transform:uppercase}.order-summary-strip-v88{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}.order-summary-card{border:1px solid var(--card-border);border-radius:16px;padding:10px 13px;box-shadow:0 10px 25px rgba(15,23,42,.035)}.order-summary-card span{display:block;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.order-summary-card strong{display:block;font-size:15px;color:#0f172a}.order-summary-card small{display:block;color:#64748b;font-size:11px;font-weight:800;margin-top:2px}.order-summary-card.customer{background:#eef4ff}.order-summary-card.manufacturer{background:#f4f0ff}.order-summary-card.amount{background:#ecfdf5}.order-summary-card.cargo{background:#fff7ed}.order-layout-v88{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:10px}.order-main-v88{min-width:0}.order-side-v88{display:flex;flex-direction:column;gap:10px}.order-side-v88 .content-card{padding:12px!important}.compact-title-row{margin-bottom:8px!important}.order-stepper-card-v88,.order-tabs-card-v88{padding:12px!important;border-radius:16px!important;margin-bottom:10px!important}.order-stepflow-v88{display:grid;grid-template-columns:repeat(var(--step-count),minmax(120px,1fr));gap:8px;position:relative}.order-flow-step-v88{position:relative;display:flex;gap:8px;align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:10px;min-height:88px;overflow:hidden}.order-flow-step-v88:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#cbd5e1}.order-flow-step-v88.step-active{background:linear-gradient(135deg,#eef4ff,#f8fbff);border-color:#bfdbfe;box-shadow:0 10px 24px rgba(37,99,235,.08)}.order-flow-step-v88.step-active:before{background:#2563eb}.order-flow-step-v88.step-completed{background:linear-gradient(135deg,#ecfdf5,#f8fffb);border-color:#bbf7d0}.order-flow-step-v88.step-completed:before{background:#22c55e}.order-flow-step-v88.step-blocked{background:linear-gradient(135deg,#fff1f2,#fffafa);border-color:#fecdd3}.order-flow-step-v88.step-blocked:before{background:#e11d48}.order-flow-step-v88.step-pending{background:#fbfdff}.flow-index{width:30px;height:30px;border-radius:50%;background:#e8eef8;display:flex;align-items:center;justify-content:center;font-weight:1000;color:#334155;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(148,163,184,.25)}.step-completed .flow-index{background:#22c55e;color:#fff}.step-active .flow-index{background:#2563eb;color:#fff}.step-blocked .flow-index{background:#e11d48;color:#fff}.flow-copy{min-width:0}.flow-copy strong{display:block;font-size:13px;color:#0f172a;line-height:1.15}.flow-copy span{display:inline-flex;margin-top:4px;font-size:10px;font-weight:1000;color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:3px 7px}.step-completed .flow-copy span{background:#dcfce7;color:#15803d}.step-blocked .flow-copy span{background:#ffe4e6;color:#be123c}.flow-copy small{display:block;margin-top:5px;color:#64748b;font-size:11px;font-weight:750;line-height:1.25}.order-tab-content-v88{min-height:215px!important}.order-activity-list-v88,.order-mini-table-v88{display:flex;flex-direction:column;gap:7px;max-height:235px;overflow:auto}.payment-actions-card form+form{margin-top:7px}.payment-status-line{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:12px;padding:8px;margin:8px 0}.payment-status-line span{font-size:11px;color:#64748b;font-weight:900;text-transform:uppercase}.action-card-v88 .form-control,.action-card-v88 .form-select{min-height:34px!important}.action-card-v88 textarea{min-height:54px!important}.action-card-v88 h5{font-size:15px;font-weight:1000;margin:0 0 8px;color:#0f172a}.confirm-modal-v88{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:18px}.confirm-modal-v88[hidden]{display:none}.confirm-modal-backdrop-v88{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(6px)}.confirm-modal-panel-v88{position:relative;width:min(430px,100%);background:#fff;border:1px solid #dce6f4;border-radius:22px;box-shadow:0 30px 100px rgba(15,23,42,.24);padding:22px;text-align:center}.confirm-icon-v88{width:48px;height:48px;margin:0 auto 12px;border-radius:18px;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-weight:1000;font-size:22px}.confirm-modal-panel-v88 h3{font-size:19px;font-weight:1000;letter-spacing:-.02em;margin:0 0 8px;color:#0f172a}.confirm-modal-panel-v88 p{font-size:13px;color:#475569;font-weight:750;line-height:1.45;margin:0 0 18px}.confirm-actions-v88{display:flex;justify-content:center;gap:8px}.modal-open-v88{overflow:hidden}
@media(max-width:1200px){.order-stepflow-v88{grid-template-columns:repeat(3,minmax(0,1fr))}.order-layout-v88{grid-template-columns:1fr}.order-side-v88{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.order-summary-strip-v88{grid-template-columns:1fr 1fr}.order-stepflow-v88{grid-template-columns:1fr}.order-hero-v88{align-items:flex-start;flex-direction:column}.order-side-v88{grid-template-columns:1fr}.order-layout-v88{grid-template-columns:1fr}.confirm-actions-v88{flex-direction:column}.confirm-actions-v88 .btn{width:100%}}

/* V8.9 finance/ops additions */
.bank-box{border:1px dashed #93c5fd;background:#eff6ff;border-radius:16px;padding:14px;display:grid;gap:5px}.bank-box span{font-size:11px;text-transform:uppercase;color:#2563eb;font-weight:900;letter-spacing:.08em}.bank-box strong{font-size:16px}.bank-box code{font-size:15px;background:#fff;border:1px solid #dbeafe;border-radius:10px;padding:8px;color:#0f172a}.payment-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-method-card{border:1px solid #dbe3ef;border-radius:14px;padding:12px;background:#fff;display:grid;gap:4px;cursor:pointer}.payment-method-card.active{border-color:#2563eb;background:#eff6ff}.payment-method-card.disabled{opacity:.55;cursor:not-allowed}.payment-method-card input{display:none}.timeline-compact{display:grid;gap:10px}.timeline-row{border:1px solid #e2e8f0;border-radius:14px;padding:11px 12px;display:flex;justify-content:space-between;gap:12px;background:#fff}.timeline-row.done{background:#ecfdf5;border-color:#bbf7d0}.timeline-row.active{background:#fff7ed;border-color:#fed7aa}.row-status-open,.row-status-under_review,.row-status-waiting_customer,.row-status-waiting_manufacturer{background:#fff7ed!important}.row-status-resolved{background:#ecfdf5!important}.row-status-rejected,.row-status-cancelled{background:#f8fafc!important}.chat-panel{display:grid;gap:10px;max-height:430px;overflow:auto;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px}.chat-bubble{max-width:78%;border-radius:16px;padding:11px 13px;background:#fff;border:1px solid #e2e8f0}.chat-bubble.mine{margin-left:auto;background:#eff6ff;border-color:#bfdbfe}.chat-bubble.other{margin-right:auto}.chat-bubble b{display:block}.chat-bubble small{color:#64748b;font-size:11px}.chat-bubble p{margin:.35rem 0 0}.capacity-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.choice-tile input{display:none}.choice-tile{border:1px solid #dbe3ef;border-radius:16px;padding:14px;background:#fff;display:grid;gap:5px;cursor:pointer}.choice-tile.selected{border-color:#22c55e;background:#ecfdf5;box-shadow:0 10px 30px rgba(34,197,94,.08)}.choice-tile strong{font-size:14px}.choice-tile small{color:#64748b}.quality-score-ring{width:98px;height:98px;border-radius:999px;background:conic-gradient(#22c55e 70%,#e2e8f0 0);display:grid;place-items:center;border:8px solid #f8fafc;box-shadow:0 12px 35px rgba(15,23,42,.12)}.quality-score-ring strong{font-size:22px}.quality-score-ring span{font-size:11px;color:#64748b}.match-score-pill{display:inline-flex;align-items:center;justify-content:center;min-width:62px;padding:7px 10px;border-radius:999px;background:#ecfdf5;color:#047857;font-weight:900}.admin-action-card{text-decoration:none;color:inherit;display:block}.quick-action-list{display:grid;gap:8px}.quick-action-list a{border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;text-decoration:none;color:#0f172a;font-weight:800;background:#fff}.quick-action-list a:hover{background:#eff6ff;border-color:#bfdbfe}.dispute-chat{min-height:260px}.wallet-buy-card .btn .coin-icon,.wallet-package-tile .coin-icon{margin-right:4px}

/* V8.10 Finance/Quality/Capacity UI Fixes */
.head-mini-stats{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.head-mini-stats span{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #dbe7f5;border-radius:999px;background:#fff;color:#475569;font-size:12px;font-weight:850}.head-mini-stats b{color:#0f172a;font-size:15px}.capacity-choice-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.capacity-tile{min-height:104px;position:relative;transition:.18s ease;overflow:hidden}.capacity-tile i{width:30px;height:30px;border-radius:999px;background:#eef4ff;display:grid;place-items:center;font-style:normal;font-weight:950;color:#1d4ed8}.capacity-tile.selected{transform:translateY(-1px)}.capacity-tile.tone-green.selected{background:#ecfdf5;border-color:#22c55e}.capacity-tile.tone-blue.selected{background:#eff6ff;border-color:#2563eb}.capacity-tile.tone-amber.selected{background:#fffbeb;border-color:#f59e0b}.capacity-tile.tone-rose.selected{background:#fff1f2;border-color:#fb7185}.capacity-tile.tone-purple.selected{background:#f5f3ff;border-color:#8b5cf6}.capacity-tile.tone-slate.selected{background:#f8fafc;border-color:#64748b}.capacity-extra-grid{display:grid;grid-template-columns:minmax(0,1.2fr) 240px 210px;gap:10px;align-items:end}.quality-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quality-kpi{border:1px solid #dbe7f5;border-radius:16px;padding:13px 14px}.quality-kpi span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:950}.quality-kpi strong{display:block;font-size:24px;line-height:1.1;margin:5px 0;color:#0f172a}.quality-kpi small{color:#64748b;font-weight:700}.quality-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:10px}.score-line{display:grid;gap:8px;margin:12px 0}.score-line>div{display:flex;justify-content:space-between;font-weight:900}.score-line span{color:#64748b}.score-line em{height:9px;background:#e8eef7;border-radius:999px;overflow:hidden}.score-line em i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#22c55e);border-radius:999px}.quality-summary-note ul{margin:0;padding-left:18px;display:grid;gap:8px;color:#475569}.score-badge{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:5px 9px;border-radius:999px;background:#ecfdf5;color:#047857;font-weight:950}.compact-quality-table td,.compact-quality-table th{vertical-align:middle}.dispute-filter-panel,.finance-filter-panel{display:grid;grid-template-columns:minmax(0,1fr) 240px auto;gap:10px;align-items:end;padding:12px}.filter-field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:950;color:#64748b;margin-bottom:4px}.filter-field.wide{min-width:0}.filter-actions{display:flex;gap:8px}.payment-layout-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:12px;align-items:start}.payment-package-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.payment-package-strip>div{border:1px solid #dbe7f5;border-radius:14px;padding:12px;background:#f8fbff}.payment-package-strip span{display:block;font-size:11px;text-transform:uppercase;font-weight:950;letter-spacing:.07em;color:#64748b}.payment-package-strip strong{display:block;font-size:16px;color:#0f172a}.receipt-locked-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid #bbf7d0;background:#ecfdf5;border-radius:14px}.receipt-locked-card.muted{display:grid;background:#f8fafc;border-color:#e2e8f0}.receipt-locked-card b{display:block}.receipt-locked-card span{display:block;color:#64748b;font-size:13px;font-weight:700}.payment-step-list{display:grid;gap:8px}.payment-step{border:1px solid #fed7aa;background:#fff7ed;border-radius:14px;padding:11px 12px;display:flex;justify-content:space-between;gap:10px}.payment-step.done{background:#ecfdf5;border-color:#bbf7d0}.payment-step b{font-weight:950}.payment-step span{color:#475569;font-weight:750}.finance-table td,.finance-table th{vertical-align:middle}.finance-action-form{display:grid;grid-template-columns:minmax(130px,1fr) auto auto auto;gap:6px;align-items:center}.row-status-pending_review,.row-status-requested,.row-status-approved{background:#eff6ff!important}.row-status-waiting_receipt,.row-status-available{background:#fff!important}.row-status-paid,.row-status-paid_out{background:#ecfdf5!important}.row-status-rejected{background:#fff1f2!important}.bank-box code{white-space:normal;word-break:break-word}.no-print{display:inline-flex}@media(max-width:1100px){.capacity-choice-grid,.quality-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capacity-extra-grid,.quality-detail-grid,.payment-layout-grid,.dispute-filter-panel,.finance-filter-panel{grid-template-columns:1fr}.finance-action-form{grid-template-columns:1fr}.filter-actions{align-items:stretch}.filter-actions .btn{flex:1}.payment-package-strip{grid-template-columns:1fr}}@media(max-width:650px){.capacity-choice-grid,.quality-kpi-grid{grid-template-columns:1fr}.head-mini-stats{width:100%}.payment-step{display:grid}.receipt-locked-card{display:grid}}@media print{.premium-header,.premium-footer,.no-print,.btn,.filter-panel{display:none!important}.premium-main,.premium-content,body{background:#fff!important}.content-card,.page-head{box-shadow:none!important;border-color:#cbd5e1!important}.quality-card-page{font-size:12px}.quality-kpi-grid{grid-template-columns:repeat(4,1fr)!important}.quality-detail-grid{grid-template-columns:1fr 1fr!important}}

/* V8.11 - Dispute detail polish */
.dispute-detail-v811 { --d-border:#dbe7f5; --d-shadow:0 16px 40px rgba(15,23,42,.055); }
.dispute-hero-v811{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#ffffff,#f8fbff);border:1px solid var(--d-border);border-radius:20px;padding:16px 18px;margin-bottom:12px;box-shadow:var(--d-shadow)}
.dispute-hero-v811 h1{margin:0 0 6px;font-size:28px;letter-spacing:-.045em;color:#0f172a;font-weight:1000;line-height:1.05}.dispute-meta-line{display:flex;flex-wrap:wrap;gap:6px}.dispute-meta-line span{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#f1f5f9;border:1px solid #dfe7f2;color:#334155;font-weight:850;font-size:12px}.dispute-hero-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.dispute-summary-grid-v811{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.dispute-summary-card{border:1px solid var(--d-border);border-radius:16px;padding:12px 13px;box-shadow:0 10px 25px rgba(15,23,42,.035);min-height:92px;position:relative}.dispute-summary-card span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.065em;color:#64748b;font-weight:1000;margin-bottom:4px}.dispute-summary-card strong{display:block;color:#0f172a;font-size:15px;font-weight:1000}.dispute-summary-card small{display:block;color:#475569;font-size:12px;font-weight:750;margin-top:3px}.dispute-summary-card a{display:inline-flex;margin-top:8px;font-size:11px;font-weight:1000;text-decoration:none;color:#1d4ed8;background:#fff;border:1px solid #bfdbfe;border-radius:999px;padding:4px 8px}.dispute-summary-card.blue{background:#eef4ff}.dispute-summary-card.purple{background:#f4f0ff}.dispute-summary-card.amber{background:#fff7ed}.dispute-summary-card.green{background:#ecfdf5}.dispute-layout-v811{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:12px;align-items:start}.dispute-main-v811,.dispute-side-v811{min-width:0}.dispute-chat-card-v811{padding:14px!important;border-radius:18px!important}.mini-count-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-weight:1000;font-size:12px}.dispute-chat-shell-v811{background:linear-gradient(135deg,#f8fbff,#f1f5f9);border:1px solid #dbe7f5;border-radius:16px;padding:12px;min-height:300px;max-height:440px;overflow:auto;display:flex;flex-direction:column;gap:10px}.dispute-message-row-v811{display:flex}.dispute-message-row-v811.mine{justify-content:flex-end}.dispute-message-row-v811.other{justify-content:flex-start}.dispute-message-bubble-v811{width:min(72%,680px);border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:10px 12px;box-shadow:0 10px 24px rgba(15,23,42,.045)}.dispute-message-row-v811.mine .dispute-message-bubble-v811{background:#eff6ff;border-color:#bfdbfe}.dispute-message-head-v811{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px}.dispute-message-head-v811 strong,.dispute-message-head-v811 .sender-link{font-weight:1000;color:#0f172a;text-decoration:none}.dispute-message-head-v811 .sender-link:hover{color:#1d4ed8}.dispute-message-head-v811 span{margin-left:6px;font-size:10px;font-weight:1000;background:#f1f5f9;border-radius:999px;padding:3px 7px;color:#475569}.dispute-message-head-v811 small{font-size:11px;color:#64748b;font-weight:800;white-space:nowrap}.dispute-message-bubble-v811 p{margin:0;color:#172033;line-height:1.45;font-size:13px}.dispute-reply-form-v811{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:10px}.dispute-reply-form-v811 textarea{min-height:48px!important}.dispute-reply-form-v811 .btn{align-self:stretch;padding-left:18px;padding-right:18px}.action-card-v811,.description-card-v811,.quick-profile-card-v811{padding:14px!important;border-radius:18px!important}.action-card-v811 h5,.description-card-v811 h5,.quick-profile-card-v811 h5{font-size:15px;font-weight:1000;margin:0 0 8px;color:#0f172a}.description-card-v811 p{font-size:13px;color:#475569;line-height:1.5;margin:0}.quick-profile-card-v811{display:grid;gap:8px}.quick-profile-link{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #dbe7f5;background:#f8fbff;border-radius:13px;padding:9px 10px;text-decoration:none}.quick-profile-link span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-weight:1000}.quick-profile-link strong{font-size:13px;color:#0f172a;font-weight:1000}.quick-profile-link:hover{border-color:#93c5fd;background:#eff6ff}.compact-empty{padding:26px!important;text-align:center;color:#64748b;font-weight:850}
@media(max-width:1100px){.dispute-summary-grid-v811{grid-template-columns:repeat(2,minmax(0,1fr))}.dispute-layout-v811{grid-template-columns:1fr}.dispute-side-v811{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dispute-side-v811 .mt-2{margin-top:0!important}}
@media(max-width:720px){.dispute-hero-v811{align-items:flex-start;flex-direction:column}.dispute-summary-grid-v811,.dispute-side-v811{grid-template-columns:1fr}.dispute-message-bubble-v811{width:92%}.dispute-reply-form-v811{grid-template-columns:1fr}.dispute-hero-v811 h1{font-size:23px}}


/* V8.14 production readiness panels */
.compact-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mini-health-card{display:flex;gap:12px;align-items:flex-start;border:1px solid #dbe4f0;border-radius:18px;background:#fff;padding:14px;box-shadow:0 10px 30px rgba(15,23,42,.04)}.mini-health-card strong{display:block;font-weight:900;color:#0f172a}.mini-health-card span{display:block;color:#334155;font-weight:700;margin-top:2px}.mini-health-card small{display:block;color:#64748b;margin-top:3px}.health-dot{width:12px;height:12px;border-radius:999px;background:#94a3b8;margin-top:5px;box-shadow:0 0 0 5px #f1f5f9}.mini-health-card.ok .health-dot{background:#16a34a;box-shadow:0 0 0 5px #dcfce7}.mini-health-card.bad .health-dot{background:#ef4444;box-shadow:0 0 0 5px #fee2e2}.mini-health-card.warn .health-dot{background:#f59e0b;box-shadow:0 0 0 5px #fef3c7}.compact-card{background:#fff;border:1px solid #dbe4f0;border-radius:20px;padding:16px;box-shadow:0 14px 36px rgba(15,23,42,.05)}.compact-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.compact-card-head h3{font-size:17px;font-weight:900;margin:0}.compact-table{font-size:13px;margin:0}.compact-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;background:#f8fafc}.log-box{max-height:430px;overflow:auto;background:#0f172a;border-radius:16px;padding:12px}.log-box pre{white-space:pre-wrap;color:#dbeafe;font-size:12px;margin:0 0 8px}.soft-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-weight:900;font-size:12px;background:#eef2ff;color:#3730a3}.soft-badge.danger{background:#fee2e2;color:#991b1b}.soft-badge.blue{background:#dbeafe;color:#1d4ed8}@media (max-width: 992px){.compact-grid-3{grid-template-columns:1fr}}

/* V8.15 professional public landing page */
:root {
    --lp-ink: #071228;
    --lp-muted: #60708a;
    --lp-blue: #2563eb;
    --lp-blue-2: #1d4ed8;
    --lp-cyan: #0ea5e9;
    --lp-green: #16a34a;
    --lp-amber: #f59e0b;
    --lp-border: #dbe5f3;
    --lp-soft: #f4f7fb;
    --lp-card: rgba(255,255,255,.84);
}

.landing-body {
    background:
        radial-gradient(circle at 0 0, rgba(37,99,235,.13), transparent 34rem),
        radial-gradient(circle at 100% 4rem, rgba(14,165,233,.12), transparent 30rem),
        #f5f8fc;
    color: var(--lp-ink);
    overflow-x: hidden;
}

.lp-nav {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(255,255,255,.82);
    backdrop-filter: blur(22px);
    border-bottom: 1px solid rgba(219,229,243,.86);
    box-shadow: 0 18px 60px rgba(7,18,40,.04);
}

.lp-nav-inner { min-height: 78px; }
.lp-brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: var(--lp-ink); }
.lp-brand:hover { color: var(--lp-ink); }
.lp-brand-icon {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, #2563eb, #071228);
    color: #fff;
    font-weight: 950;
    box-shadow: 0 16px 36px rgba(37,99,235,.26);
}
.lp-brand-copy { line-height: 1.05; display: grid; }
.lp-brand-copy strong { font-weight: 950; letter-spacing: -.045em; font-size: 17px; }
.lp-brand-copy small { font-weight: 800; color: #6b7b93; margin-top: 4px; font-size: 12px; }
.lp-menu { gap: 4px; }
.lp-menu .nav-link {
    color: #334155;
    font-weight: 900;
    font-size: 14px;
    padding: 10px 14px !important;
    border-radius: 999px;
}
.lp-menu .nav-link:hover { background: #eef4ff; color: var(--lp-blue-2); }
.lp-nav-actions { display: flex; align-items: center; gap: 10px; }
.lp-btn, .lp-btn-xl {
    border-radius: 15px;
    font-weight: 950;
    letter-spacing: -.02em;
    border-width: 1px;
}
.lp-btn { padding: 10px 16px; font-size: 14px; }
.lp-btn-xl { padding: 15px 22px; font-size: 16px; }
.lp-btn-primary {
    background: linear-gradient(135deg, var(--lp-blue), #0f172a);
    border-color: transparent;
    color: #fff !important;
    box-shadow: 0 16px 38px rgba(37,99,235,.24);
}
.lp-btn-primary:hover { transform: translateY(-1px); filter: brightness(1.02); }
.lp-btn-white { background: #fff; border: 1px solid var(--lp-border); color: var(--lp-ink); }
.lp-btn-white:hover, .lp-btn-ghost:hover { background: #eef4ff; border-color: #bcd1ff; color: var(--lp-blue-2); }
.lp-btn-ghost { background: #fff; border: 1px solid var(--lp-border); color: var(--lp-ink); }
.lp-register-menu {
    width: 380px;
    padding: 12px;
    border: 1px solid var(--lp-border);
    border-radius: 24px;
    box-shadow: 0 30px 90px rgba(7,18,40,.16);
}
.lp-register-item {
    display: flex;
    gap: 14px;
    border-radius: 18px;
    padding: 15px;
    white-space: normal;
}
.lp-register-item:hover { background: #f4f7fb; }
.lp-register-item strong { display: block; font-weight: 950; color: var(--lp-ink); }
.lp-register-item small { display: block; color: var(--lp-muted); font-weight: 700; margin-top: 3px; }
.lp-register-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    font-weight: 950;
}
.lp-register-icon.blue { background: #dbeafe; color: #1d4ed8; }
.lp-register-icon.green { background: #dcfce7; color: #15803d; }

.lp-hero {
    position: relative;
    padding: 96px 0 76px;
    overflow: hidden;
}
.lp-hero-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(37,99,235,.04) 1px, transparent 1px),
        linear-gradient(rgba(37,99,235,.04) 1px, transparent 1px);
    background-size: 52px 52px;
    mask-image: linear-gradient(to bottom, black, transparent 85%);
}
.lp-kicker, .lp-section-head span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--lp-blue-2);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .16em;
    font-weight: 950;
    margin-bottom: 14px;
}
.lp-kicker span { width: 9px; height: 9px; border-radius: 999px; background: var(--lp-green); box-shadow: 0 0 0 7px rgba(22,163,74,.12); }
.lp-kicker.light { color: #bfdbfe; }
.lp-hero h1 {
    font-size: clamp(45px, 5.9vw, 84px);
    line-height: .93;
    letter-spacing: -.075em;
    font-weight: 950;
    margin-bottom: 24px;
}
.lp-lead {
    color: #4d5f78;
    font-size: clamp(17px, 2vw, 20px);
    line-height: 1.75;
    max-width: 720px;
}
.lp-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.lp-proof-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 32px;
    max-width: 620px;
}
.lp-proof-row div {
    background: rgba(255,255,255,.8);
    border: 1px solid var(--lp-border);
    border-radius: 20px;
    padding: 14px 16px;
    box-shadow: 0 16px 42px rgba(7,18,40,.05);
}
.lp-proof-row strong { display: block; font-weight: 950; font-size: 18px; letter-spacing: -.04em; }
.lp-proof-row span { display: block; color: var(--lp-muted); font-weight: 750; font-size: 13px; }

.lp-hero-stage { position: relative; min-height: 590px; }
.lp-stage-glow { position: absolute; border-radius: 999px; filter: blur(22px); opacity: .9; }
.lp-stage-glow.one { width: 230px; height: 230px; right: 2%; top: 3%; background: rgba(37,99,235,.18); animation: lpFloat 6s ease-in-out infinite; }
.lp-stage-glow.two { width: 210px; height: 210px; left: 0; bottom: 4%; background: rgba(22,163,74,.12); animation: lpFloat 7s ease-in-out infinite reverse; }
.lp-browser-card {
    position: relative;
    min-height: 560px;
    border: 1px solid rgba(219,229,243,.96);
    border-radius: 36px;
    background: rgba(255,255,255,.78);
    backdrop-filter: blur(18px);
    box-shadow: 0 40px 120px rgba(7,18,40,.14);
    overflow: hidden;
    padding: 18px;
}
.lp-browser-top {
    height: 42px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #73829a;
    font-weight: 900;
}
.lp-browser-top span { width: 10px; height: 10px; border-radius: 999px; background: #cbd5e1; }
.lp-browser-top span:first-child { background: #fb7185; }
.lp-browser-top span:nth-child(2) { background: #fbbf24; }
.lp-browser-top span:nth-child(3) { background: #22c55e; }
.lp-browser-top em { margin-left: auto; font-style: normal; font-size: 12px; }
.lp-quote-board {
    background: #fff;
    border: 1px solid var(--lp-border);
    border-radius: 28px;
    padding: 20px;
    margin-top: 12px;
    box-shadow: 0 24px 70px rgba(7,18,40,.08);
}
.lp-board-header { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 18px; }
.lp-board-header span { color: var(--lp-blue-2); font-weight: 950; font-size: 12px; background: #eff6ff; padding: 8px 12px; border-radius: 999px; }
.lp-board-header strong { font-size: 19px; letter-spacing: -.04em; }
.lp-soft-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.lp-soft-grid div {
    border: 1px solid var(--lp-border);
    border-radius: 18px;
    padding: 14px;
    background: #f8fbff;
}
.lp-soft-grid small { display: block; color: var(--lp-muted); font-weight: 850; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.lp-soft-grid b { font-weight: 950; display: block; margin-top: 5px; }
.lp-route-map { display: flex; align-items: center; gap: 8px; margin-top: 18px; }
.lp-route-map span {
    font-size: 12px;
    font-weight: 950;
    color: #73829a;
    background: #f1f5f9;
    border-radius: 999px;
    padding: 8px 10px;
}
.lp-route-map span.active { color: #166534; background: #dcfce7; }
.lp-route-map i { height: 2px; flex: 1; background: #dbe5f3; }
.lp-file-card, .lp-match-card, .lp-payment-card {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255,255,255,.92);
    border: 1px solid var(--lp-border);
    border-radius: 22px;
    box-shadow: 0 24px 80px rgba(7,18,40,.12);
    padding: 14px;
    z-index: 2;
}
.lp-float-a { left: 34px; right: 34px; bottom: 124px; animation: lpFloat 5.5s ease-in-out infinite; }
.lp-float-b { left: 54px; bottom: 40px; max-width: 330px; animation: lpFloat 6s ease-in-out infinite reverse; }
.lp-float-c { right: 34px; bottom: 42px; display: grid; gap: 2px; animation: lpFloat 6.5s ease-in-out infinite; }
.lp-file-icon { width: 48px; height: 48px; border-radius: 17px; display: inline-flex; align-items: center; justify-content: center; background: #e0f2fe; color: #0369a1; font-weight: 950; }
.lp-file-card strong, .lp-match-card strong, .lp-payment-card strong { display: block; font-weight: 950; letter-spacing: -.035em; }
.lp-file-card small, .lp-match-card small, .lp-payment-card small { display: block; color: var(--lp-muted); font-weight: 750; }
.lp-file-card b { margin-left: auto; background: #111827; color: #fff; border-radius: 12px; padding: 8px 10px; }
.lp-pulse-dot { width: 13px; height: 13px; border-radius: 999px; background: #22c55e; box-shadow: 0 0 0 8px rgba(34,197,94,.13); }

.lp-strip { padding: 16px 0 34px; }
.lp-strip-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    background: rgba(255,255,255,.74);
    border: 1px solid var(--lp-border);
    border-radius: 24px;
    padding: 12px;
    box-shadow: 0 16px 50px rgba(7,18,40,.05);
}
.lp-strip-grid span { text-align: center; color: #475569; font-weight: 900; font-size: 13px; padding: 10px; border-radius: 16px; background: #f8fbff; }

.lp-section { padding: 90px 0; }
.lp-section-head { text-align: center; max-width: 820px; margin: 0 auto 42px; }
.lp-section-head.text-start { margin-left: 0; margin-right: 0; }
.lp-section-head h2 { font-size: clamp(34px, 4.4vw, 56px); line-height: 1.02; letter-spacing: -.065em; font-weight: 950; margin-bottom: 14px; }
.lp-section-head p { color: var(--lp-muted); font-size: 17px; line-height: 1.7; }
.lp-flow { display: grid; grid-template-columns: 1fr 52px 1fr 52px 1fr 52px 1fr; align-items: stretch; }
.lp-flow-card {
    background: #fff;
    border: 1px solid var(--lp-border);
    border-radius: 28px;
    padding: 24px;
    box-shadow: 0 22px 60px rgba(7,18,40,.06);
    min-height: 210px;
}
.lp-flow-card b { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 16px; background: #eff6ff; color: var(--lp-blue-2); margin-bottom: 14px; }
.lp-flow-card h3, .lp-solution-card h3, .lp-faq-grid h3 { font-weight: 950; letter-spacing: -.04em; }
.lp-flow-card p, .lp-solution-card p, .lp-faq-grid p { color: var(--lp-muted); line-height: 1.65; margin-bottom: 0; }
.lp-flow-line { position: relative; }
.lp-flow-line:before { content: ''; position: absolute; top: 50%; left: 10px; right: 10px; height: 2px; background: linear-gradient(90deg, #bfdbfe, #93c5fd); }
.lp-flow-line:after { content: ''; position: absolute; top: calc(50% - 5px); right: 8px; width: 12px; height: 12px; transform: rotate(45deg); border-top: 2px solid #93c5fd; border-right: 2px solid #93c5fd; }

.lp-solutions { background: linear-gradient(180deg, #eef4ff 0, transparent 100%); }
.lp-solution-card {
    height: 100%;
    background: #fff;
    border: 1px solid var(--lp-border);
    border-radius: 30px;
    padding: 28px;
    box-shadow: 0 24px 70px rgba(7,18,40,.07);
    transition: transform .22s ease, box-shadow .22s ease;
}
.lp-solution-card:hover { transform: translateY(-5px); box-shadow: 0 34px 90px rgba(7,18,40,.11); }
.lp-card-icon { width: 54px; height: 54px; border-radius: 20px; display: inline-flex; align-items: center; justify-content: center; font-weight: 950; margin-bottom: 20px; }
.lp-solution-card.customer .lp-card-icon { background: #dbeafe; color: #1d4ed8; }
.lp-solution-card.manufacturer .lp-card-icon { background: #dcfce7; color: #15803d; }
.lp-solution-card.admin .lp-card-icon { background: #fef3c7; color: #b45309; }
.lp-solution-card ul { margin: 20px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.lp-solution-card li { font-weight: 900; color: #334155; }
.lp-solution-card li:before { content: '•'; color: var(--lp-blue); margin-right: 8px; }

.lp-feature-list { display: grid; gap: 12px; }
.lp-feature-list div { display: flex; gap: 12px; align-items: flex-start; padding: 14px; border-radius: 18px; background: #fff; border: 1px solid var(--lp-border); }
.lp-feature-list b { width: 26px; height: 26px; flex: 0 0 26px; border-radius: 999px; background: #dcfce7; color: #15803d; display: inline-flex; align-items: center; justify-content: center; }
.lp-feature-list span { font-weight: 850; color: #334155; }
.lp-dashboard-mock {
    background: #071228;
    color: #fff;
    border-radius: 34px;
    padding: 24px;
    box-shadow: 0 32px 100px rgba(7,18,40,.22);
    border: 1px solid rgba(255,255,255,.12);
}
.lp-mock-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.lp-mock-top strong { font-weight: 950; font-size: 20px; }
.lp-mock-top span { color: #bbf7d0; background: rgba(22,163,74,.18); padding: 8px 12px; border-radius: 999px; font-weight: 950; font-size: 12px; }
.lp-mock-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 12px; }
.lp-mock-metrics div { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.09); border-radius: 20px; padding: 18px; }
.lp-mock-metrics small { color: #9fb1ca; display: block; font-weight: 900; }
.lp-mock-metrics b { font-size: 32px; letter-spacing: -.05em; }
.lp-mock-table { background: #fff; color: var(--lp-ink); border-radius: 22px; overflow: hidden; }
.lp-mock-table div { display: grid; grid-template-columns: 1fr auto auto; gap: 12px; padding: 16px; border-bottom: 1px solid #e2e8f0; align-items: center; }
.lp-mock-table div:last-child { border-bottom: 0; }
.lp-mock-table span { font-weight: 950; }
.lp-mock-table b { background: #eff6ff; color: #1d4ed8; border-radius: 999px; padding: 7px 10px; font-size: 12px; }
.lp-mock-table em { font-style: normal; font-weight: 950; }

.lp-security { padding-top: 40px; }
.lp-security-panel {
    background:
        radial-gradient(circle at 85% 0, rgba(14,165,233,.28), transparent 22rem),
        linear-gradient(135deg, #071228, #153269 58%, #1d4ed8);
    color: #fff;
    border-radius: 38px;
    padding: clamp(28px, 5vw, 56px);
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 32px;
    align-items: center;
    box-shadow: 0 36px 110px rgba(7,18,40,.24);
}
.lp-security-panel h2 { font-size: clamp(32px, 4.2vw, 52px); line-height: 1.04; letter-spacing: -.06em; font-weight: 950; }
.lp-security-panel p { color: #dbeafe; font-size: 17px; line-height: 1.75; }
.lp-security-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.lp-security-grid div { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.13); border-radius: 22px; padding: 18px; }
.lp-security-grid strong { display: block; font-size: 25px; letter-spacing: -.05em; }
.lp-security-grid small { color: #bfdbfe; font-weight: 800; }

.lp-faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.lp-faq-grid div { background: #fff; border: 1px solid var(--lp-border); border-radius: 26px; padding: 24px; box-shadow: 0 20px 60px rgba(7,18,40,.05); }
.lp-final-cta { padding: 30px 0 92px; }
.lp-final-card {
    text-align: center;
    background: #fff;
    border: 1px solid var(--lp-border);
    border-radius: 38px;
    padding: clamp(32px, 5vw, 62px);
    box-shadow: 0 30px 90px rgba(7,18,40,.08);
}
.lp-final-card h2 { font-size: clamp(34px, 5vw, 60px); letter-spacing: -.07em; font-weight: 950; max-width: 820px; margin: 0 auto 14px; }
.lp-final-card p { color: var(--lp-muted); max-width: 640px; margin: 0 auto; font-size: 17px; line-height: 1.7; }
.lp-footer { padding: 28px 0; border-top: 1px solid var(--lp-border); background: rgba(255,255,255,.74); }
.lp-footer-links { display: flex; gap: 18px; }
.lp-footer-links a { color: #475569; font-weight: 900; text-decoration: none; }
.lp-footer-links a:hover { color: var(--lp-blue); }
.footer-brand .lp-brand-icon { width: 38px; height: 38px; }

.lp-reveal { opacity: 0; transform: translateY(20px); transition: opacity .75s ease, transform .75s ease; }
.lp-reveal.is-visible { opacity: 1; transform: none; }
.lp-delay-1 { transition-delay: .12s; }
.lp-delay-2 { transition-delay: .22s; }
@keyframes lpFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }

@media (max-width: 1199px) {
    .lp-nav-actions { margin-top: 14px; align-items: stretch; }
    .lp-menu { padding-top: 14px; }
    .lp-hero { padding-top: 70px; }
    .lp-hero-stage { min-height: 540px; }
}
@media (max-width: 991px) {
    .lp-flow { grid-template-columns: 1fr; gap: 14px; }
    .lp-flow-line { height: 28px; }
    .lp-flow-line:before { top: 0; bottom: 0; left: 50%; right: auto; width: 2px; height: 100%; }
    .lp-flow-line:after { top: auto; bottom: 0; left: calc(50% - 5px); right: auto; transform: rotate(135deg); }
    .lp-strip-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .lp-security-panel { grid-template-columns: 1fr; }
    .lp-faq-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
    .lp-nav-inner { min-height: 66px; }
    .lp-brand-copy strong { font-size: 15px; }
    .lp-brand-copy small { font-size: 11px; }
    .lp-nav-actions { display: grid; grid-template-columns: 1fr; }
    .lp-register-menu { width: min(360px, calc(100vw - 32px)); }
    .lp-hero { padding: 52px 0; }
    .lp-proof-row, .lp-soft-grid, .lp-mock-metrics, .lp-security-grid { grid-template-columns: 1fr; }
    .lp-hero-stage { min-height: auto; }
    .lp-browser-card { min-height: 620px; border-radius: 28px; }
    .lp-float-a { left: 18px; right: 18px; bottom: 188px; }
    .lp-float-b { left: 18px; right: 18px; bottom: 98px; max-width: none; }
    .lp-float-c { left: 18px; right: 18px; bottom: 20px; }
    .lp-route-map { overflow-x: auto; padding-bottom: 4px; }
    .lp-route-map i { min-width: 34px; }
    .lp-section { padding: 64px 0; }
    .lp-strip-grid { grid-template-columns: 1fr; }
    .lp-mock-table div { grid-template-columns: 1fr; gap: 6px; }
}

/* V8.16 feature/commission controls */
.feature-toggle-card{border:1px solid #dbe5f2;background:#f8fbff;border-radius:18px;padding:14px;display:flex;gap:14px;align-items:center;justify-content:space-between;min-height:92px;box-shadow:0 10px 28px rgba(15,23,42,.04)}
.feature-toggle-card.active{background:#ecfdf5;border-color:#86efac}
.feature-toggle-card strong{display:block;font-weight:900;color:#0f172a;margin-bottom:4px}
.feature-toggle-card small{display:block;color:#64748b;font-weight:600;line-height:1.35}.feature-toggle-card .form-select{max-width:130px;font-weight:800}.commission-tier-form{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr .8fr auto;gap:10px;align-items:end}.status-badge.status-active{background:#dcfce7;color:#166534}.status-badge.status-passive{background:#f1f5f9;color:#64748b}.status-pill{display:inline-flex;align-items:center;border-radius:999px;background:#eff6ff;color:#1d4ed8;padding:6px 10px;font-weight:900;font-size:12px}@media (max-width: 992px){.commission-tier-form{grid-template-columns:1fr 1fr}.commission-tier-form button{grid-column:1/-1}}@media (max-width: 576px){.feature-toggle-card{flex-direction:column;align-items:stretch}.feature-toggle-card .form-select{max-width:none}.commission-tier-form{grid-template-columns:1fr}}
.commission-breakdown{margin-top:6px;display:flex;flex-direction:column;gap:2px;color:#64748b;font-size:11px;font-weight:700}.commission-breakdown b{color:#0f172a}.wallet-disabled-card{border:1px solid #dbe5f2;background:#f8fafc;border-radius:20px;padding:22px;text-align:center;color:#64748b;font-weight:700}

/* V8.17 UI cleanup: profile, dashboard, tables and order review */
.premium-footer span{font-weight:700;color:#64748b}.compact-profile-head-v817{padding:22px 24px!important;margin-bottom:12px!important;display:flex;align-items:center;justify-content:space-between;gap:16px}.compact-profile-head-v817 h1{font-size:30px!important}.profile-summary-v817{display:flex;align-items:center;gap:10px;border:1px solid #dbe7f5;background:#fff;border-radius:18px;padding:10px 12px;box-shadow:0 12px 28px rgba(15,23,42,.05)}.profile-summary-v817>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#1d4ed8,#0f172a);color:#fff;font-weight:1000}.profile-summary-v817 strong,.profile-summary-v817 small{display:block}.profile-summary-v817 small{font-size:12px;color:#64748b;font-weight:800}.profile-layout-v817{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:14px;align-items:start}.profile-main-card-v817,.profile-side-card-v817{padding:16px!important;border-radius:20px!important}.profile-form-grid-v817{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-form-grid-v817 .span-2{grid-column:1/-1}.profile-form-grid-v817 .form-control,.profile-form-grid-v817 .form-select{min-height:40px}.profile-side-v817{display:grid;gap:12px}.current-phone-v817{border:1px solid #dbe7f5;background:#f8fbff;border-radius:14px;padding:10px 12px;margin-bottom:10px}.current-phone-v817 span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#64748b;font-weight:1000}.current-phone-v817 strong{display:block;color:#0f172a;font-weight:950}.compact-toggle-list-v817{gap:6px}.compact-toggle-list-v817 .setting-toggle{padding:9px 11px;border-radius:12px}.mini-profile-list-v817{display:grid;gap:7px}.mini-profile-list-v817>div{border:1px solid #e2e8f0;border-radius:12px;padding:8px 10px;background:#f8fafc}.mini-profile-list-v817 span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#64748b;font-weight:1000}.mini-profile-list-v817 strong{font-size:13px}.profile-requests-v817{padding:14px!important}.mini-table-list-v817{display:grid;gap:6px}.mini-table-list-v817>div{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;border:1px solid #e2e8f0;border-radius:12px;padding:8px 10px}.mini-table-list-v817 small{color:#64748b;font-weight:800}
.customer-dashboard-head-v817{align-items:center}.dashboard-actions-v817{display:flex;gap:8px;flex-wrap:wrap}.dashboard-command-v817{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid #dbe7f5;background:linear-gradient(135deg,#fff,#eef4ff);border-radius:24px;padding:20px 22px;margin-bottom:14px;box-shadow:0 18px 50px rgba(15,23,42,.06)}.dashboard-command-v817 span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:1000;color:#1d4ed8}.dashboard-command-v817 strong{display:block;font-size:21px;letter-spacing:-.04em;color:#0f172a}.dashboard-command-v817 p{margin:4px 0 0;color:#64748b;font-weight:700}.customer-metric-grid-v817{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}.customer-metric-v817{text-decoration:none;border:1px solid #dbe7f5;border-radius:18px;padding:14px 15px;min-height:116px;box-shadow:0 16px 38px rgba(15,23,42,.05);transition:.18s ease}.customer-metric-v817:hover{transform:translateY(-2px);box-shadow:0 22px 54px rgba(15,23,42,.09)}.customer-metric-v817 span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:1000;margin-bottom:6px}.customer-metric-v817 strong{display:block;font-size:28px;line-height:1;color:#0f172a;letter-spacing:-.04em}.customer-metric-v817 small{display:block;margin-top:8px;color:#475569;font-weight:750;line-height:1.3}.customer-metric-v817.blue{background:#eaf2ff;border-color:#9cc3ff}.customer-metric-v817.amber{background:#fff4d8;border-color:#f6c766}.customer-metric-v817.green{background:#dff9e9;border-color:#68d391}.customer-metric-v817.purple{background:#efe8ff;border-color:#b69cff}.customer-metric-v817.cyan{background:#ddf7ff;border-color:#67d7ee}.customer-metric-v817.slate{background:#eef2f7;border-color:#cbd5e1}.dashboard-split-v817{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.dashboard-mini-panel-v817{padding:16px!important}.flow-mini-v817{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.flow-mini-v817>div{border:1px solid #dbe7f5;background:#f8fbff;border-radius:15px;padding:12px}.flow-mini-v817 b{width:28px;height:28px;border-radius:999px;background:#1d4ed8;color:#fff;display:grid;place-items:center;margin-bottom:8px}.flow-mini-v817 strong,.flow-mini-v817 small{display:block}.flow-mini-v817 small{color:#64748b;font-weight:750}.finance-summary-v817{border:1px dashed #93c5fd;background:#eff6ff;border-radius:16px;padding:16px;display:grid;gap:6px}.finance-summary-v817 span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#1d4ed8;font-weight:1000}.finance-summary-v817 strong{font-size:27px;letter-spacing:-.04em;color:#0f172a}
.quote-polished-table tbody tr.quote-row-status-quote_requested{background:#d8ecff!important}.quote-polished-table tbody tr.quote-row-status-sent_to_suppliers{background:#e5d9ff!important}.quote-polished-table tbody tr.quote-row-status-supplier_quotes_received{background:#cdefff!important}.quote-polished-table tbody tr.quote-row-status-customer_approved{background:#cff7df!important}.quote-polished-table tbody tr.quote-row-status-order_created{background:#c5f6d5!important}.quote-polished-table tbody tr.quote-row-status-cancelled{background:#ffd7df!important}.quote-polished-table tbody tr:hover{box-shadow:inset 0 0 0 9999px rgba(255,255,255,.20)}
.orders-head-v817{margin-bottom:10px!important}.order-stats-grid-v817{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.order-stat-v817{text-decoration:none;border:1px solid #dbe7f5;border-radius:17px;padding:13px 14px;box-shadow:0 14px 34px rgba(15,23,42,.05)}.order-stat-v817 span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.075em;font-weight:1000}.order-stat-v817 strong{display:block;font-size:24px;letter-spacing:-.035em;color:#0f172a}.order-stat-v817 small{color:#475569;font-weight:750}.order-stat-v817.blue{background:#eaf2ff;border-color:#9cc3ff}.order-stat-v817.green{background:#dff9e9;border-color:#68d391}.order-stat-v817.amber{background:#fff4d8;border-color:#f6c766}.order-stat-v817.purple{background:#efe8ff;border-color:#b69cff}.order-polished-table tbody tr.order-row-status-waiting_payment{background:#ffe5c2!important}.order-polished-table tbody tr.order-row-status-ready_for_production{background:#d8ecff!important}.order-polished-table tbody tr.order-row-status-technical_review{background:#e5d9ff!important}.order-polished-table tbody tr.order-row-status-material_preparation{background:#fff0b8!important}.order-polished-table tbody tr.order-row-status-in_production{background:#c9f4ff!important}.order-polished-table tbody tr.order-row-status-quality_control{background:#d8ffd9!important}.order-polished-table tbody tr.order-row-status-packaging{background:#e7edf5!important}.order-polished-table tbody tr.order-row-status-completed{background:#c5f6d5!important}.review-card-v817{border-color:#bbf7d0!important;background:linear-gradient(135deg,#fff,#ecfdf5)!important}.review-head-v817{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}.review-head-v817 h5{margin:0;font-size:15px;font-weight:1000}.review-head-v817 p{margin:2px 0 0;color:#64748b;font-size:12px;font-weight:700}.review-head-v817 span{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:#16a34a;color:#fff;font-weight:1000}.review-score-grid-v817{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.review-score-grid-v817 label{font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:1000;color:#64748b}.review-locked-v817{background:#f8fafc!important;border-style:dashed!important}.review-locked-v817 strong,.review-locked-v817 small{display:block}.review-locked-v817 small{color:#64748b;font-weight:750;margin-top:3px}
@media(max-width:1200px){.customer-metric-grid-v817{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-layout-v817{grid-template-columns:1fr}.order-stats-grid-v817{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.compact-profile-head-v817,.dashboard-command-v817{display:grid}.profile-form-grid-v817,.dashboard-split-v817,.flow-mini-v817{grid-template-columns:1fr}.customer-metric-grid-v817{grid-template-columns:repeat(2,minmax(0,1fr))}.order-stats-grid-v817{grid-template-columns:1fr}.mini-table-list-v817>div{grid-template-columns:1fr}.profile-summary-v817{width:100%}}@media(max-width:520px){.customer-metric-grid-v817{grid-template-columns:1fr}.dashboard-actions-v817 .btn{width:100%}}

/* V8.18 manufacturer/customer UX refresh */
.dash18-hero,.profile18-hero,.quality18-hero{background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid #dbe7f5;border-radius:22px;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:0 18px 50px rgba(15,23,42,.06);margin-bottom:14px}.dash18-hero h1,.profile18-hero h1,.quality18-hero h1{font-size:28px;margin:4px 0 4px;letter-spacing:-.04em}.dash18-hero p,.profile18-hero p,.quality18-hero p{margin:0;color:#52647d;font-weight:650}.dash18-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.dash18-hero-tags,.profile18-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.dash18-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}.dash18-metric{border:1px solid #dbe7f5;border-radius:18px;padding:14px 15px;text-decoration:none;color:#0f172a;background:#fff;min-height:112px;display:grid;align-content:center;transition:.16s ease;box-shadow:0 12px 30px rgba(15,23,42,.045)}.dash18-metric:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(15,23,42,.08)}.dash18-metric span{font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:950;color:#2563eb}.dash18-metric strong{font-size:27px;line-height:1.05;margin-top:4px}.dash18-metric small{font-size:12px;color:#52647d;font-weight:750}.dash18-metric.blue{background:#eaf2ff;border-color:#93c5fd}.dash18-metric.amber{background:#fff6dd;border-color:#fbbf24}.dash18-metric.green{background:#dcfce7;border-color:#22c55e}.dash18-metric.purple{background:#efe8ff;border-color:#a78bfa}.dash18-metric.cyan{background:#dff8ff;border-color:#22d3ee}.dash18-metric.slate{background:#f2f6fb;border-color:#cbd5e1}.dash18-grid-2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(360px,.9fr);gap:12px}.dash18-grid-3{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px}.dash18-card{border-radius:18px}.dash18-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #e6edf6}.dash18-section-head.no-border{border-bottom:0;padding:0 0 10px}.dash18-section-head h5{margin:0;font-weight:950;font-size:16px}.dash18-section-head p{margin:2px 0 0;color:#64748b;font-size:12px;font-weight:700}.dash18-list{display:grid}.dash18-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-top:1px solid #edf2f7;text-decoration:none;color:#0f172a}.dash18-list-row:first-child{border-top:0}.dash18-list-row:hover{background:#f8fbff}.dash18-list-row b{display:block;font-weight:950}.dash18-list-row small{display:block;color:#64748b;font-weight:750;font-size:12px}.flow-mini-v18{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.flow-mini-v18 a{border:1px solid #dbe7f5;border-radius:16px;padding:14px;text-decoration:none;color:#0f172a;background:#f8fbff}.flow-mini-v18 a:hover{background:#eff6ff;border-color:#bfdbfe}.flow-mini-v18 b{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#2563eb;color:#fff;margin-bottom:10px}.flow-mini-v18 strong{display:block}.flow-mini-v18 small{display:block;color:#64748b;font-weight:750}.finance-summary-card-v18{display:flex;align-items:center;justify-content:space-between;gap:12px}.finance-summary-card-v18 span{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#2563eb;font-weight:950}.finance-summary-card-v18 strong{font-size:26px;display:block}.finance-summary-card-v18 p{color:#64748b;margin:4px 0 0;font-weight:700}.dash18-side-stack{display:grid;gap:10px}.dash18-side-card{text-decoration:none;color:#0f172a;border-radius:18px;display:grid;gap:4px;padding:16px}.dash18-side-card span{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#64748b;font-weight:950}.dash18-side-card strong{font-size:20px}.dash18-side-card small{color:#64748b;font-weight:750}.capacity-side-v18{background:#ecfdf5;border-color:#bbf7d0}.quality-side-v18{background:#eff6ff;border-color:#bfdbfe}.payout-side-v18{background:#fff7ed;border-color:#fed7aa}.dash18-warning{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff7ed;border-color:#fed7aa}.dash18-warning h5{font-weight:950;margin:0}.dash18-warning p{margin:3px 0;color:#64748b}.capacity-pro-card-v18,.capacity-note-card-v18{border-radius:20px;margin-bottom:12px}.capacity-pro-grid-v18{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.capacity-pro-tile{border:1px solid #dbe7f5;border-radius:18px;background:#fff;display:grid;gap:7px;min-height:126px;padding:16px;cursor:pointer;transition:.15s ease}.capacity-pro-tile input{display:none}.capacity-pro-tile .cap-icon{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#eff6ff;color:#2563eb;font-weight:950}.capacity-pro-tile strong{font-size:16px}.capacity-pro-tile small{color:#64748b;font-weight:700}.capacity-pro-tile.selected{transform:translateY(-2px);box-shadow:0 16px 35px rgba(15,23,42,.08)}.capacity-pro-tile.tone-green.selected{background:#dcfce7;border-color:#22c55e}.capacity-pro-tile.tone-blue.selected{background:#dbeafe;border-color:#3b82f6}.capacity-pro-tile.tone-amber.selected{background:#fef3c7;border-color:#f59e0b}.capacity-pro-tile.tone-rose.selected{background:#ffe4e6;border-color:#fb7185}.capacity-pro-tile.tone-purple.selected{background:#ede9fe;border-color:#8b5cf6}.capacity-pro-tile.tone-slate.selected{background:#f1f5f9;border-color:#64748b}.capacity-note-grid-v18{display:grid;grid-template-columns:minmax(0,1fr) 260px 220px;gap:10px;align-items:end}.quality18-score-wrap{display:flex;align-items:center;gap:12px}.quality18-grade{border:1px solid #dbe7f5;border-radius:16px;padding:10px 14px;background:#fff;text-align:center}.quality18-grade span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:950}.quality18-grade strong{font-size:28px}.quality18-ring{width:96px;height:96px}.quality18-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quality18-kpi{border:1px solid #dbe7f5;border-radius:18px;padding:14px 15px;background:#fff}.quality18-kpi span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:950}.quality18-kpi strong{display:block;font-size:28px;margin-top:2px}.quality18-kpi small{color:#64748b;font-weight:750}.quality18-kpi.green{background:#ecfdf5;border-color:#bbf7d0}.quality18-kpi.blue{background:#eff6ff;border-color:#bfdbfe}.quality18-kpi.amber{background:#fff7ed;border-color:#fed7aa}.quality18-kpi.purple{background:#f5f3ff;border-color:#ddd6fe}.quality18-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px}.quality18-breakdown,.quality18-summary{border-radius:18px}.quality18-score-line{display:grid;gap:8px;margin:13px 0}.quality18-score-line>div{display:flex;justify-content:space-between;font-weight:950}.quality18-score-line em{height:11px;border-radius:999px;background:#edf2f7;overflow:hidden}.quality18-score-line i{display:block;height:100%;border-radius:999px}.quality18-score-line.green i{background:linear-gradient(90deg,#22c55e,#16a34a)}.quality18-score-line.blue i{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.quality18-score-line.purple i{background:linear-gradient(90deg,#8b5cf6,#ec4899)}.quality18-summary h5{font-weight:950}.quality18-summary p{color:#64748b;font-weight:700}.quality18-summary-list{display:grid;gap:8px}.quality18-summary-list div{display:flex;justify-content:space-between;border-bottom:1px dashed #e2e8f0;padding:8px 0}.quality18-summary-list span{color:#64748b;font-weight:800}.quality18-summary-list strong{font-weight:950}.quality18-table th,.quality18-table td{padding:11px 13px!important;vertical-align:middle}.table-main-link{font-weight:950;color:#0f172a;text-decoration:none}.table-main-link:hover{color:#2563eb}.payout18-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.payout18-kpi{border:1px solid #dbe7f5;border-radius:18px;padding:14px;text-decoration:none;color:#0f172a;background:#fff}.payout18-kpi span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:950;color:#64748b}.payout18-kpi strong{display:block;font-size:20px;margin-top:3px}.payout18-kpi small{color:#64748b;font-weight:700}.payout18-kpi.green{background:#ecfdf5;border-color:#bbf7d0}.payout18-kpi.amber{background:#fff7ed;border-color:#fed7aa}.payout18-kpi.blue{background:#eff6ff;border-color:#bfdbfe}.payout18-kpi.purple{background:#f5f3ff;border-color:#ddd6fe}.payout18-filter-card{padding:12px;margin-bottom:12px}.payout18-filter-form{display:grid;grid-template-columns:minmax(0,1fr) 260px auto auto;gap:10px;align-items:end}.payout18-table th,.payout18-table td{padding:12px 14px!important;vertical-align:middle}.profile18-hero{justify-content:flex-start}.profile18-avatar{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#1d4ed8,#0f172a);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:950;box-shadow:0 16px 35px rgba(37,99,235,.24)}.profile18-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:12px;align-items:start}.profile18-main,.profile18-mini-card,.profile18-manufacturer-card,.profile18-change-card{border-radius:18px}.profile18-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile18-form-grid .span-2,.profile18-info-grid .span-2{grid-column:1/-1}.profile18-actions{margin-top:10px}.profile18-side{display:grid;gap:12px}.profile18-mini-card h5,.profile18-change-card h5{font-weight:950;margin:0 0 8px}.profile18-phone{display:flex;justify-content:space-between;gap:8px;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px;background:#f8fafc;margin-bottom:10px}.profile18-phone span{font-size:12px;color:#64748b;font-weight:800}.profile18-phone strong{font-weight:950}.profile18-inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.profile18-toggle-list{display:grid;gap:8px}.profile18-toggle-list label{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px;background:#fff;font-weight:850}.profile18-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile18-info-grid div{border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px;background:#f8fafc}.profile18-info-grid span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#64748b;font-weight:950}.profile18-info-grid strong{display:block;margin-top:3px}.profile18-request-list{max-height:250px;overflow:auto}.row-status-available{background:#fff!important}.row-status-requested{background:#eff6ff!important}.row-status-approved{background:#f5f3ff!important}.row-status-paid,.row-status-paid_out{background:#ecfdf5!important}.row-status-rejected{background:#fff1f2!important}@media(max-width:1200px){.dash18-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dash18-grid-2,.dash18-grid-3,.profile18-grid,.quality18-main-grid{grid-template-columns:1fr}.capacity-note-grid-v18,.payout18-filter-form{grid-template-columns:1fr}.capacity-pro-grid-v18,.quality18-kpis,.payout18-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.dash18-hero,.profile18-hero,.quality18-hero{display:grid;padding:18px}.dash18-metric-grid,.capacity-pro-grid-v18,.quality18-kpis,.payout18-kpi-grid,.profile18-form-grid,.profile18-info-grid,.flow-mini-v18{grid-template-columns:1fr}.profile18-inline-form{grid-template-columns:1fr}.quality18-score-wrap{justify-content:space-between}.dash18-list-row{grid-template-columns:1fr}}@media print{.premium-header,.premium-footer,.no-print,.btn{display:none!important}.quality18-hero,.content-card{box-shadow:none!important}.quality18-kpis{grid-template-columns:repeat(4,1fr)!important}.quality18-main-grid{grid-template-columns:1fr 1fr!important}}

/* V9 Kurumsal Platform ekleri */
.v9-step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:12px}.v9-step{border:1px solid #e5e7eb;border-radius:16px;padding:12px 14px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}.v9-step span{display:block;font-weight:800;color:#0f172a;font-size:13px}.v9-step small{color:#64748b}.v9-step.completed{background:#e9f9ef;border-color:#16a34a}.v9-step.active{background:#eef4ff;border-color:#2563eb}.v9-step.blocked,.row-status-danger{background:#fee2e2!important;border-color:#ef4444!important}.v9-chart-row{height:170px;display:flex;align-items:end;gap:12px;overflow-x:auto;padding:8px 4px}.v9-chart-bar{min-width:52px;display:flex;align-items:center;flex-direction:column;gap:5px}.v9-chart-bar span{width:34px;border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,#2563eb,#93c5fd);box-shadow:0 10px 20px rgba(37,99,235,.2)}.v9-chart-bar b{font-size:12px;color:#0f172a}.v9-chart-bar small{font-size:11px;color:#64748b}.mini-info-card{border-radius:16px;border:1px solid #e5e7eb;padding:12px 14px;min-height:74px}.mini-info-card small{display:block;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.mini-info-card strong{display:block;font-size:15px;color:#0f172a;margin-top:3px}.soft-blue{background:#eff6ff;border-color:#bfdbfe}.soft-purple{background:#f5f3ff;border-color:#ddd6fe}.soft-green{background:#ecfdf5;border-color:#bbf7d0}.soft-amber{background:#fffbeb;border-color:#fde68a}.soft-rose{background:#fff1f2;border-color:#fecdd3}.soft-slate{background:#f8fafc;border-color:#e2e8f0}

/* V9.2 UI compact polish */
.v92-hero{padding:18px 22px!important;margin-bottom:14px!important}.v92-hero h1{font-size:28px!important;letter-spacing:-.04em}.v92-hero p{font-size:14px!important;margin-bottom:0}.compact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.v92-kpi{display:block;text-decoration:none;color:#0f172a;border:1px solid #dbe7f5;border-radius:18px;padding:14px 16px;min-height:104px;transition:.18s ease}.v92-kpi:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(15,23,42,.08)}.v92-kpi span{display:block;color:#155eef;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:950}.v92-kpi strong{display:block;font-size:30px;line-height:1.05;margin-top:3px}.v92-kpi small{display:block;color:#475569;font-weight:750;margin-top:4px}.v92-filter{padding:12px!important}.v92-table th,.v92-table td{padding:10px 12px!important;vertical-align:middle}.v92-table small{display:block;color:#64748b;font-weight:750}.v92-table strong a{color:#0f172a;text-decoration:none}.v92-table strong a:hover{color:#2563eb}.v92-panel{padding:16px!important}.v92-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v92-form-grid .span-2{grid-column:1/-1}.v92-member-form{display:grid;grid-template-columns:150px minmax(240px,1fr) 130px auto;gap:8px;align-items:center}.v92-permission-pills{display:flex;gap:6px;flex-wrap:wrap}.v92-permission-pills label,.v92-permission-pills span{border:1px solid #dbe7f5;background:#f8fafc;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:850;color:#334155}.v92-permission-pills input{margin-right:4px}.v92-rule-grid{display:grid;gap:8px;max-height:360px;overflow:auto}.v92-company-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:12px}.v92-company-summary{display:grid;gap:8px}.v92-company-summary div{border:1px solid #e2e8f0;background:#f8fafc;border-radius:14px;padding:10px 12px}.v92-company-summary span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-weight:950}.v92-company-summary strong{font-weight:950}.v92-member-create{display:grid;grid-template-columns:1fr 170px 1fr 160px auto;gap:8px}.v92-rule-form{display:grid;grid-template-columns:1fr 170px auto;gap:8px}.compare92-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.compare92-card{border-radius:22px!important}.compare92-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fbff)}.compare92-toolbar h5{font-weight:950;margin:0}.compare92-toolbar p{margin:2px 0 0;color:#64748b;font-size:13px;font-weight:700}.compare92-legend{display:flex;gap:7px;flex-wrap:wrap}.compare92-legend span,.compare92-tags em{font-style:normal;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:950}.best-price,.compare92-tags em:first-child{background:#dcfce7;color:#166534}.best-delivery{background:#dbeafe;color:#1d4ed8}.best-score{background:#fef3c7;color:#92400e}.compare92-table th,.compare92-table td{padding:12px 14px!important;vertical-align:middle}.compare92-row:hover{background:#f8fbff}.compare92-total{font-size:16px;color:#0f172a}.compare92-badge,.compare92-score{display:inline-flex;align-items:center;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:950;padding:7px 10px}.compare92-tags{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}.compare92-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.compare92-option-card{border:1px solid #dbe7f5;border-radius:18px;background:#fff;padding:13px}.compare92-option-card span{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#64748b;font-weight:950}.compare92-option-card strong{display:block;margin-top:4px}.compare92-option-card div{display:flex;justify-content:space-between;margin-top:10px;border-top:1px dashed #e2e8f0;padding-top:10px}.compare92-option-card b{font-size:16px}.compare92-option-card small{color:#64748b;font-weight:850}@media(max-width:1200px){.v92-company-grid{grid-template-columns:1fr}.compare92-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v92-member-form,.v92-member-create,.v92-rule-form{grid-template-columns:1fr}}@media(max-width:760px){.compare92-summary-grid,.compact-grid{grid-template-columns:1fr}.v92-form-grid{grid-template-columns:1fr}.v92-form-grid .span-2{grid-column:auto}.compare92-toolbar{display:grid}.v92-table{min-width:780px}.compare92-table{min-width:980px}}

/* V9.3 admin hardening polish */
.v93-panel { border: 1px solid rgba(15, 23, 42, .08); box-shadow: 0 18px 45px rgba(15,23,42,.06); }
.v93-subuser-box { background: linear-gradient(135deg, rgba(37,99,235,.07), rgba(20,184,166,.05)); border: 1px solid rgba(37,99,235,.14); border-radius: 18px; padding: 14px; }
.mini-permission-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px; }
.mini-permission-grid.horizontal { grid-template-columns: repeat(4, minmax(0,1fr)); }
.mini-permission-grid label, .v92-permission-pills label { font-size: 12px; font-weight: 800; color: #334155; background: #f8fafc; border: 1px solid #dbe5f2; border-radius: 999px; padding: 7px 9px; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.v93-security-note ul { margin: 0; padding-left: 18px; color: #475569; font-weight: 650; }
.v93-security-note li { margin-bottom: 9px; }
.footer-shell { display:flex; align-items:center; justify-content:space-between; gap:12px; max-width: 1560px; margin:0 auto; width:100%; }
.footer-shell strong { color:#0f172a; }
.footer-shell small { color:#64748b; font-weight:700; }
@media (max-width: 768px) { .mini-permission-grid.horizontal { grid-template-columns: repeat(2, minmax(0,1fr)); } .footer-shell { flex-direction:column; align-items:flex-start; } }

/* V9.4 profile/company ownership polish */
.profile-company-band{background:linear-gradient(135deg,#ffffff,#f6faff);border:1px solid #dbe7f5;border-radius:20px;padding:16px 18px;margin-bottom:12px;box-shadow:0 14px 36px rgba(15,23,42,.05)}
.profile-company-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.profile-company-head h3{margin:2px 0 2px;font-size:21px;font-weight:950;letter-spacing:-.035em}.profile-company-head p{margin:0;color:#64748b;font-weight:750;font-size:13px}.profile-company-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:10px}.profile-company-metrics div{border:1px solid #e2e8f0;background:#fff;border-radius:15px;padding:10px 12px}.profile-company-metrics span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:950}.profile-company-metrics strong{display:block;font-size:14px;font-weight:950;margin-top:3px}.profile-company-permissions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.profile-company-permissions span{border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900;border:1px solid #dbe7f5;background:#f8fafc;color:#475569}.profile-company-permissions .on{background:#dcfce7;border-color:#86efac;color:#166534}.profile-company-permissions .off{background:#f1f5f9;border-color:#cbd5e1;color:#64748b}.profile-company-permissions .owner{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.profile-company-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.profile-company-members div{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:9px 10px}.profile-company-members b{display:block;font-weight:950;font-size:13px}.profile-company-members small{display:block;color:#64748b;font-weight:750;font-size:11px;margin-top:2px}.owner-only-notice{display:grid;gap:4px;border:1px dashed #f59e0b;background:#fffbeb;border-radius:15px;padding:14px}.owner-only-notice strong{font-weight:950;color:#92400e}.owner-only-notice span{font-size:13px;color:#78350f;font-weight:700}.team-owner-panel .compact-section-head{border-bottom:0}.v92-company-summary strong{text-transform:none!important}
@media(max-width:900px){.profile-company-head{display:grid}.profile-company-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.profile-company-metrics{grid-template-columns:1fr}.profile-company-members{grid-template-columns:1fr}}

/* V9.5 CAD preview polish */
.cad-file-row { gap: 12px; }
.cad-modal { backdrop-filter: blur(8px); }
.cad-modal-panel { border: 1px solid rgba(226,232,240,.9); }
.cad-modal-head strong { font-weight: 950; letter-spacing: -.02em; }
.cad-loading,
.cad-preview-error {
    flex-direction: column;
    gap: 8px;
    text-align: center;
    padding: 26px;
}
.cad-loading strong,
.cad-preview-error strong { color: #0f172a; font-size: 18px; }
.cad-loading span,
.cad-preview-error span { color: #64748b; font-size: 13px; max-width: 520px; }
.cad-preview-error { background: linear-gradient(135deg, #fff1f2, #ffffff); border: 1px solid #fecdd3; color: #991b1b; }
.cad-help { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.cad-help::after { content: 'Three.js provider: local_threejs'; font-size: 11px; color: #94a3b8; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
@media (max-width: 768px) {
    .cad-help { align-items: flex-start; flex-direction: column; }
    .cad-modal-panel { margin: 0 auto; border-radius: 18px; }
}

/* V9.6 CAD conversion + professional viewer */
.cad-modal {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 92px 24px 34px;
}
.cad-modal[hidden] { display: none !important; }
.cad-modal-panel {
    width: min(1180px, 100%);
    max-height: calc(100vh - 126px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.cad-modal-head {
    height: auto;
    min-height: 58px;
    gap: 14px;
}
.cad-modal-head > div { display: grid; gap: 2px; }
.cad-modal-head small { display: block; color: #64748b; font-size: 11px; font-weight: 750; }
.cad-toolbar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #ffffff, #f8fafc);
    flex-wrap: wrap;
}
.cad-toolbar button {
    border: 1px solid #dbe7f5;
    background: #fff;
    color: #334155;
    border-radius: 999px;
    padding: 7px 12px;
    font-size: 12px;
    font-weight: 900;
}
.cad-toolbar button.active,
.cad-toolbar button:hover { background: #0f172a; color: #fff; border-color: #0f172a; }
.cad-preview-canvas {
    height: min(62vh, 640px);
    min-height: 430px;
    flex: 1 1 auto;
    background:
        radial-gradient(circle at 50% 45%, rgba(37,99,235,.06), transparent 34%),
        linear-gradient(135deg, #f8fafc, #ffffff);
}
.cad-help {
    min-height: 48px;
    font-weight: 700;
}
.cad-help strong {
    color: #0f172a;
    font-size: 12px;
    text-align: right;
    max-width: 560px;
}
.cad-svg-frame {
    width: 100%;
    height: 100%;
    border: 0;
    background: #fff;
}
.cad-file-row .text-danger {
    display: block;
    max-width: 260px;
    white-space: normal;
}
@media (max-width: 768px) {
    .cad-modal { padding: 82px 10px 18px; align-items: flex-start; }
    .cad-modal-panel { max-height: calc(100vh - 100px); }
    .cad-preview-canvas { min-height: 330px; height: 54vh; }
    .cad-help strong { text-align: left; }
}
.compact-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media(max-width:1100px){.compact-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.compact-grid-4{grid-template-columns:1fr}}

/* V9.7 Technical Review + Smart Matching */
.cad-tech-mini{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.cad-tech-mini span{font-size:10px;font-weight:800;color:#174ea6;background:#eef5ff;border:1px solid #d8e7ff;border-radius:999px;padding:2px 7px}.technical-review-card{border-color:#cfe2ff}.tech-analysis-list{display:grid;gap:10px}.tech-analysis-item{border:1px solid #dbe5f3;border-radius:14px;padding:10px;background:linear-gradient(135deg,#f8fbff,#fff)}.tech-analysis-item strong{display:block;font-size:13px}.tech-analysis-item small{display:block;color:#64748b;font-weight:700;margin:4px 0}.tech-analysis-pills{display:flex;gap:5px;flex-wrap:wrap}.tech-analysis-pills span{font-size:10px;font-weight:900;border-radius:999px;padding:3px 8px;background:#eef2ff;color:#1d4ed8}.quote-tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.risk-chip{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:900;margin-bottom:3px}.risk-low{background:#dcfce7;color:#166534}.risk-medium{background:#fef3c7;color:#92400e}.risk-high{background:#fee2e2;color:#991b1b}.smart-match-analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.smart-analysis-card{border:1px solid #dbe7ff;border-radius:18px;padding:14px;background:linear-gradient(135deg,#f8fbff,#eff6ff);box-shadow:0 16px 35px rgba(15,23,42,.06)}.smart-analysis-card span{font-size:11px;color:#2563eb;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.smart-analysis-card strong{display:block;font-size:18px;margin:5px 0}.smart-analysis-card p{font-size:12px;color:#64748b;font-weight:700;margin:0 0 8px}.smart-analysis-card div{display:flex;gap:6px;flex-wrap:wrap}.smart-analysis-card em{font-style:normal;font-size:10px;font-weight:900;border-radius:999px;background:white;border:1px solid #dbeafe;padding:4px 8px;color:#1e40af}.smart-match-table td{vertical-align:middle}.strong-score{font-size:14px;background:#111827!important;color:#fff!important}.score-breakdown{display:flex;flex-direction:column;gap:3px}.score-breakdown span{font-size:10px;font-weight:900;color:#475569;background:#f1f5f9;border-radius:999px;padding:3px 7px;width:max-content}.smart-match-head{background:linear-gradient(135deg,#ffffff,#f3f7ff)}

/* V9.8 security/CAD review polish */
.compact-actions .technical-review-card { display: none !important; }
.technical-analysis-modal .modal-dialog { max-width: min(1180px, calc(100vw - 28px)); }
.technical-analysis-modal-content { border: 0; border-radius: 24px; overflow: hidden; box-shadow: 0 30px 90px rgba(15,23,42,.22); }
.technical-analysis-modal .modal-header { align-items: flex-start; background: linear-gradient(135deg,#ffffff,#f6faff); border-bottom: 1px solid #e2e8f0; padding: 18px 20px; }
.technical-analysis-modal .modal-title { font-size: 22px; font-weight: 950; letter-spacing: -.035em; margin: 2px 0; }
.technical-analysis-modal .modal-header small { display: block; color: #64748b; font-weight: 750; }
.tech-modal-grid { display: grid; gap: 12px; }
.tech-modal-card { border: 1px solid #dbe7f5; background: linear-gradient(135deg,#fff,#f8fbff); border-radius: 20px; padding: 14px; box-shadow: 0 14px 36px rgba(15,23,42,.05); }
.tech-modal-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.tech-modal-card-head strong { display: block; font-size: 15px; font-weight: 950; color: #0f172a; }
.tech-modal-card-head small { display: block; margin-top: 3px; color: #64748b; font-size: 12px; font-weight: 800; }
.tech-metric-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.tech-metric-grid div { border: 1px solid #e2e8f0; background: #fff; border-radius: 15px; padding: 10px 11px; min-width: 0; }
.tech-metric-grid span { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; color: #64748b; font-weight: 950; }
.tech-metric-grid strong { display: block; margin-top: 4px; color: #0f172a; font-size: 14px; font-weight: 950; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tech-metric-grid small { display: block; margin-top: 2px; color: #94a3b8; font-size: 11px; font-weight: 800; }
.tech-analysis-note { margin-top: 10px; border: 1px dashed #bfdbfe; background: #eff6ff; color: #1e3a8a; border-radius: 15px; padding: 10px 12px; font-size: 12px; font-weight: 750; line-height: 1.55; }
.cad-modal { z-index: 2055 !important; padding: 24px !important; align-items: center !important; justify-content: center !important; }
.cad-modal-panel { width: min(1240px, 100%) !important; max-height: calc(100vh - 48px) !important; margin: 0 auto !important; border-radius: 24px !important; }
.cad-preview-canvas { height: min(68vh, 700px) !important; min-height: 460px !important; }
.cad-modal-head { padding: 14px 18px !important; }
.cad-modal-head button[data-cad-close] { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; }
@media (max-width: 900px) {
    .tech-metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .cad-modal { padding: 12px !important; }
    .cad-modal-panel { max-height: calc(100vh - 24px) !important; border-radius: 18px !important; }
    .cad-preview-canvas { min-height: 340px !important; height: 58vh !important; }
}
@media (max-width: 560px) {
    .tech-modal-card-head { flex-direction: column; }
    .tech-metric-grid { grid-template-columns: 1fr; }
}