:root {
    --ink: #162033;
    --muted: #657189;
    --line: #dde3ee;
    --panel: #ffffff;
    --soft: #f4f7fb;
    --brand: #ff6a00;
    --accent: #1268f3;
    --ok: #148a48;
    --danger: #c93535;
    --shadow: 0 18px 40px rgba(20, 32, 51, .08);
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    color: var(--ink);
    background: var(--soft);
}

a {
    color: inherit;
    text-decoration: none;
}

.login-shell {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
    background: linear-gradient(135deg, #fff7f0 0%, #eef5ff 100%);
}

.login-box {
    width: min(440px, 100%);
    background: var(--panel);
    border: 1px solid var(--line);
    box-shadow: var(--shadow);
    border-radius: 8px;
    padding: 28px;
}

.login-logo {
    width: 210px;
    max-width: 70%;
    display: block;
    margin-bottom: 18px;
}

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

.sidebar {
    background: #ffffff;
    border-right: 1px solid var(--line);
    padding: 22px 18px;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.brand-logo {
    width: 190px;
    max-width: 100%;
    display: block;
    margin-bottom: 10px;
}

.shop-title {
    font-weight: 800;
    font-size: 18px;
    margin: 8px 0 22px;
}

.nav {
    display: grid;
    gap: 8px;
    padding-bottom: 28px;
}

.nav a {
    padding: 12px 14px;
    border-radius: 8px;
    color: var(--muted);
    font-weight: 700;
}

.nav a.active,
.nav a:hover {
    background: #eef5ff;
    color: var(--accent);
}

.service-status-locked {
    background: #f1f5f9 !important;
    color: #334155;
    font-weight: 800;
    cursor: not-allowed;
}

.main {
    min-width: 0;
    padding: 28px;
}

.topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
}

.topbar h1 {
    margin: 0;
    font-size: 28px;
}

.sub {
    color: var(--muted);
    margin-top: 4px;
}

.grid {
    display: grid;
    gap: 16px;
}

.grid.cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid.cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.card {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: var(--shadow);
    padding: 18px;
}

.stat {
    min-height: 116px;
}

.stat b {
    display: block;
    font-size: 30px;
    margin-top: 12px;
}

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

.field {
    display: grid;
    gap: 7px;
}

.field.full {
    grid-column: 1 / -1;
}

label {
    font-weight: 800;
    font-size: 13px;
}

input,
select,
textarea {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    padding: 12px 13px;
    font: inherit;
    color: var(--ink);
}

textarea {
    min-height: 92px;
    resize: vertical;
}

input:focus,
select:focus,
textarea:focus {
    outline: 3px solid rgba(18, 104, 243, .14);
    border-color: var(--accent);
}

.actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 16px;
}

.btn {
    border: 0;
    border-radius: 8px;
    padding: 11px 15px;
    background: #e9eef6;
    color: var(--ink);
    font-weight: 800;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
}

.btn.primary {
    background: var(--accent);
    color: #fff;
}

.btn.orange {
    background: var(--brand);
    color: #fff;
}

.btn.danger {
    background: var(--danger);
    color: #fff;
}

.btn.small {
    min-height: 34px;
    padding: 8px 10px;
    font-size: 13px;
}

.alert {
    padding: 12px 14px;
    border-radius: 8px;
    margin-bottom: 16px;
    border: 1px solid var(--line);
}

.alert.error {
    background: #fff2f2;
    color: #9b1c1c;
}

.alert.ok {
    background: #effaf3;
    color: #0f6f3a;
}

.table-wrap {
    overflow-x: auto;
}

.sales-search {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto;
    gap: 14px;
    align-items: end;
    margin-bottom: 16px;
}

.sales-search-actions {
    display: flex;
    gap: 9px;
}

.sales-search-summary {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: -4px 2px 14px;
    color: var(--muted);
    font-size: 14px;
}

.sales-search-summary strong {
    color: var(--ink);
    font-size: 18px;
}

.sales-search-summary span {
    margin-left: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th,
td {
    text-align: left;
    padding: 12px;
    border-bottom: 1px solid var(--line);
    white-space: nowrap;
}

th {
    color: var(--muted);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.badge {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 9px;
    border-radius: 999px;
    background: #eef5ff;
    color: var(--accent);
    font-weight: 800;
    font-size: 12px;
}

.print-page {
    background: #fff;
    color: #101828;
    min-height: 100vh;
    padding: 18px;
}

.sheet {
    width: 210mm;
    min-height: 297mm;
    margin: 0 auto;
    background: #fff;
    padding: 14mm;
    border: 1px solid #d7dce5;
}

.sheet.landscape {
    width: 297mm;
    min-height: 210mm;
    page: landscape;
}

.sheet-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    border-bottom: 2px solid #101828;
    padding-bottom: 10px;
    margin-bottom: 12px;
}

.sheet-logo {
    width: 155px;
}

.sheet-brand-text {
    margin-bottom: 5px;
    font-size: 22px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .7px;
    color: #101828;
}

.sheet h1,
.sheet h2 {
    margin: 0;
}

.print-table th,
.print-table td {
    white-space: normal;
    border: 1px solid #c7ceda;
    padding: 8px;
    font-size: 13px;
}

.id-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 12px;
}

.landscape-ids {
    align-items: stretch;
}

.id-box {
    border: 1px solid #c7ceda;
    height: 54mm;
    display: grid;
    place-items: center;
    overflow: hidden;
}

.id-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sold-date-time {
    position: absolute;
    top: 14mm;
    right: 16mm;
    z-index: 2;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    color: #475467;
    letter-spacing: .2px;
}

.sold-text {
    min-height: 130mm;
    display: grid;
    place-items: center;
    text-align: center;
    font-size: 34px;
    line-height: 1.32;
    font-weight: 800;
}

.sold-text-only {
    width: 100%;
    min-height: 186mm;
    padding: 22mm 18mm 12mm;
    font-size: clamp(42px, 5.4vw, 74px);
    line-height: 1.12;
    font-weight: 900;
    letter-spacing: -.8px;
    overflow-wrap: anywhere;
}

.sheet.landscape {
    position: relative;
    page: landscape;
}

.service-number {
    font-size: 86px;
    font-weight: 900;
    color: var(--brand);
    line-height: 1;
}

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

.service-card {
    box-shadow: none;
}

.service-card h2 {
    margin: 12px 0;
}

.service-card-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}

.service-order {
    font-size: 34px;
    font-weight: 900;
    color: var(--brand);
}

.service-meta {
    display: grid;
    gap: 6px;
    color: var(--muted);
}

.accounting-list {
    display: grid;
    gap: 10px;
}

.accounting-row {
    display: grid;
    gap: 5px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
}

.mobile-head {
    display: none;
    background: #fff;
    border-bottom: 1px solid var(--line);
    padding: 14px 18px;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 900px) {
    .app {
        grid-template-columns: 1fr;
    }

    .mobile-head {
        display: flex;
    }

    .sidebar {
        position: static;
        height: auto;
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .brand-logo,
    .shop-title {
        display: none;
    }

    .nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .main {
        padding: 18px;
    }

    .topbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .grid.cols-2,
    .grid.cols-3,
    .form-grid,
    .service-board {
        grid-template-columns: 1fr;
    }

    th,
    td {
        white-space: normal;
    }
}

@media print {
    body {
        background: #fff;
    }

    .no-print {
        display: none !important;
    }

    .print-page {
        padding: 0;
    }

    .sheet {
        border: 0;
        margin: 0;
        width: 210mm;
        min-height: 297mm;
        box-shadow: none;
    }

    .sheet.landscape {
        position: relative;
        page: landscape;
        width: 297mm;
        min-width: 297mm;
        max-width: 297mm;
        height: 210mm;
        min-height: 210mm;
        max-height: 210mm;
        overflow: hidden;
    }

    .sold-text-only {
        width: 297mm;
        height: 210mm;
        min-height: 210mm;
        padding: 24mm 18mm 12mm;
        font-size: 64px;
    }
}

@page {
    size: A4 portrait;
    margin: 0;
}

@page landscape {
    size: A4 landscape;
    margin: 0;
}

.btn.success { background: var(--ok); color: #fff; }
.service-alert-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px;
    border: 2px solid var(--line);
    border-radius: 10px;
    background: #fff;
}
.service-alert-panel > div { display: grid; gap: 4px; }
.service-alert-panel.active {
    border-color: #ff6a00;
    background: #fff4e9;
    animation: servicePulse 1.15s infinite;
}
.service-alert-panel.active strong { color: #b54708; font-size: 20px; }
.new-sale-ribbon {
    display: inline-flex;
    width: fit-content;
    margin: 12px 0 2px;
    padding: 7px 11px;
    border-radius: 999px;
    background: #ff6a00;
    color: #fff;
    font-weight: 900;
    font-size: 12px;
    letter-spacing: .05em;
}
.print-break { page-break-before: always; break-before: page; }
@keyframes servicePulse { 50% { box-shadow: 0 0 0 8px rgba(255,106,0,.12); } }
@media (max-width: 760px) {
    .service-alert-panel { align-items: stretch; flex-direction: column; }
}
@media print {
    .no-print, .mobile-head { display: none !important; }
    body.print-page { padding: 0; }
    .sheet { border: 0; margin: 0; }
    .print-break { page-break-before: always; break-before: page; }
}

.btn.success { background: var(--ok); color: #fff; }
.service-alert-panel { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px; border:2px solid var(--line); border-radius:12px; background:#fff; box-shadow:var(--shadow); }
.service-alert-panel.active { border-color:var(--danger); background:#fff4f4; animation:servicePulse 1.2s infinite; }
.service-alert-panel > div { display:grid; gap:4px; }
.service-alert-panel strong { font-size:19px; }
.service-alert-panel span { font-weight:800; }
.service-alert-panel small { color:var(--muted); }
@keyframes servicePulse { 0%,100%{box-shadow:0 0 0 0 rgba(201,53,53,.18)} 50%{box-shadow:0 0 0 12px rgba(201,53,53,0)} }
.new-sale-ribbon { margin:10px 0; padding:8px 10px; border-radius:8px; background:var(--danger); color:#fff; font-weight:900; text-align:center; letter-spacing:.08em; }
.section-title,.form-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:14px; }
.section-title h2,.form-head h2 { margin:0; }
.section-title p,.form-head p { margin:4px 0 0; color:var(--muted); }
.service-form { scroll-margin-top:20px; }
.service-search { display:flex; gap:8px; align-items:center; min-width:min(480px,100%); }
.service-search input { min-width:220px; }
.service-summary { max-width:320px; white-space:normal; line-height:1.4; }
.row-actions { display:flex; gap:7px; flex-wrap:wrap; }
small { color:var(--muted); }
@media (max-width:900px){ .service-alert-panel,.section-title,.form-head,.service-search{align-items:stretch;flex-direction:column}.service-search{min-width:0}.service-search input{min-width:0} }

.nav-section-label {
    margin: 20px 12px 6px;
    color: #9aa5b5;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .12em;
}
.nav a {
    position: relative;
    transition: .2s ease;
}
.nav a:hover { transform: translateX(3px); }
.grid.cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.eyebrow {
    display: inline-block;
    color: var(--accent);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .12em;
    margin-bottom: 7px;
}
.service-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 26px;
    margin-bottom: 18px;
    border-radius: 18px;
    color: #fff;
    background: linear-gradient(135deg, #101827 0%, #1f3f75 65%, #1268f3 100%);
    box-shadow: 0 24px 55px rgba(18, 42, 79, .2);
}
.service-hero .eyebrow { color: #ffb57d; }
.service-hero h2 { margin: 0 0 8px; font-size: 30px; }
.service-hero p { margin: 0; max-width: 680px; color: rgba(255,255,255,.8); }
.responsible-card {
    min-width: 230px;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 14px;
    background: rgba(255,255,255,.1);
    backdrop-filter: blur(10px);
}
.responsible-card span,.responsible-card small { display:block; color:rgba(255,255,255,.72); }
.responsible-card strong { display:block; font-size:23px; margin:5px 0; }
.quick-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.quick-action {
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:15px;
    padding:20px;
    border:1px solid var(--line);
    border-radius:16px;
    background:#fff;
    box-shadow:var(--shadow);
    transition:.2s ease;
}
.quick-action:hover { transform:translateY(-3px); box-shadow:0 22px 45px rgba(20,32,51,.13); }
.quick-action.primary-card { border-color:#cfe0ff; background:linear-gradient(135deg,#fff,#f2f7ff); }
.quick-action strong,.quick-action small { display:block; }
.quick-action strong { font-size:17px; margin-bottom:4px; }
.quick-action small { color:var(--muted); }
.quick-icon {
    width:48px; height:48px; display:grid; place-items:center;
    border-radius:13px; background:#eef5ff; color:var(--accent); font-size:25px; font-weight:900;
}
.quick-arrow { font-size:24px; color:var(--accent); }
.service-stats .stat { border-radius:15px; box-shadow:none; }
.service-stats .stat small { display:block; margin-top:4px; }
.page-intro {
    display:flex; align-items:center; gap:18px; padding:22px; margin-bottom:18px;
    border:1px solid #dbe6f6; border-radius:16px; background:linear-gradient(135deg,#fff,#f5f9ff);
}
.page-intro h2 { margin:0 0 5px; }
.page-intro p { margin:0; color:var(--muted); }
.intro-icon { width:58px; height:58px; display:grid; place-items:center; border-radius:16px; background:#fff; box-shadow:var(--shadow); font-size:28px; }
.premium-form { border-radius:18px; padding:0; overflow:hidden; }
.premium-form .form-head { margin:0; padding:22px 24px; border-bottom:1px solid var(--line); background:#fff; }
.form-section { padding:22px 24px; border-bottom:1px solid var(--line); }
.form-section:nth-child(even) { background:#fbfcfe; }
.form-section h3 { margin:0 0 16px; font-size:15px; color:#2f466a; }
.premium-form input,.premium-form select,.premium-form textarea { border-radius:11px; padding:13px 14px; background:#fff; }
.premium-form textarea { min-height:105px; }
.sticky-form-actions {
    position:sticky; bottom:0; display:flex; justify-content:flex-end; gap:10px;
    padding:17px 24px; background:rgba(255,255,255,.94); backdrop-filter:blur(10px); border-top:1px solid var(--line);
}
.customer-search-hero {
    padding:28px; margin-bottom:18px; border-radius:18px;
    background:linear-gradient(135deg,#172238,#243b64); color:#fff; box-shadow:0 24px 55px rgba(20,32,51,.18);
}
.customer-search-hero .eyebrow { color:#ffb57d; }
.customer-search-hero h2 { margin:0 0 7px; font-size:28px; }
.customer-search-hero p { margin:0 0 20px; color:rgba(255,255,255,.72); }
.hero-search { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; gap:9px; align-items:center; padding:8px; border-radius:14px; background:#fff; }
.hero-search input { border:0; padding:11px 5px; }
.hero-search input:focus { outline:0; }
.search-icon { padding-left:9px; font-size:24px; color:var(--accent); }
.records-toolbar { display:flex; justify-content:space-between; align-items:center; gap:14px; margin:18px 0; }
.records-toolbar strong,.records-toolbar span { display:block; }
.records-toolbar span { color:var(--muted); font-size:13px; margin-top:3px; }
.records-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.record-card { background:#fff; border:1px solid var(--line); border-radius:17px; padding:19px; box-shadow:var(--shadow); }
.record-card-top { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.record-card h3 { margin:5px 0 2px; font-size:20px; }
.record-no { color:var(--accent); font-size:11px; font-weight:900; letter-spacing:.08em; }
.motor-panel { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; padding:13px; margin:16px 0; border-radius:12px; background:#f5f8fc; }
.motor-panel strong { color:var(--brand); font-size:17px; }
.motor-panel small { text-align:right; }
.record-details > div > span { color:var(--muted); font-size:12px; font-weight:800; }
.record-details p { margin:5px 0 14px; line-height:1.5; min-height:44px; }
.record-meta { display:grid; gap:5px; padding-top:12px; border-top:1px solid var(--line); }
.record-meta span { font-size:12px; color:var(--muted); }
.record-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:16px; }
.empty-state { grid-column:1/-1; text-align:center; padding:38px; border-style:dashed; }
.empty-state strong { font-size:19px; }
.empty-state p { color:var(--muted); margin-bottom:0; }
@media (max-width:1100px) { .grid.cols-4 { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:900px) {
    .service-hero,.records-toolbar { align-items:stretch; flex-direction:column; }
    .responsible-card { min-width:0; }
    .quick-actions,.records-grid { grid-template-columns:1fr; }
    .hero-search { grid-template-columns:auto 1fr; }
    .hero-search .btn { grid-column:1/-1; }
    .page-intro { align-items:flex-start; }
}
@media (max-width:560px) {
    .grid.cols-4 { grid-template-columns:1fr; }
    .service-hero,.customer-search-hero { padding:20px; border-radius:14px; }
    .service-hero h2,.customer-search-hero h2 { font-size:24px; }
    .motor-panel { grid-template-columns:1fr; }
    .motor-panel small { text-align:left; }
    .sticky-form-actions { position:static; flex-direction:column-reverse; }
}
.service-notification-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(8, 15, 28, .78);
    backdrop-filter: blur(8px);
}
.service-notification-modal.active {
    display: flex;
}
.service-notification-card {
    width: min(620px, 100%);
    max-height: calc(100vh - 48px);
    overflow: auto;
    padding: 30px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 30px 90px rgba(0, 0, 0, .34);
    text-align: center;
    animation: serviceModalIn .22s ease-out;
}
.service-notification-card h2 {
    margin: 4px 0 8px;
    font-size: clamp(25px, 4vw, 36px);
}
.service-notification-card > p {
    margin: 0 0 18px;
    color: var(--muted);
    font-weight: 700;
}
.service-notification-card > small {
    display: block;
    margin-top: 13px;
    color: var(--muted);
}
.service-notification-icon {
    display: grid;
    place-items: center;
    width: 76px;
    height: 76px;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: #fff0e5;
    font-size: 38px;
    animation: serviceBellShake .9s infinite;
}
.service-notification-sales {
    display: grid;
    gap: 10px;
    margin: 18px 0;
    text-align: left;
}
.service-notification-sale {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #f8fafc;
}
.service-notification-sale > div {
    display: grid;
    gap: 4px;
}
.service-notification-sale span {
    color: var(--muted);
    font-size: 13px;
}
.service-sound-button {
    width: 100%;
    justify-content: center;
}
body.service-alert-open {
    overflow: hidden;
}
@keyframes serviceModalIn {
    from { opacity: 0; transform: translateY(12px) scale(.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes serviceBellShake {
    0%, 100% { transform: rotate(0); }
    20% { transform: rotate(-10deg); }
    40% { transform: rotate(10deg); }
    60% { transform: rotate(-6deg); }
    80% { transform: rotate(6deg); }
}
.service-record-print {
    transform-origin: top left;
}
@media (max-width: 640px) {
    .service-notification-modal { padding: 12px; }
    .service-notification-card { padding: 22px 16px; border-radius: 18px; }
    .service-notification-sale { align-items: stretch; flex-direction: column; }
    .service-notification-sale .btn { width: 100%; justify-content: center; }
}
@media print {
    .service-record-print {
        font-size: 9px;
        line-height: 1.18;
    }
    .service-record-print .sheet-head {
        gap: 8px;
        margin-bottom: 6px;
        padding-bottom: 6px;
    }
    .service-record-print .sheet-logo {
        width: 105px;
    }
    .service-record-print .sheet-brand-text {
        margin-bottom: 3px;
        font-size: 16px;
    }
    .service-record-print h1 {
        font-size: 19px;
    }
    .service-record-print h3 {
        margin: 6px 0 3px;
        font-size: 11px;
    }
    .service-record-print .print-table {
        margin: 0 !important;
    }
    .service-record-print .print-table th,
    .service-record-print .print-table td {
        padding: 3px 4px;
        font-size: 8.5px;
        line-height: 1.16;
        vertical-align: top;
    }
    .service-record-print .print-table td {
        max-height: 20mm;
        overflow: hidden;
    }
    .service-record-print .service-history-table th,
    .service-record-print .service-history-table td {
        padding: 2px 4px;
        font-size: 8px;
    }
    .service-record-print .service-signature-cell {
        height: 20mm;
    }
    .service-record-print p {
        margin: 5px 0 0;
        font-size: 8px !important;
    }
    .service-record-print,
    .service-record-print table,
    .service-record-print tr,
    .service-record-print td,
    .service-record-print th {
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .service-notification-modal {
        display: none !important;
    }
}

.service-sound-fixed {
    position: fixed;
    top: 18px;
    right: 24px;
    z-index: 1200;
    min-width: 210px;
    justify-content: center;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .2);
}
.service-sound-fixed.success {
    background: #15803d;
    border-color: #15803d;
    color: #fff;
}
.service-card-enter {
    animation: serviceCardEnter .65s ease both;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .16), var(--shadow);
}
@keyframes serviceCardEnter {
    from { opacity: 0; transform: translateY(-14px) scale(.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
@media (max-width: 760px) {
    .service-sound-fixed {
        top: 64px;
        right: 12px;
        min-width: 0;
        padding: 10px 13px;
        font-size: 12px;
    }
}

.registration-upload-card {
    margin-top: 18px;
}

.registration-upload-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.registration-upload-content h2 {
    margin: 5px 0 7px;
}

.registration-upload-content p,
.registration-current p {
    margin: 0;
    color: var(--muted);
}

.registration-upload-control {
    min-width: 360px;
    display: grid;
    gap: 10px;
}

.registration-upload-control input[type="file"] {
    width: 100%;
    padding: 12px;
    border: 1px dashed var(--line);
    border-radius: 12px;
    background: #f8fafc;
}

.registration-current {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--line);
}

.registration-thumb {
    width: 150px;
    height: 95px;
    border: 1px solid var(--line);
    border-radius: 12px;
    overflow: hidden;
    display: grid;
    place-items: center;
    background: #f8fafc;
}

.registration-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.id-grid-three {
    grid-template-columns: repeat(3, 1fr);
}

.id-grid-three .id-box {
    height: 43mm;
}

.sale-signatures {
    margin-top: 10px;
}

.sale-signatures td {
    height: 27mm;
}

@media (max-width: 800px) {
    .registration-upload-content,
    .registration-current {
        align-items: stretch;
        flex-direction: column;
    }

    .registration-upload-control {
        min-width: 0;
        width: 100%;
    }
}

@media print {
    .id-grid-three {
        gap: 7px;
        margin-top: 8px;
    }

    .id-grid-three .id-box {
        height: 42mm;
    }

    .sale-signatures {
        margin-top: 8px;
    }

    .sale-signatures td {
        height: 25mm;
    }
}

.identity-capture-field > input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.identity-capture-actions {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
}

.identity-preview {
    margin-top: 11px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: #f8fafc;
}

.identity-preview[hidden] {
    display: none;
}

.identity-preview img {
    width: 112px;
    height: 70px;
    object-fit: cover;
    border-radius: 9px;
    background: #e2e8f0;
}

.identity-preview > div {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.identity-preview span {
    color: var(--muted);
    font-size: 12px;
}

.link-button {
    width: max-content;
    padding: 0;
    border: 0;
    background: transparent;
    color: #0f62fe;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.identity-camera-open {
    overflow: hidden;
}

.identity-camera-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    padding: 24px;
    display: grid;
    place-items: center;
    background: rgba(2, 8, 23, .86);
    backdrop-filter: blur(12px);
}

.identity-camera-modal[hidden] {
    display: none;
}

.identity-camera-panel {
    width: min(940px, 100%);
    max-height: calc(100vh - 32px);
    overflow: auto;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 26px;
    padding: 20px;
    background: #0b1220;
    color: #fff;
    box-shadow: 0 32px 90px rgba(0,0,0,.48);
}

.identity-camera-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 15px;
}

.identity-camera-head > div {
    display: grid;
    gap: 3px;
}

.identity-camera-head strong {
    font-size: 22px;
}

.identity-camera-head span {
    color: #a8b3c7;
    font-size: 13px;
}

.identity-camera-close {
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    color: #fff;
    font-size: 27px;
    cursor: pointer;
}

.identity-camera-stage {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    border-radius: 20px;
    background: #020617;
}

.identity-camera-stage video,
.identity-camera-stage canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.identity-camera-stage canvas {
    pointer-events: none;
}

.identity-guide {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(76%, 660px);
    aspect-ratio: 1.586 / 1;
    transform: translate(-50%, -50%);
    border: 2px solid rgba(255,255,255,.78);
    border-radius: 18px;
    box-shadow: 0 0 0 999px rgba(2,6,23,.2);
    pointer-events: none;
}

.identity-guide::before,
.identity-guide::after,
.identity-guide span::before,
.identity-guide span::after {
    content: '';
    position: absolute;
    width: 32px;
    height: 32px;
    border-color: #fff;
    border-style: solid;
}

.identity-guide::before { left: -3px; top: -3px; border-width: 4px 0 0 4px; border-radius: 15px 0 0; }
.identity-guide::after { right: -3px; top: -3px; border-width: 4px 4px 0 0; border-radius: 0 15px 0 0; }
.identity-guide span::before { left: -3px; bottom: -3px; border-width: 0 0 4px 4px; border-radius: 0 0 0 15px; }
.identity-guide span::after { right: -3px; bottom: -3px; border-width: 0 4px 4px 0; border-radius: 0 0 15px; }

.identity-camera-status {
    position: absolute;
    left: 50%;
    bottom: 16px;
    max-width: calc(100% - 30px);
    transform: translateX(-50%);
    padding: 10px 16px;
    border-radius: 999px;
    background: rgba(2,6,23,.78);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    backdrop-filter: blur(8px);
}

.identity-quality-grid {
    margin-top: 14px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 9px;
}

.identity-quality-grid > div {
    padding: 11px 13px;
    display: grid;
    gap: 3px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 13px;
    background: rgba(255,255,255,.055);
}

.identity-quality-grid span {
    color: #93a0b5;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.identity-quality-grid b {
    font-size: 12px;
}

.identity-quality-grid .good {
    border-color: rgba(34,197,94,.5);
    background: rgba(22,163,74,.15);
}

.identity-quality-grid .bad {
    border-color: rgba(245,158,11,.45);
    background: rgba(245,158,11,.12);
}

.identity-camera-actions {
    margin-top: 14px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.identity-camera-privacy {
    margin: 12px 0 0;
    color: #8f9bb0;
    font-size: 11px;
    text-align: center;
}

@media (max-width: 700px) {
    .identity-camera-modal {
        padding: 0;
    }

    .identity-camera-panel {
        min-height: 100vh;
        max-height: 100vh;
        border: 0;
        border-radius: 0;
        padding: 14px;
    }

    .identity-camera-stage {
        aspect-ratio: 3 / 4;
    }

    .identity-quality-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .identity-camera-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .identity-camera-actions .btn {
        width: 100%;
    }
}

.identity-guide {
    width: min(82%, 720px);
    border-width: 3px;
    box-shadow: 0 0 0 999px rgba(2,6,23,.48);
}

.identity-preview img {
    aspect-ratio: 1.586 / 1;
    object-fit: cover;
    background: #fff;
}

.landscape-ids .id-box {
    aspect-ratio: 1.586 / 1;
    height: auto;
    background: #fff;
}

.landscape-ids .id-box img {
    object-fit: cover;
}

@media print {
    .landscape-ids .id-box {
        height: 48mm;
        aspect-ratio: auto;
    }
    .id-grid-three .id-box {
        height: 40mm;
    }
}
.attendance-kiosk-body{margin:0;min-height:100vh;background:linear-gradient(135deg,#0f172a,#111827 50%,#1f2937);color:#fff}.attendance-kiosk{max-width:1260px;margin:auto;padding:34px}.attendance-kiosk-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.attendance-kiosk-top h1{font-size:42px;margin:6px 0}.attendance-kiosk-top p{color:#cbd5e1}.attendance-kiosk-grid{display:grid;grid-template-columns:minmax(420px,1fr) minmax(360px,.8fr);gap:28px}.attendance-qr-card,.attendance-kiosk-info{background:rgba(255,255,255,.97);color:#111827;border-radius:30px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.attendance-qr{width:min(100%,420px);aspect-ratio:1;margin:auto;padding:20px;background:#fff;border:2px solid #e5e7eb;border-radius:24px}.attendance-qr canvas{width:100%;height:100%;display:block}.attendance-countdown{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;color:#64748b}.attendance-countdown strong{display:grid;place-items:center;width:48px;height:48px;background:#ffd400;color:#111827;border-radius:50%;font-size:22px}.attendance-token-code{margin-top:16px;padding:12px;border-radius:12px;background:#f1f5f9;color:#64748b;font:11px/1.4 monospace;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.attendance-clock{font-size:20px;font-weight:800;color:#64748b;margin-bottom:24px}.attendance-kiosk-info h2{font-size:30px}.attendance-mobile-stack{display:flex;flex-direction:column;gap:20px}.attendance-mobile-summary{order:1}.attendance-mobile-scanner{order:2}
.attendance-step{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #e5e7eb}.attendance-step b{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#111827;color:#ffd400}.attendance-live-status{margin-top:24px;padding:16px;border-radius:16px;background:#ecfdf5;color:#047857;font-weight:800}.attendance-person-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.attendance-person-summary>div{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.06)}.attendance-person-summary span{display:block;color:#64748b;font-size:13px;margin-bottom:6px}.attendance-person-summary strong{font-size:17px}.attendance-scanner-card{max-width:900px}.attendance-scanner-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.attendance-camera{position:relative;margin-top:24px;background:#020617;border-radius:24px;overflow:hidden;min-height:440px}.attendance-camera video{width:100%;height:100%;min-height:440px;object-fit:cover;display:block}.attendance-camera-frame{position:absolute;inset:50% auto auto 50%;width:min(70%,380px);aspect-ratio:1;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.35);border-radius:24px}.attendance-camera-frame i{position:absolute;width:48px;height:48px;border-color:#ffd400;border-style:solid}.attendance-camera-frame i:nth-child(1){left:-2px;top:-2px;border-width:5px 0 0 5px;border-radius:18px 0 0}.attendance-camera-frame i:nth-child(2){right:-2px;top:-2px;border-width:5px 5px 0 0;border-radius:0 18px 0 0}.attendance-camera-frame i:nth-child(3){left:-2px;bottom:-2px;border-width:0 0 5px 5px;border-radius:0 0 0 18px}.attendance-camera-frame i:nth-child(4){right:-2px;bottom:-2px;border-width:0 5px 5px 0;border-radius:0 0 18px}.attendance-camera-status{position:absolute;left:18px;right:18px;bottom:18px;padding:12px 16px;background:rgba(15,23,42,.86);color:#fff;border-radius:14px;text-align:center;font-weight:800}.attendance-manual{margin-top:20px;padding:18px;border:1px dashed #cbd5e1;border-radius:16px}.attendance-manual>span{display:block;color:#64748b;margin-bottom:10px}.attendance-manual input{min-width:320px}.attendance-result{margin-top:20px;padding:22px;border-radius:18px;text-align:center}.attendance-result.success{background:#ecfdf5;color:#065f46}.attendance-result.error{background:#fef2f2;color:#991b1b}.attendance-result strong,.attendance-result span,.attendance-result b{display:block}.attendance-result strong{font-size:20px}.attendance-result b{font-size:34px;margin:8px}.attendance-filter{display:flex;align-items:flex-end;gap:14px;margin-bottom:20px}.attendance-filter .field{max-width:240px}.attendance-table td small{display:block;color:#94a3b8}.attendance-status{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800}.attendance-status.inside{background:#dcfce7;color:#166534}.attendance-status.done{background:#dbeafe;color:#1d4ed8}.attendance-status.missing{background:#f1f5f9;color:#64748b}@media(max-width:900px){.attendance-kiosk{padding:18px}.attendance-kiosk-grid{grid-template-columns:1fr}.attendance-kiosk-top h1{font-size:30px}.attendance-qr-card,.attendance-kiosk-info{padding:20px}.attendance-mobile-scanner{order:1}.attendance-mobile-summary{order:2}.attendance-person-summary{grid-template-columns:1fr}.attendance-scanner-head{align-items:flex-start;flex-direction:column}.attendance-camera,.attendance-camera video{min-height:360px}.attendance-manual .actions{display:grid}.attendance-manual input{min-width:0;width:100%}}
.attendance-token-label{margin-top:22px;text-align:center;font-size:13px;font-weight:900;letter-spacing:.14em;color:#64748b}
.attendance-token-code{display:flex;align-items:center;justify-content:center;min-height:92px;margin:10px auto 0;padding:14px 24px;border:3px solid #111827;border-radius:22px;background:#ffd400;color:#111827;font:900 clamp(42px,7vw,74px)/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.18em;text-align:center;overflow:visible;white-space:nowrap;text-overflow:clip;box-shadow:0 14px 34px rgba(255,212,0,.28)}
.attendance-scanner-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.attendance-native-capture{position:relative;overflow:hidden;cursor:pointer}
.attendance-native-capture input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
@media(max-width:600px){.attendance-token-code{min-height:76px;font-size:42px;letter-spacing:.12em;padding:12px 14px}.attendance-scanner-actions{width:100%;display:grid;grid-template-columns:1fr}.attendance-scanner-actions .btn{width:100%;justify-content:center}}

.mobile-menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;align-items:center;justify-content:center;flex-direction:column;gap:4px}.mobile-menu-toggle span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px}.mobile-menu-backdrop{display:none}
@media(max-width:900px){
  body.mobile-menu-open{overflow:hidden}
  .mobile-head{position:sticky;top:0;z-index:1200;gap:12px}
  .mobile-head strong{flex:1;text-align:left}
  .mobile-menu-toggle{display:flex}
  .sidebar{position:fixed;left:0;top:0;bottom:0;width:min(86vw,320px);height:100vh;z-index:1300;border-right:1px solid var(--line);border-bottom:0;transform:translateX(-105%);transition:transform .24s ease;overflow-y:auto;padding:24px 18px;background:#fff;box-shadow:0 20px 60px rgba(15,23,42,.22)}
  body.mobile-menu-open .sidebar{transform:translateX(0)}
  .sidebar .brand-logo,.sidebar .shop-title{display:block}
  .nav{grid-template-columns:1fr}
  .mobile-menu-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:1250}
  body.mobile-menu-open .mobile-menu-backdrop{display:block}
}
.attendance-token-label{text-align:center;margin-top:18px;font-size:13px;font-weight:900;letter-spacing:.12em;color:#64748b}.attendance-token-code{display:flex;align-items:center;justify-content:center;width:100%;min-height:92px;margin:10px auto 0;padding:16px 20px;border-radius:20px;background:#ffd400;color:#111827;font:900 clamp(42px,7vw,72px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-align:center;white-space:nowrap;overflow:visible;text-overflow:clip;box-shadow:inset 0 0 0 2px rgba(17,24,39,.08)}


.offer-layout{display:grid;grid-template-columns:minmax(340px,460px) minmax(0,1fr);gap:22px;align-items:start}.offer-form{position:sticky;top:22px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2{margin:4px 0 0}.offer-list{display:grid;gap:16px}.offer-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.offer-search .field{margin:0}.offer-card{padding:22px}.offer-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.offer-card-head h3{font-size:22px;margin:5px 0 3px}.offer-phone{font-weight:700;color:var(--ink);text-decoration:none}.offer-price{text-align:right;background:#fff7d6;border:1px solid #f4d75f;border-radius:16px;padding:11px 15px;min-width:140px}.offer-price span{display:block;font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.offer-price strong{font-size:20px}.offer-motor{display:flex;justify-content:space-between;gap:12px;margin:16px 0;padding:14px 16px;background:#f7f8fb;border-radius:14px}.offer-motor span{color:var(--muted)}.offer-notes{margin:0 0 16px;line-height:1.6;color:#4d5563}.offer-meta{display:flex;flex-wrap:wrap;gap:8px 18px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);margin-bottom:14px}.inline-form{display:inline-flex}.empty-state{text-align:center;padding:42px 22px}.empty-state h3{margin:0 0 7px}
@media(max-width:980px){.offer-layout{grid-template-columns:1fr}.offer-form{position:static}.offer-search{grid-template-columns:1fr}.offer-card-head{flex-direction:column}.offer-price{text-align:left}.offer-motor{flex-direction:column}.offer-card .actions{display:grid;grid-template-columns:1fr}.offer-card .actions .btn,.offer-card .actions form,.offer-card .actions form .btn{width:100%}}

.target-card-head,.target-mini,.leader-card{display:flex;justify-content:space-between;gap:16px;align-items:center}.target-progress{height:14px;background:#edf0f4;border-radius:999px;overflow:hidden;margin:20px 0 8px}.target-progress span{display:block;height:100%;background:linear-gradient(90deg,#ffd400,#111827);border-radius:inherit}.target-mini{padding:14px 0;font-weight:700}.leader-card{display:block}.leader-card h2{margin:8px 0}.leader-card p{margin:0;color:#647084}.product-search-field{margin-bottom:-6px}.badge.success{background:#dff7e9;color:#087a43}@media(max-width:760px){.target-card-head,.target-mini{align-items:flex-start;flex-direction:column}.leaderboard-summary{grid-template-columns:1fr!important}}
.accounting-stats{margin-bottom:20px}.accounting-search{display:grid;grid-template-columns:minmax(280px,2fr) repeat(4,minmax(140px,1fr));gap:14px;align-items:end;margin-bottom:18px}.accounting-search-main{min-width:0}.accounting-search .actions{grid-column:1/-1;margin-top:0}.accounting-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0}.accounting-toolbar>div{display:flex;flex-direction:column;gap:4px}.accounting-toolbar span{color:#64748b}.accounting-cards{display:grid;gap:18px}.accounting-sale-card{padding:0;overflow:hidden}.accounting-sale-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid #e5e7eb}.accounting-sale-head h2{margin:5px 0 3px}.accounting-sale-head p{margin:0;color:#64748b}.accounting-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.accounting-sale-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid #e5e7eb}.accounting-sale-grid>div{padding:18px 24px;border-right:1px solid #e5e7eb}.accounting-sale-grid>div:last-child{border-right:0}.accounting-sale-grid span,.accounting-sale-grid small{display:block;color:#64748b}.accounting-sale-grid strong{display:block;margin:5px 0;font-size:17px}.accounting-update-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:22px 24px}.accounting-update-form .full{grid-column:1/-1}.badge.success{background:#dcfce7;color:#166534}@media(max-width:1100px){.accounting-search{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-search-main{grid-column:1/-1}.accounting-update-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.accounting-search,.accounting-update-form,.accounting-sale-grid{grid-template-columns:1fr}.accounting-sale-head,.accounting-toolbar{align-items:stretch;flex-direction:column}.accounting-badges{justify-content:flex-start}.accounting-sale-grid>div{border-right:0;border-bottom:1px solid #e5e7eb}.accounting-sale-grid>div:last-child{border-bottom:0}.accounting-update-form .full{grid-column:auto}}

.accounting-tabs{display:flex;gap:8px;overflow-x:auto;padding:6px;margin:0 0 20px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);scrollbar-width:thin}.accounting-tabs a{flex:0 0 auto;padding:11px 15px;border-radius:8px;color:var(--muted);font-weight:800;white-space:nowrap}.accounting-tabs a:hover,.accounting-tabs a.active{background:var(--accent);color:#fff}.accounting-stats small,.mini-stat small{display:block;color:var(--muted);margin-top:8px}.accent-stat{background:linear-gradient(135deg,#1268f3,#0c4fb9);color:#fff;border-color:transparent}.accent-stat span,.accent-stat small{color:rgba(255,255,255,.8)}.accounting-secondary-stats{margin:0 0 20px}.mini-stat{min-height:96px;display:flex;justify-content:space-between;align-items:center}.mini-stat span{font-weight:800;color:var(--muted)}.mini-stat b{font-size:24px}.accounting-dashboard-grid{align-items:start}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.section-head h2{margin:0 0 4px}.section-head p,.muted-copy{margin:0;color:var(--muted)}.section-head>a{color:var(--accent);font-weight:800}.compact-list{display:grid}.compact-row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.compact-row:last-child{border-bottom:0}.compact-row strong,.compact-row span,.compact-row b,.compact-row small{display:block}.compact-row span,.compact-row small{color:var(--muted);margin-top:4px}.text-right{text-align:right}.danger-text{color:var(--danger)!important;font-weight:800}.empty-inline{padding:24px;text-align:center;color:var(--muted)}.badge.warning{background:#fff3cd;color:#8a5a00}.badge.danger{background:#fee2e2;color:#991b1b}.accounting-entry-grid{align-items:start;margin-bottom:20px}.accounting-summary-list{display:grid;gap:12px;margin-top:18px}.accounting-summary-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.accounting-summary-list span{color:var(--muted);font-weight:700}.accounting-summary-list b{font-size:22px}.accounting-cash-form{margin-bottom:20px}.accounting-report-table{margin-top:20px}.table-wrap table small{display:block;margin-top:4px;color:var(--muted)}.row-actions form{margin:0}.accounting-sale-card .badge{white-space:nowrap}.accounting-update-form input,.accounting-update-form select,.accounting-update-form textarea{background:#fbfdff}.accounting-update-form{background:#f8fafc}.accounting-sale-grid small{line-height:1.5}
@media(max-width:900px){.accounting-stats.grid.cols-4,.accounting-secondary-stats.grid.cols-3,.accounting-dashboard-grid.grid.cols-2,.accounting-entry-grid.grid.cols-2{grid-template-columns:1fr 1fr}.accounting-tabs{position:sticky;top:0;z-index:15}.accounting-search{grid-template-columns:1fr 1fr}.accounting-search-main{grid-column:1/-1}}
@media(max-width:620px){.accounting-stats.grid.cols-4,.accounting-secondary-stats.grid.cols-3,.accounting-dashboard-grid.grid.cols-2,.accounting-entry-grid.grid.cols-2,.accounting-search{grid-template-columns:1fr}.accounting-search-main{grid-column:auto}.mini-stat{min-height:78px}.accounting-tabs{margin-left:-8px;margin-right:-8px;border-radius:0}.compact-row{align-items:flex-start}.table-wrap{overflow-x:auto}.accounting-sale-head{padding:18px}.accounting-update-form{padding:18px}.accounting-sale-grid>div{padding:16px 18px}}
@media print{.sidebar,.mobile-head,.mobile-menu-backdrop,.accounting-tabs,.topbar .btn,.actions,.accounting-search,.accounting-update-form,.accounting-cash-form,.accounting-entry-grid form,.row-actions{display:none!important}.app{display:block}.main{padding:0}.card{box-shadow:none;break-inside:avoid}.accounting-report-table{border:0}.topbar{margin-bottom:12px}}

.identity-completion-card{border:1px solid #bfdbfe;background:linear-gradient(180deg,#fff,#f8fbff)}.identity-completion-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.identity-completion-head h2{margin:5px 0 8px}.identity-completion-head p{margin:0;max-width:720px;color:#64748b}.identity-complete-existing .alert{margin:0;min-height:54px;display:flex;align-items:center}.identity-completion-closed{border:1px solid #e2e8f0;background:#f8fafc}.identity-completion-closed h3{margin:6px 0}.identity-completion-closed p{margin:0;color:#64748b}@media(max-width:700px){.identity-completion-head{flex-direction:column}.identity-completion-head .badge{align-self:flex-start}}

.sale-document-files{margin-top:10px}.identity-print-box{background:#fff}.identity-print-box img{width:100%;height:100%;object-fit:fill;display:block}.registration-print-row{margin-top:9px}.registration-print-row>strong{display:block;margin-bottom:5px}.registration-print-box{height:42mm;border:1px solid #c7ceda;display:grid;place-items:center;overflow:hidden;background:#fff}.registration-print-box img{width:100%;height:100%;object-fit:contain;display:block}@media print{.sale-document-files{margin-top:7px}.landscape-ids{gap:7px}.landscape-ids .id-box{height:43mm}.registration-print-row{margin-top:6px}.registration-print-box{height:36mm}.sale-signatures{margin-top:7px}.sale-signatures td{height:22mm}}

.sale-delete-security{border:1px solid #fecaca;background:linear-gradient(180deg,#fff,#fff7f7)}.sale-delete-security-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.sale-delete-security h2{margin:6px 0}.sale-delete-security p{color:#64748b}.badge.danger,.btn.danger{background:#b91c1c;color:#fff;border-color:#b91c1c}.sale-delete-confirm{max-width:560px;margin-top:18px;padding:18px;border:1px solid #fecaca;border-radius:18px;background:#fff}.sale-delete-confirm input{font-size:28px;font-weight:900;letter-spacing:.3em;text-align:center}.sale-delete-request{margin-top:18px}@media(max-width:700px){.sale-delete-security-head{flex-direction:column}.sale-delete-confirm{max-width:none}.sale-delete-confirm .actions{display:grid}}

.accounting-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.accounting-pdf-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:16px;border:1px solid #dbe4f0;border-radius:18px;background:linear-gradient(145deg,#f8fbff,#fff)}.accounting-pdf-upload>div:first-of-type{display:flex;flex-direction:column;gap:4px}.accounting-pdf-upload strong{font-size:15px}.accounting-pdf-upload span{font-size:12px;color:#64748b}.accounting-pdf-upload a{font-size:12px;font-weight:800;color:#1267e8}.accounting-pdf-upload label input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.accounting-pdf-upload .pdf-upload-status{grid-column:1/-1;min-height:18px;font-size:12px;color:#64748b}.accounting-doc-warning{margin:-6px 0 12px;padding:11px 14px;border-radius:12px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;font-weight:700;font-size:13px}@media(max-width:900px){.accounting-document-grid{grid-template-columns:1fr}.accounting-pdf-upload{grid-template-columns:1fr}.accounting-pdf-upload .btn{width:100%;justify-content:center}}


/* Mobile layout hardening */
html,body{max-width:100%;overflow-x:hidden}
.main,.card,.grid,.form-grid,.table-wrap,.accounting-sale-card,.service-card,.offer-card{min-width:0;max-width:100%}
img,video,canvas,svg{max-width:100%}
input,select,textarea,button{max-width:100%}
.word-safe,td,th,.card p,.card strong,.card span{overflow-wrap:anywhere;word-break:break-word}

@media(max-width:900px){
  body{-webkit-text-size-adjust:100%;overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent;padding-bottom:env(safe-area-inset-bottom)}
  .mobile-head{padding-top:max(14px,env(safe-area-inset-top));min-height:62px;box-shadow:0 6px 20px rgba(15,23,42,.06)}
  .sidebar{padding-top:max(24px,calc(env(safe-area-inset-top) + 18px));padding-bottom:max(24px,env(safe-area-inset-bottom))}
  .main{width:100%;padding:16px 12px 28px}
  .topbar{margin-bottom:16px}
  .topbar h1{font-size:24px;line-height:1.15}
  .card{padding:16px;border-radius:16px;box-shadow:0 8px 26px rgba(20,32,51,.07)}
  .grid,.grid.cols-2,.grid.cols-3,.grid.cols-4,.form-grid{width:100%;grid-template-columns:minmax(0,1fr)!important}
  .field,.field.full{grid-column:auto;min-width:0}
  input,select,textarea{font-size:16px;min-height:48px}
  textarea{min-height:110px}
  .actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:10px}
  .actions>.btn,.actions>a.btn,.actions>button,.actions>form,.actions>form>.btn,.row-actions,.row-actions>form,.row-actions .btn{width:100%;max-width:none}
  .btn{min-height:48px;width:100%;font-size:15px;border-radius:12px}
  .btn.small{min-height:44px;font-size:14px}
  .section-title,.section-heading,.form-head,.service-card-head,.accounting-sale-head,.accounting-toolbar{min-width:0}
  .service-hero{padding:20px 16px;border-radius:18px;align-items:stretch;flex-direction:column}
  .responsible-card{min-width:0;width:100%}
  .quick-actions{grid-template-columns:1fr}
  .quick-action{grid-template-columns:1fr;gap:8px}
  .quick-action>*{min-width:0}
  .accounting-tabs{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;white-space:nowrap;padding-bottom:4px}
  .accounting-tabs::-webkit-scrollbar{display:none}
  .accounting-tabs a{flex:0 0 auto}
  .accounting-pdf-upload{border-radius:14px}

  .table-wrap{overflow:visible!important;width:100%;border:0;background:transparent;box-shadow:none;padding:0}
  .table-wrap>h2,.table-wrap>.section-head{padding:0 2px}
  .table-wrap table.mobile-card-table{display:block;width:100%;border:0;background:transparent}
  .table-wrap table.mobile-card-table thead{display:none}
  .table-wrap table.mobile-card-table tbody{display:grid;gap:12px;width:100%}
  .table-wrap table.mobile-card-table tr{display:block;width:100%;padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.06)}
  .table-wrap table.mobile-card-table tr:only-child td[colspan]{display:block;text-align:center;border:0;padding:18px 8px}
  .table-wrap table.mobile-card-table td{display:grid;grid-template-columns:minmax(105px,38%) minmax(0,1fr);align-items:start;gap:10px;width:100%;min-width:0;padding:9px 0;border:0;border-bottom:1px solid #edf1f6;text-align:right;white-space:normal}
  .table-wrap table.mobile-card-table td:last-child{border-bottom:0;padding-bottom:0}
  .table-wrap table.mobile-card-table td::before{content:attr(data-label);font-size:12px;font-weight:800;color:var(--muted);text-align:left;line-height:1.35}
  .table-wrap table.mobile-card-table td[data-label=""],.table-wrap table.mobile-card-table td:not([data-label]){grid-template-columns:1fr;text-align:left}
  .table-wrap table.mobile-card-table td[data-label=""]::before,.table-wrap table.mobile-card-table td:not([data-label])::before{display:none}
  .table-wrap table.mobile-card-table td>*{min-width:0;max-width:100%}
  .table-wrap table.mobile-card-table td small{display:block;margin-top:3px}
  .table-wrap table.mobile-card-table td .row-actions,.table-wrap table.mobile-card-table td .actions{display:grid;grid-template-columns:1fr;width:100%;margin:0}
  .table-wrap table.mobile-card-table td .btn{width:100%}

  .accounting-sale-grid{grid-template-columns:1fr!important}
  .accounting-update-form{grid-template-columns:1fr!important;padding:16px}
  .accounting-update-form .full{grid-column:auto}
  .accounting-sale-head{padding:16px}
  .accounting-sale-grid>div{padding:14px 16px}
  .sale-delete-confirm input{letter-spacing:.14em}
  .attendance-camera,.attendance-camera video{min-height:300px}
}

@media(max-width:420px){
  .main{padding-left:10px;padding-right:10px}
  .card{padding:14px}
  .topbar h1{font-size:22px}
  .stat b{font-size:25px}
  .table-wrap table.mobile-card-table td{grid-template-columns:minmax(92px,36%) minmax(0,1fr);font-size:14px}
}
.accounting-report-tab-form{margin:0;display:flex;flex:0 0 auto}
.accounting-tab-button{appearance:none;border:0;background:transparent;padding:11px 15px;border-radius:8px;color:var(--muted);font:inherit;font-weight:800;white-space:nowrap;cursor:pointer}
.accounting-tab-button:hover,.accounting-tab-button.active{background:var(--accent);color:#fff}
.accounting-report-lock{max-width:720px;margin:28px auto;text-align:center;padding:42px}
.accounting-report-lock-icon{width:72px;height:72px;margin:0 auto 18px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,#eef4ff,#dbeafe);font-size:34px}
.accounting-report-lock h2{font-size:28px;margin:8px 0 10px}
.accounting-report-lock p{color:var(--muted);max-width:560px;margin:0 auto 24px;line-height:1.7}
.accounting-report-verify{max-width:420px;margin:0 auto;display:grid;gap:14px}
.accounting-report-verify input{text-align:center;font-size:28px;font-weight:900;letter-spacing:.3em;font-variant-numeric:tabular-nums}
.accounting-report-resend{margin:12px 0 8px}
.accounting-report-lock small{display:block;color:var(--muted);margin-top:14px}
.accounting-report-unlock-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:14px 16px;border:1px solid #bbf7d0;border-radius:14px;background:#ecfdf5;color:#166534;font-weight:800}
.accounting-report-unlock-bar form{margin:0}
@media(max-width:620px){.accounting-report-lock{margin:16px 0;padding:24px 18px}.accounting-report-lock h2{font-size:22px}.accounting-report-unlock-bar{align-items:stretch;flex-direction:column}.accounting-report-unlock-bar .btn{width:100%}.accounting-tab-button{padding:11px 15px}}
@media print{.accounting-report-unlock-bar{display:none!important}}

/* A4 sales print stabilization */
.print-page{margin:0;box-sizing:border-box;overflow-x:auto}
.print-page *{box-sizing:border-box}
.sale-sheet{display:block;width:210mm;max-width:210mm;min-height:297mm;height:297mm;margin:0 auto;padding:9mm 10mm 8mm;overflow:hidden;break-inside:avoid;page-break-inside:avoid}
.sale-sheet .sheet-head{margin-bottom:7px;padding-bottom:7px;gap:10px}
.sale-sheet .sheet-brand-text{font-size:19px}
.sale-sheet .sheet-head h1{font-size:20px}
.sale-sheet .sheet-head>div:last-child{font-size:11px;line-height:1.45;white-space:nowrap}
.sale-sheet .print-table{width:100%;table-layout:fixed;border-collapse:collapse}
.sale-sheet .print-table th,.sale-sheet .print-table td{padding:5px 6px;font-size:10.5px;line-height:1.25;overflow-wrap:anywhere}
.sale-sheet .sale-document-files{margin-top:6px}
.sale-sheet .id-grid{gap:7px;margin-top:5px}
.sale-sheet .id-grid>div>strong,.sale-sheet .registration-print-row>strong{display:block;margin-bottom:3px;font-size:10px}
.sale-sheet .id-box{height:42mm;background:#fff;overflow:hidden}
.sale-sheet .identity-print-box img{width:100%;height:100%;object-fit:contain!important;object-position:center;display:block}
.sale-sheet .registration-print-row{margin-top:5px}
.sale-sheet .registration-print-box{height:33mm;overflow:hidden}
.sale-sheet .registration-print-box img{width:100%;height:100%;object-fit:contain!important;object-position:center;display:block}
.sale-sheet .sale-signatures{margin-top:6px}
.sale-sheet .sale-signatures td{height:18mm}
.chassis-edit-card{border:1px solid #fde68a;background:linear-gradient(180deg,#fff,#fffbeb)}
.chassis-edit-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}
.chassis-edit-head h2{margin:5px 0 8px}.chassis-edit-head p{margin:0;color:#64748b}.chassis-edit-closed{background:#f8fafc}
@media screen and (max-width:900px){
  body.print-page{padding:8px;background:#eef2f7;overflow-x:hidden}
  .print-page>.actions.no-print{width:100%!important;max-width:none!important;margin:0 0 8px!important;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .print-page>.actions.no-print .btn{width:100%;min-width:0}
  .sheet.sale-sheet{width:100%;max-width:100%;height:auto;min-height:0;margin:0 auto;padding:16px 12px;border:0;border-radius:12px;overflow:visible;transform:none}
  .sale-sheet .sheet-head{flex-direction:column;align-items:flex-start}
  .sale-sheet .sheet-head>div:last-child{white-space:normal}
  .sale-sheet .print-table{table-layout:auto}
  .sale-sheet .id-grid{grid-template-columns:1fr}
  .sale-sheet .id-box{height:auto;min-height:0;aspect-ratio:1.586/1}
  .sale-sheet .registration-print-box{height:auto;aspect-ratio:1.42/1}
  .chassis-edit-head{flex-direction:column}
}
@media print{
  html,body{width:210mm!important;min-width:210mm!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important}
  body.print-page{width:210mm!important;min-width:210mm!important;margin:0!important;padding:0!important}
  .print-page>.actions.no-print{display:none!important}
  .sheet.sale-sheet{position:relative!important;left:0!important;right:auto!important;top:0!important;width:210mm!important;max-width:210mm!important;min-width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;margin:0!important;padding:9mm 10mm 8mm!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;transform:none!important;page-break-before:auto!important;page-break-after:always!important;break-after:page!important}
  .sheet.sale-sheet:last-of-type{page-break-after:auto!important;break-after:auto!important}
  .sale-sheet .id-box,.sale-sheet .registration-print-box{break-inside:avoid;page-break-inside:avoid}
  .sale-sheet img{max-width:100%!important;max-height:100%!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}
}

/* A4 satış formu güvenli baskı düzeni */
.sheet,
.sheet * {
    box-sizing: border-box;
}

.sale-sheet .landscape-ids {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8mm;
    align-items: start;
}

.sale-sheet .landscape-ids > div {
    min-width: 0;
}

.sale-sheet .identity-print-box {
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1.586 / 1;
    padding: 1.2mm;
    overflow: visible !important;
    background: #fff;
}

.sale-sheet .identity-print-box img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}

.sale-sheet .registration-print-box {
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1.65 / 1;
    padding: 1.2mm;
    overflow: visible !important;
}

.sale-sheet .registration-print-box img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}

@media print {
    @page {
        size: A4 portrait;
        margin: 0;
    }

    html,
    body,
    body.print-page {
        width: 210mm !important;
        min-width: 210mm !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: #fff !important;
    }

    .sheet.sale-sheet {
        position: static !important;
        width: 210mm !important;
        min-width: 210mm !important;
        max-width: 210mm !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 auto !important;
        padding: 7mm 8mm 6mm !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
        transform: none !important;
        page-break-before: auto !important;
        page-break-after: auto !important;
        break-before: auto !important;
        break-after: auto !important;
    }

    .sale-sheet .sheet-head {
        margin-bottom: 6px !important;
        padding-bottom: 6px !important;
    }

    .sale-sheet .sheet-brand-text {
        font-size: 21px !important;
    }

    .sale-sheet .sheet-head h1 {
        font-size: 21px !important;
        line-height: 1.15 !important;
    }

    .sale-sheet .sheet-head > div:last-child {
        font-size: 11.5px !important;
        line-height: 1.4 !important;
    }

    .sale-sheet .print-table th,
    .sale-sheet .print-table td {
        padding: 5.5px 6.5px !important;
        font-size: 11.5px !important;
        line-height: 1.3 !important;
        vertical-align: middle !important;
    }

    .sale-sheet .sale-document-files {
        margin-top: 7px !important;
    }

    .sale-sheet .id-grid > div > strong,
    .sale-sheet .registration-print-row > strong {
        margin-bottom: 4px !important;
        font-size: 11.5px !important;
        line-height: 1.2 !important;
    }

    .sale-sheet .identity-print-box,
    .sale-sheet .registration-print-box,
    .sale-sheet .identity-print-box img,
    .sale-sheet .registration-print-box img {
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

    .sale-sheet .registration-print-row {
        margin-top: 7px !important;
    }

    .sale-sheet .registration-print-box {
        max-height: 42mm !important;
    }

    .sale-sheet .sale-signatures {
        margin-top: 7px !important;
    }

    .sale-sheet .sale-signatures td {
        height: 21mm !important;
    }

    .sale-sheet img {
        print-color-adjust: exact !important;
        -webkit-print-color-adjust: exact !important;
    }
}

.conditional-card{border:1px solid #e2e8f0;border-radius:18px;padding:18px;background:#f8fafc}.conditional-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.conditional-head strong,.conditional-head span{display:block}.conditional-head span{margin-top:4px;color:#64748b;font-size:13px}.segmented{display:flex;gap:8px;flex-wrap:wrap}.segmented label{display:flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;font-weight:700;cursor:pointer}.segmented input{width:auto;margin:0}.conditional-body{margin-top:18px;padding-top:18px;border-top:1px solid #e2e8f0}.conditional-body[hidden]{display:none!important}.accessory-list{display:grid;gap:12px;margin-bottom:12px}.accessory-row{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(220px,1.3fr) auto;gap:12px;align-items:end;padding:14px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.accessory-remove{margin-bottom:2px}.sale-accessories-table{margin-top:10px}.sale-accessories-table th:first-child,.sale-accessories-table td:first-child{width:42px;text-align:center}
.sale-accessories-empty th:first-child{width:38%;text-align:left}
@media(max-width:760px){.conditional-head{align-items:flex-start;flex-direction:column}.segmented{width:100%}.segmented label{flex:1;justify-content:center}.accessory-row{grid-template-columns:1fr}.accessory-remove{width:100%}}
@media print{.sale-accessories-table{margin-top:3mm}.sale-accessories-table th,.sale-accessories-table td{padding:1.6mm 2mm}}

.accounting-detail-stats{margin:0 0 20px}.detail-stat{min-height:118px;display:flex;flex-direction:column;justify-content:center}.detail-stat span{color:var(--muted);font-weight:800}.detail-stat b{font-size:25px;margin:8px 0 3px}.detail-stat small{color:var(--muted)}
.accounting-calculator-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border:0}.accounting-calculator-intro h2{font-size:28px;margin:6px 0}.accounting-calculator-intro p{max-width:720px;color:#cbd5e1;margin:0}.accounting-rate-note{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}.accounting-rate-note span{color:#fde68a;font-weight:800}.accounting-calculator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}.calculator-card{padding:24px;display:flex;flex-direction:column;gap:20px}.calculator-head{display:flex;align-items:flex-start;gap:14px}.calculator-head>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:14px;background:#111827;color:#ffd400;font-weight:900}.calculator-head h2{margin:0 0 5px;font-size:21px}.calculator-head p{margin:0;color:var(--muted);line-height:1.5}.calculator-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.calculator-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:auto}.calculator-results-four{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-results>div{padding:15px;border:1px solid var(--line);border-radius:14px;background:#f8fafc}.calculator-results span{display:block;color:var(--muted);font-size:12px;font-weight:800;margin-bottom:7px}.calculator-results strong{display:block;font-size:18px;word-break:break-word}.calculator-results .primary-result{background:#eff6ff;border-color:#bfdbfe}.calculator-results .primary-result strong{color:#0f5ed7}.calculator-guidance h2{margin-top:0}.calculator-guidance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.calculator-guidance-grid>div{padding:17px;border:1px solid var(--line);border-radius:14px;background:#fbfdff}.calculator-guidance-grid strong,.calculator-guidance-grid span{display:block}.calculator-guidance-grid span{margin-top:7px;color:var(--muted);line-height:1.55}
@media(max-width:1000px){.accounting-detail-stats.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-calculator-grid{grid-template-columns:1fr}.accounting-calculator-intro{align-items:flex-start;flex-direction:column}.accounting-rate-note{width:100%}}
@media(max-width:620px){.accounting-detail-stats.grid.cols-4,.calculator-fields,.calculator-results,.calculator-results-four,.calculator-guidance-grid{grid-template-columns:1fr}.accounting-calculator-intro{padding:20px}.accounting-calculator-intro h2{font-size:23px}.calculator-card{padding:18px}.calculator-results strong{font-size:20px}}

.product-sales-layout{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(460px,1.2fr);gap:22px;align-items:start}.product-scanner-card,.product-cart-card{min-width:0}.product-camera-shell{position:relative;min-height:390px;background:#08111f;border-radius:24px;overflow:hidden;margin:18px 0}.product-camera-shell video{display:block;width:100%;height:390px;object-fit:cover}.product-scan-frame{position:absolute;left:7%;right:7%;top:19%;height:58%;border:4px solid #ffd400;border-radius:22px;box-shadow:0 0 0 999px rgba(2,6,23,.52),0 0 24px rgba(255,212,0,.35);pointer-events:none}.product-scan-frame:before{content:"ETİKETİ BU ALANA TAM SIĞDIRIN";position:absolute;left:50%;top:-34px;transform:translateX(-50%);white-space:nowrap;background:#ffd400;color:#111827;padding:7px 12px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.04em}.product-camera-message{position:absolute;left:16px;right:16px;bottom:16px;padding:12px 14px;border-radius:14px;background:rgba(15,23,42,.88);color:#fff;text-align:center;font-weight:800}.product-manual{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:14px}.product-cart-list{display:grid;gap:12px;margin:18px 0}.product-cart-empty{padding:28px;border:1px dashed #cbd5e1;border-radius:18px;text-align:center;color:#64748b}.product-cart-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:14px;align-items:center;padding:14px;border:1px solid #e5e7eb;border-radius:18px;background:#fff}.product-cart-main{min-width:0}.product-cart-main strong,.product-cart-main span{display:block;overflow-wrap:anywhere}.product-cart-main span{color:#64748b;font-size:13px;margin-top:4px}.product-cart-price{font-weight:900}.product-qty{display:grid;grid-template-columns:36px 58px 36px;align-items:center}.product-qty button{height:38px;border:1px solid #cbd5e1;background:#f8fafc;font-size:20px}.product-qty input{height:38px;border-radius:0;text-align:center;padding:4px}.product-discount-grid{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:end;margin:22px 0}.product-totals{display:grid;gap:8px}.product-totals>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid #e5e7eb}.product-totals .grand{font-size:20px;color:#0f172a}.product-detect-modal{position:fixed;inset:0;z-index:1200;background:rgba(2,6,23,.72);display:grid;place-items:center;padding:20px}.product-detect-modal[hidden]{display:none}.product-detect-card{width:min(520px,100%);background:#fff;border-radius:26px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.3)}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.permission-item{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid #e5e7eb;border-radius:16px;background:#fff}.permission-item input{width:20px;height:20px}.permission-item strong,.permission-item small{display:block}.permission-item small{color:#64748b;margin-top:3px}.product-print-table td:nth-child(3){min-width:45mm}.print-barcode{width:42mm;height:12mm;display:block;margin:auto}.barcode-text{text-align:center;font:11px/1.2 monospace;margin-top:3px}.product-print-totals{margin:14px 0 0 auto;width:80mm;border:1px solid #111827}.product-print-totals>div{display:flex;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #111827}.product-print-totals>div:last-child{font-size:17px;border-bottom:0}.modal-open{overflow:hidden}
@media(max-width:900px){.product-sales-layout{grid-template-columns:1fr}.product-camera-shell,.product-camera-shell video{min-height:330px;height:330px}.product-cart-item{grid-template-columns:1fr}.product-cart-price{font-size:18px}.product-qty{width:max-content}.product-discount-grid{grid-template-columns:1fr}.product-manual{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}}
@media print{.product-print-table{font-size:10px}.product-print-table th,.product-print-table td{padding:5px}.product-print-totals{break-inside:avoid}.print-barcode{width:40mm;height:11mm}}

.product-learning-note{margin-top:14px;padding:14px 16px;border:1px solid #bfdbfe;border-radius:16px;background:#eff6ff;display:flex;flex-direction:column;gap:4px;color:#1e3a8a}.product-learning-note strong{font-size:14px}.product-learning-note span{font-size:13px;line-height:1.45;color:#475569}.product-detect-card input[data-product-detect-barcode]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.product-barcode-print{display:grid;gap:4px;justify-items:center;min-width:48mm}.product-label-sample{display:block;width:46mm;max-height:22mm;object-fit:contain;border:1px solid #d1d5db;background:#fff}.product-barcode-print .print-barcode{width:48mm;height:15mm;display:block;background:#fff}.product-barcode-print .barcode-text{font-size:12px;font-weight:800;letter-spacing:.12em}.product-camera-shell.is-ready .product-camera-message{background:rgba(6,95,70,.9)}
@media(max-width:900px){.product-scanner-card .actions [data-product-camera-start]{order:3}.product-scanner-card .actions [data-product-label-read]{order:1}.product-scanner-card .actions [data-product-camera-stop]{order:2}}
@media print{.product-label-sample{width:44mm;max-height:19mm}.product-barcode-print .print-barcode{width:46mm;height:14mm}.product-barcode-print{break-inside:avoid}.product-print-table td:nth-child(3){min-width:50mm}}
.customer-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#111827,#1f2937);color:#fff;margin-bottom:22px;box-shadow:0 18px 50px rgba(15,23,42,.16)}.customer-welcome h2{margin:6px 0 8px;font-size:30px}.customer-welcome p{margin:0;color:#cbd5e1}.customer-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.customer-summary-card{min-height:190px;display:flex;flex-direction:column;justify-content:center}.customer-summary-card>span{color:#64748b;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.customer-summary-card h3{font-size:22px;margin:14px 0 8px}.customer-summary-card p{margin:0 0 8px;color:#334155}.customer-summary-card small{color:#94a3b8}.empty-mini{padding:22px 0;color:#94a3b8}.customer-dashboard-lower{align-items:start}.customer-timeline{display:grid;gap:12px}.customer-timeline>div{display:grid;grid-template-columns:150px 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid #e5e7eb;border-radius:16px}.customer-timeline span{color:#334155}.customer-timeline small{color:#94a3b8}.customer-appointment-layout{align-items:start}.appointment-list{display:grid;gap:14px}.appointment-card,.appointment-admin-card{border:1px solid #e5e7eb;border-radius:18px;padding:18px;background:#fff}.appointment-card{display:flex;justify-content:space-between;gap:20px}.appointment-card h3{margin:10px 0 6px}.appointment-card p{margin:0;color:#475569}.appointment-meta{display:flex;flex-direction:column;gap:8px;align-items:flex-end;text-align:right}.appointment-meta span,.appointment-meta small{color:#64748b}.appointment-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.appointment-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.appointment-card-head h3{margin:6px 0}.appointment-card-head p{margin:0;color:#64748b}.appointment-request{margin:16px 0;padding:14px;border-radius:14px;background:#f8fafc}.appointment-request p{margin:8px 0 0;color:#334155}.customer-summary-card,.appointment-card,.appointment-admin-card{transition:transform .2s ease,box-shadow .2s ease}.customer-summary-card:hover,.appointment-card:hover,.appointment-admin-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,23,42,.08)}
@media(max-width:900px){.customer-welcome{align-items:flex-start;flex-direction:column;padding:22px}.customer-welcome .btn{width:100%}.customer-summary-grid{grid-template-columns:1fr}.customer-summary-card{min-height:auto}.customer-timeline>div{grid-template-columns:1fr;gap:5px}.customer-timeline small{justify-self:start}.customer-appointment-layout{grid-template-columns:1fr}.appointment-card{flex-direction:column}.appointment-meta{align-items:flex-start;text-align:left}.appointment-admin-grid{grid-template-columns:1fr}.appointment-card-head{flex-direction:column}.customer-dashboard-lower{grid-template-columns:1fr}}
.customer-account-page{display:grid;gap:22px;max-width:980px}.customer-account-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#111827,#263244);color:#fff;box-shadow:0 18px 50px rgba(15,23,42,.16)}.customer-account-hero h2{font-size:30px;margin:7px 0}.customer-account-hero p{margin:0;color:#cbd5e1}.customer-account-avatar{display:grid;place-items:center;flex:0 0 76px;height:76px;border-radius:24px;background:#ffd400;color:#111827;font-size:34px;font-weight:900}.customer-account-form{padding:26px}.customer-account-shortcut{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.customer-contact-preview{display:grid;gap:7px;margin:8px 0 20px;color:#64748b}.customer-appointment-profile{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.customer-profile-facts{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px;flex:1}.customer-profile-facts span,.appointment-customer-details>div{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;min-width:0}.customer-profile-facts b,.appointment-customer-details span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.customer-profile-facts .full,.appointment-customer-details .full{grid-column:1/-1}.appointment-customer-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.appointment-readonly-note{display:flex;flex-direction:column;gap:4px;margin-top:16px;padding:14px 16px;border-radius:14px;background:#eff6ff;color:#1d4ed8}.appointment-readonly-note span{font-size:13px}.appointment-admin-card>form{margin-top:16px}
@media(max-width:760px){.customer-account-hero,.customer-appointment-profile{align-items:flex-start;flex-direction:column}.customer-account-avatar{order:-1}.customer-profile-facts,.appointment-customer-details{grid-template-columns:1fr;width:100%}.customer-profile-facts .full,.appointment-customer-details .full{grid-column:auto}.customer-appointment-profile .btn{width:100%}.customer-account-form{padding:18px}}


.product-catalog-search{margin-bottom:20px}.soft-separator{border:0;border-top:1px solid #e5e7eb;margin:24px 0}.product-search-box{display:grid;gap:7px}.product-search-box input{font-size:16px}.product-search-box span{font-size:12px;color:#64748b}.product-search-results{display:grid;gap:8px;margin-top:12px;max-height:360px;overflow:auto}.product-search-result{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:13px 14px;border:1px solid #e2e8f0;border-radius:15px;background:#fff;cursor:pointer}.product-search-result:hover{border-color:#111827;box-shadow:0 8px 24px rgba(15,23,42,.08)}.product-search-result:disabled{opacity:.55;cursor:not-allowed}.product-search-result strong,.product-search-result small{display:block}.product-search-result small{color:#64748b;margin-top:4px}.product-search-meta{text-align:right;flex:0 0 auto}.product-search-meta b,.product-search-meta em{display:block}.product-search-meta em{font-style:normal;font-size:12px;color:#047857;margin-top:3px}.product-search-meta em.out{color:#b91c1c}.product-search-empty{padding:18px;text-align:center;color:#64748b;border:1px dashed #cbd5e1;border-radius:14px}
.inventory-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.metric-card.warning{border-color:#f59e0b}.metric-card.danger{border-color:#ef4444}.inventory-tools{align-items:start}.inventory-import-history{display:grid;gap:10px}.inventory-import-history>div{padding:13px;border:1px solid #e5e7eb;border-radius:14px}.inventory-import-history strong,.inventory-import-history span{display:block}.inventory-import-history span{font-size:12px;color:#64748b;margin-top:4px}.inventory-search{display:flex;gap:10px;align-items:center}.inventory-search input{min-width:320px}.inventory-card-list{display:grid;gap:16px}.inventory-card{border:1px solid #e5e7eb;border-left:5px solid #10b981;border-radius:20px;padding:18px;background:#fff}.inventory-card.warning{border-left-color:#f59e0b}.inventory-card.danger{border-left-color:#ef4444}.inventory-card-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.inventory-card-head small,.inventory-card-head span{display:block;color:#64748b}.inventory-card-head h3{margin:4px 0 5px}.inventory-stock{text-align:center;min-width:90px;padding:10px 14px;border-radius:14px;background:#f8fafc}.inventory-stock strong,.inventory-stock span{display:block}.inventory-stock strong{font-size:28px}.inventory-edit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.inventory-edit-grid .wide{grid-column:span 2}.inventory-adjust{display:grid;grid-template-columns:170px 130px 1fr auto;gap:10px;margin-top:14px;padding-top:14px;border-top:1px dashed #cbd5e1}.notice{padding:13px;border-radius:14px;background:#eff6ff;color:#1e40af;font-size:13px}
@media(max-width:900px){.inventory-summary{grid-template-columns:1fr 1fr}.inventory-tools{grid-template-columns:1fr}.inventory-search{width:100%;display:grid}.inventory-search input{min-width:0;width:100%}.inventory-card-head{flex-direction:column}.inventory-stock{width:100%;display:flex;align-items:center;justify-content:space-between}.inventory-edit-grid{grid-template-columns:1fr}.inventory-edit-grid .wide{grid-column:auto}.inventory-adjust{grid-template-columns:1fr}.product-search-result{align-items:flex-start;flex-direction:column}.product-search-meta{text-align:left}}

/* Mobile application experience */
@media screen and (max-width: 900px) {
  :root { --mobile-gutter: 12px; }
  html { background: var(--soft); scroll-behavior: smooth; }
  body { min-height: calc(var(--app-vh, 1vh) * 100); touch-action: manipulation; }
  body:not(.print-page) { padding-bottom: max(18px, env(safe-area-inset-bottom)); }
  .app { width: 100%; min-height: calc(var(--app-vh, 1vh) * 100); }
  .mobile-head {
    position: sticky; top: 0; z-index: 1200;
    min-height: calc(58px + env(safe-area-inset-top));
    padding: max(10px, env(safe-area-inset-top)) 14px 10px;
    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    background: rgba(255,255,255,.94);
  }
  .mobile-head strong { font-size: 16px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .mobile-menu-toggle { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 14px; }
  .sidebar { width: min(88vw, 340px); padding-left: 16px; padding-right: 16px; }
  .sidebar .brand-logo { width: 168px; margin-left: 2px; }
  .sidebar .shop-title { margin-bottom: 16px; }
  .nav { gap: 7px; }
  .nav a { min-height: 48px; display: flex; align-items: center; padding: 12px 14px; border-radius: 14px; font-size: 15px; }
  .main { padding: 14px var(--mobile-gutter) 30px; }
  .sales-search { grid-template-columns: minmax(0,1fr); }
  .sales-search-actions { display: grid; grid-template-columns: minmax(0,1fr); }
  .sales-search-actions .btn { width: 100%; }
  .sales-search-summary { align-items: flex-start; flex-wrap: wrap; }
  .sales-search-summary span { width: 100%; margin-left: 0; overflow-wrap: anywhere; }
  .topbar { gap: 10px; }
  .topbar > div, .topbar .actions { width: 100%; }
  .topbar h1 { font-size: clamp(22px, 6vw, 28px); }
  .sub { font-size: 14px; line-height: 1.45; }
  .card, .login-box, .accounting-sale-card, .service-card, .offer-card, .inventory-card, .appointment-card, .appointment-admin-card {
    border-radius: 18px;
  }
  .card { padding: 16px; }
  h1,h2,h3 { overflow-wrap: anywhere; }
  h2 { font-size: clamp(19px, 5vw, 24px); }
  h3 { font-size: 18px; }
  .form-grid, .grid, .grid.cols-2, .grid.cols-3, .grid.cols-4, .accounting-search, .accounting-update-form, .accounting-entry-grid,
  .product-sales-layout, .offer-layout, .customer-appointment-layout, .customer-dashboard-lower, .inventory-tools,
  .permission-grid, .service-board, .appointment-admin-grid { grid-template-columns: minmax(0,1fr) !important; }
  .field, .field.full, .wide { grid-column: auto !important; min-width: 0; }
  label { font-size: 13px; }
  input, select, textarea { border-radius: 13px; padding: 13px 14px; font-size: 16px !important; line-height: 1.35; }
  select { padding-right: 38px; }
  textarea { min-height: 112px; }
  input[type="checkbox"], input[type="radio"] { min-height: 0; width: 20px; height: 20px; }
  .btn, button.btn, a.btn { min-height: 48px; border-radius: 13px; padding: 12px 15px; display: inline-flex; align-items: center; justify-content: center; text-align: center; }
  .actions, .row-actions, .attendance-scanner-actions { display: grid; grid-template-columns: minmax(0,1fr); gap: 9px; width: 100%; }
  .actions > *, .row-actions > *, .attendance-scanner-actions > * { width: 100%; min-width: 0; }
  .segmented { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; }
  .segmented label { min-height: 48px; justify-content: center; text-align: center; }
  .conditional-card { padding: 15px; border-radius: 16px; }
  .conditional-head, .section-heading, .section-head, .form-head, .service-card-head, .accounting-toolbar,
  .inventory-card-head, .appointment-card-head, .customer-welcome, .customer-account-hero { flex-direction: column; align-items: stretch; }
  .conditional-head > *, .section-heading > *, .section-head > *, .form-head > * { min-width: 0; }
  .badge { align-self: flex-start; }
  .accounting-tabs { top: calc(58px + env(safe-area-inset-top)); margin-left: calc(var(--mobile-gutter) * -1); margin-right: calc(var(--mobile-gutter) * -1); border-left: 0; border-right: 0; border-radius: 0; }
  .accounting-tabs a, .accounting-tab-button { min-height: 44px; display: inline-flex; align-items: center; }
  .compact-row, .mini-stat, .accounting-summary-list > div, .product-totals > div { align-items: flex-start; }
  .compact-row { flex-direction: column; }
  .text-right { text-align: left; }
  .product-camera-shell { min-height: 300px; border-radius: 18px; }
  .product-camera-shell video { height: 300px; }
  .product-scan-frame { left: 4%; right: 4%; top: 18%; height: 62%; border-width: 3px; }
  .product-scan-frame:before { max-width: 92%; white-space: normal; text-align: center; top: -42px; }
  .product-manual, .product-discount-grid { grid-template-columns: minmax(0,1fr); }
  .product-cart-item { grid-template-columns: minmax(0,1fr); align-items: stretch; }
  .product-cart-price { font-size: 18px; }
  .product-qty { width: 100%; grid-template-columns: 48px minmax(0,1fr) 48px; }
  .product-qty button, .product-qty input { height: 48px; }
  .product-search-results { max-height: none; overflow: visible; }
  .product-search-result { border-radius: 16px; padding: 15px; }
  .product-search-meta { width: 100%; display: flex; justify-content: space-between; gap: 10px; }
  .inventory-summary { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .inventory-card { padding: 15px; }
  .inventory-stock { min-width: 0; }
  .inventory-edit-grid, .inventory-adjust { grid-template-columns: minmax(0,1fr) !important; }
  .appointment-card, .offer-card { padding: 16px; }
  .customer-summary-grid { grid-template-columns: minmax(0,1fr); }
  .customer-timeline > div { grid-template-columns: minmax(0,1fr); }
  .attendance-filter { display: grid; grid-template-columns: minmax(0,1fr); align-items: stretch; }
  .attendance-filter .field { max-width: none; }
  .attendance-kiosk-top { flex-direction: column; align-items: stretch; }
  .attendance-kiosk-top .btn { width: 100%; }
  .identity-camera-panel, .product-detect-card { width: 100%; max-height: calc(var(--app-vh, 1vh) * 94); overflow-y: auto; border-radius: 22px; }
  .identity-camera-modal, .product-detect-modal { padding: 10px; align-items: end; }
  .identity-camera-panel, .product-detect-card { border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding-bottom: max(20px, env(safe-area-inset-bottom)); }
  .alert, .notice { border-radius: 14px; line-height: 1.5; }
  .stat { min-height: 92px; }
  .stat b { font-size: 27px; }
  .login-shell { min-height: calc(var(--app-vh, 1vh) * 100); padding: 14px; }
  .login-box { padding: 22px 18px; }
  .login-logo { width: 180px; }
}

@media screen and (max-width: 520px) {
  :root { --mobile-gutter: 10px; }
  .card { padding: 14px; }
  .inventory-summary { grid-template-columns: minmax(0,1fr) !important; }
  .segmented { grid-template-columns: minmax(0,1fr); }
  .table-wrap table.mobile-card-table td { grid-template-columns: minmax(0,1fr); text-align: left; gap: 4px; }
  .table-wrap table.mobile-card-table td::before { font-size: 11px; }
  .accounting-report-lock { padding: 22px 14px; }
  .accounting-report-verify input { letter-spacing: .15em; }
}

@media (hover: none) and (pointer: coarse) {
  .btn:active, .nav a:active, .product-search-result:active, .quick-action:active { transform: scale(.985); }
  .btn, .nav a, .product-search-result, .quick-action { transition: transform .12s ease, background-color .15s ease, border-color .15s ease; }
}

/* İşletme Merkezi */
.business-tabs{display:flex;gap:8px;overflow:auto;padding:4px 0 12px;scrollbar-width:thin;position:sticky;top:0;z-index:8;background:var(--bg,#f5f6f8)}
.business-tabs a{white-space:nowrap;padding:10px 14px;border-radius:12px;background:#fff;border:1px solid #e6e8ec;font-weight:700;text-decoration:none;color:inherit}
.business-tabs a.active{background:#111827;color:#fff;border-color:#111827}
.business-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}
.business-metrics .metric-card small{display:block;margin-top:6px;color:#667085}
.quick-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.quick-action{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid #e6e8ec;border-radius:14px;text-decoration:none;color:inherit;background:#fff}
.quick-action:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.06)}
.business-form{margin-bottom:16px}.business-record-list{display:grid;gap:10px}.business-record{border:1px solid #e7e9ee;border-radius:14px;padding:14px;background:#fff}.business-record>div:first-child{display:flex;justify-content:space-between;gap:12px}.business-record small{color:#667085}.business-record p{white-space:pre-wrap}.inline-status{display:flex;gap:8px;align-items:center}.inline-status input{max-width:220px}.customer-360-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.customer-360-card{border:1px solid #e7e9ee;border-radius:16px;padding:16px}.customer-360-card h3{margin:0 0 6px}.customer-360-card p{color:#667085}.customer-360-card>div{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #f0f1f3}.pricing-rule{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #eee}.checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.checklist-grid label{padding:12px;border:1px solid #e7e9ee;border-radius:12px}.label-product-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:420px;overflow:auto;margin:14px 0}.label-product{display:flex;flex-direction:column;text-align:left;padding:12px;border:1px solid #e7e9ee;border-radius:12px;background:#fff}.label-product span{color:#667085;font-size:12px}.label-preview{width:60mm;min-height:35mm;border:1px dashed #111;padding:10px;margin:18px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.label-preview svg{max-width:100%}
@media(max-width:1100px){.business-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-360-list,.label-product-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.business-tabs{top:58px;margin:0 -14px;padding:8px 14px;background:rgba(245,246,248,.96);backdrop-filter:blur(12px)}.business-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action-grid,.customer-360-list,.label-product-list,.checklist-grid{grid-template-columns:1fr}.inline-status{flex-direction:column;align-items:stretch}.inline-status input{max-width:none}.business-record>div:first-child{flex-direction:column}.label-preview{width:100%;max-width:60mm}}
@media print{
  body:not(.print-page) *{visibility:hidden}
  body:not(.print-page) .label-preview,
  body:not(.print-page) .label-preview *{visibility:visible}
  body:not(.print-page) .label-preview{position:absolute;left:0;top:0;border:0}
}

/* Belge baskıları: satış, satıldı ve servis çıktıları */
.print-page .sheet {
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
}

.print-page .sheet .sheet-brand-text,
.print-page .sheet h1,
.print-page .sheet h2,
.print-page .sheet .print-table th {
  color: #000;
  font-weight: 900;
}

.print-page .sheet .print-table td {
  color: #000;
  font-weight: 700;
}

.print-page .service-print-sheet .print-table th,
.print-page .service-print-sheet .print-table td {
  font-size: 15px;
  padding: 10px;
}

.print-page .sold-print-sheet .sold-text-only {
  color: #000;
  font-weight: 900;
}

@media print {
  html.print-root,
  html.print-root body.print-page {
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    color: #000 !important;
    overflow: visible !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  html.print-landscape-root,
  html.print-landscape-root body.print-page {
    width: 297mm !important;
    min-width: 297mm !important;
  }

  body.print-page,
  body.print-page * {
    visibility: visible !important;
  }

  body.print-page .no-print {
    display: none !important;
  }

  body.print-page .sheet {
    color: #000 !important;
    font-family: Arial, Helvetica, sans-serif !important;
  }

  body.print-page .sheet-head {
    border-bottom: 2.5px solid #000 !important;
  }

  body.print-page .sheet-brand-text,
  body.print-page .sheet h1,
  body.print-page .sheet h2 {
    color: #000 !important;
    font-weight: 900 !important;
  }

  body.print-page .print-table {
    width: 100% !important;
    border-collapse: collapse !important;
  }

  body.print-page .print-table th,
  body.print-page .print-table td {
    color: #000 !important;
    border: 1.25px solid #000 !important;
    line-height: 1.35 !important;
    vertical-align: middle !important;
  }

  body.print-page .print-table th {
    background: #e9edf2 !important;
    font-weight: 900 !important;
  }

  body.print-page .print-table td {
    font-weight: 700 !important;
  }

  body.print-page .sale-sheet .print-table th,
  body.print-page .sale-sheet .print-table td {
    font-size: 12px !important;
  }

  body.print-page .sale-sheet .sheet-head > div:last-child,
  body.print-page .sale-sheet .id-grid strong,
  body.print-page .sale-sheet .registration-print-row > strong {
    color: #000 !important;
    font-weight: 800 !important;
  }

  body.print-page .sold-print-sheet {
    position: relative !important;
    width: 297mm !important;
    min-width: 297mm !important;
    max-width: 297mm !important;
    height: 210mm !important;
    min-height: 210mm !important;
    max-height: 210mm !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    page: landscape;
  }

  body.print-page .sold-print-sheet .sold-date-time {
    top: 13mm !important;
    right: 16mm !important;
    color: #000 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
  }

  body.print-page .sold-print-sheet .sold-text-only {
    width: 100% !important;
    height: 210mm !important;
    min-height: 210mm !important;
    margin: 0 !important;
    padding: 30mm 18mm 16mm !important;
    color: #000 !important;
    font-size: 72px !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    letter-spacing: -0.8px !important;
  }

  body.print-page .service-print-sheet {
    width: 210mm !important;
    min-width: 210mm !important;
    max-width: 210mm !important;
    min-height: 297mm !important;
    margin: 0 !important;
    padding: 12mm !important;
    overflow: hidden !important;
  }

  body.print-page .service-print-sheet .sheet-head {
    margin-bottom: 14px !important;
    padding-bottom: 12px !important;
  }

  body.print-page .service-print-sheet .sheet-head h1 {
    font-size: 27px !important;
  }

  body.print-page .service-print-sheet .service-number {
    color: #000 !important;
    font-size: 82px !important;
    font-weight: 900 !important;
  }

  body.print-page .service-print-sheet .print-table th,
  body.print-page .service-print-sheet .print-table td {
    padding: 10px !important;
    font-size: 15px !important;
  }

  body.print-page .service-print-sheet .print-table + .print-table td {
    height: 22mm !important;
  }
}

/* Codex sonrası belge baskı hizalama ve dikey satıldı sayfası düzeltmesi */
.sold-print-sheet{
  position:relative;
  width:210mm;
  min-height:297mm;
  margin:0 auto;
  padding:0;
  overflow:hidden;
  background:#fff;
}
.sold-print-sheet .sold-chassis{
  position:absolute;
  top:14mm;
  left:14mm;
  z-index:3;
  display:flex;
  flex-direction:column;
  gap:2mm;
  text-align:left;
}
.sold-print-sheet .sold-chassis span{font-size:13px;font-weight:800;letter-spacing:.8px}
.sold-print-sheet .sold-chassis strong{font-size:34px;line-height:1;font-weight:950;letter-spacing:2px}
.sold-print-sheet .sold-date-time{position:absolute;top:15mm;right:14mm;font-size:14px;font-weight:800}
.sold-print-sheet .sold-motor{
  position:absolute;
  top:52mm;
  left:16mm;
  right:16mm;
  text-align:center;
  font-size:32px;
  line-height:1.15;
  font-weight:950;
  text-transform:uppercase;
}
.sold-print-sheet .sold-text-only{
  width:100%;
  min-height:297mm;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:82mm 16mm 28mm;
  text-align:center;
  font-size:48px;
  line-height:1.18;
  font-weight:900;
}
.sold-print-sheet .sold-text-only strong{display:inline-block;margin-top:10mm;font-size:68px;letter-spacing:1px}

@media print{
  @page{size:A4 portrait;margin:0}
  html.print-root,html.print-root body.print-page,
  html.print-portrait-root,html.print-portrait-root body.print-page{
    width:210mm!important;
    min-width:210mm!important;
    margin:0!important;
    padding:0!important;
  }
  body.print-page .sheet.sale-sheet,
  body.print-page .sheet.service-print-sheet,
  body.print-page .sheet.sold-print-sheet{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:210mm!important;
    min-width:210mm!important;
    max-width:210mm!important;
    height:297mm!important;
    min-height:297mm!important;
    max-height:297mm!important;
    margin:0 auto!important;
    box-sizing:border-box!important;
    transform:none!important;
    page:A4!important;
  }
  body.print-page .sheet.sale-sheet{padding:7mm 8mm 6mm!important;overflow:hidden!important}
  body.print-page .sheet.service-print-sheet{padding:12mm!important;overflow:hidden!important}
  body.print-page .sheet.sold-print-sheet{padding:0!important;overflow:hidden!important}
  body.print-page .print-break{page-break-before:always!important;break-before:page!important}
  body.print-page .sheet{page-break-after:always!important;break-after:page!important}
  body.print-page .sheet:last-of-type{page-break-after:auto!important;break-after:auto!important}
  body.print-page .sold-print-sheet .sold-chassis{top:14mm!important;left:14mm!important}
  body.print-page .sold-print-sheet .sold-date-time{top:15mm!important;right:14mm!important}
  body.print-page .sold-print-sheet .sold-motor{top:52mm!important;left:16mm!important;right:16mm!important;font-size:32px!important}
  body.print-page .sold-print-sheet .sold-text-only{
    width:210mm!important;
    height:297mm!important;
    min-height:297mm!important;
    padding:82mm 16mm 28mm!important;
    font-size:48px!important;
  }
  body.print-page .sold-print-sheet .sold-text-only strong{font-size:68px!important}
}

@media screen and (max-width:900px){
  .sold-print-sheet{width:100%;min-height:auto;aspect-ratio:210/297;border-radius:12px}
  .sold-print-sheet .sold-chassis{top:5%;left:6%}
  .sold-print-sheet .sold-chassis span{font-size:10px}
  .sold-print-sheet .sold-chassis strong{font-size:24px}
  .sold-print-sheet .sold-date-time{top:5%;right:6%;font-size:11px}
  .sold-print-sheet .sold-motor{top:18%;left:7%;right:7%;font-size:22px}
  .sold-print-sheet .sold-text-only{min-height:100%;padding:38% 7% 12%;font-size:30px}
  .sold-print-sheet .sold-text-only strong{font-size:44px;margin-top:7%}
}

/* Yönetici satış düzenleme - kimlik fotoğrafı yönetimi */
.admin-identity-edit{display:block}
.admin-identity-edit .conditional-head{margin-bottom:14px}
.admin-identity-edit .conditional-head p{margin:4px 0 0;color:var(--muted);font-size:13px}
.identity-admin-current{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}
.identity-admin-current label{display:block;font-weight:700;margin-bottom:7px}
.identity-admin-current .id-box{height:auto;min-height:180px;aspect-ratio:1.586/1;background:#fff;border-radius:14px}
.identity-admin-current .id-box a{display:grid;place-items:center;width:100%;height:100%;padding:14px;text-align:center;overflow-wrap:anywhere}
@media (max-width:720px){
  .identity-admin-current{grid-template-columns:1fr}
  .identity-admin-current .id-box{min-height:150px}
  .admin-identity-edit .identity-capture-actions .btn{width:100%}
}

/* KS barkod ve profesyonel POS */
.ks-inventory-tools{align-items:stretch}.ks-bulk-bar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:14px;border-radius:16px;background:#f5f7fb;margin-bottom:16px}.ks-bulk-bar label{display:grid;gap:6px;font-weight:700}.ks-bulk-bar input{min-width:120px}.ks-product-card{position:relative}.ks-select{position:absolute;right:14px;top:14px;z-index:2;background:#fff;border:1px solid #dfe4ec;border-radius:999px;padding:7px 10px;font-weight:700}.ks-price-row{display:flex;gap:20px;flex-wrap:wrap;padding:12px 0}.ks-label-preview{background:#fff;border:1px dashed #ccd3df;border-radius:12px;padding:8px;max-width:300px}.ks-label-preview svg{width:100%;height:64px}.pos-payment-panel{margin-top:18px;padding:16px;border-radius:18px;background:#f6f8fb;border:1px solid #e3e7ee}.pos-complete-btn{min-height:54px;font-size:16px}.product-cart-card{position:sticky;top:20px}.product-camera-shell.is-ready{box-shadow:0 0 0 3px rgba(255,197,0,.22)}
@media(max-width:800px){.product-sales-layout{display:block}.product-cart-card{position:static;margin-top:16px}.ks-bulk-bar>*{width:100%}.ks-bulk-bar input{width:100%}.ks-select{position:static;display:inline-flex;margin-bottom:10px}.ks-price-row{display:grid;grid-template-columns:1fr 1fr}.ks-inventory-tools{grid-template-columns:1fr!important}}

/* KS Kasiyer POS - masaüstü tam ekran çalışma alanı */
body.pos-mode{overflow:hidden;background:#0b1220}.pos-mode .main{height:100vh;padding:0;overflow:hidden;background:#eef2f7}.pos-mode .sidebar{display:none}.pos-mode .app{display:block;min-height:100vh}.pos-workspace{height:100vh;display:grid;grid-template-rows:78px minmax(0,1fr);background:#eef2f7;color:#152033}.pos-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 24px;background:#0f172a;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.pos-topbar h1{margin:2px 0 0;font-size:25px;line-height:1}.pos-kicker{display:block;font-size:10px;font-weight:900;letter-spacing:.18em;color:#fbbf24}.pos-scanner-state{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:14px;background:rgba(255,255,255,.07);min-width:340px}.pos-scanner-state strong,.pos-scanner-state small{display:block}.pos-scanner-state small{color:#cbd5e1;margin-top:2px}.pos-live-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.14);flex:0 0 auto}.pos-drawer-toggle{border:0;border-radius:12px;padding:12px 18px;background:#fbbf24;color:#111827;font-weight:900;cursor:pointer}.pos-body{min-height:0;display:grid;grid-template-columns:84px minmax(340px,.8fr) minmax(520px,1.2fr);gap:14px;padding:14px}.pos-action-rail{min-height:0;display:flex;flex-direction:column;gap:10px;padding:10px;background:#111827;border-radius:20px}.pos-rail-button{min-height:72px;border:0;border-radius:14px;background:transparent;color:#cbd5e1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:800;cursor:pointer;text-align:center}.pos-rail-button span{font-size:23px;line-height:1}.pos-rail-button:hover,.pos-rail-button.active{background:#fbbf24;color:#111827}.pos-rail-button:last-child{margin-top:auto}.pos-products-panel,.pos-cart-panel{min-width:0;min-height:0;background:#fff;border:1px solid #dce3ed;border-radius:20px;box-shadow:0 12px 34px rgba(15,23,42,.06)}.pos-products-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;padding:18px}.pos-panel-head,.pos-cart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.pos-panel-head h2,.pos-cart-head h2{margin:2px 0 0;font-size:22px}.pos-scan-capture{display:grid;grid-template-columns:minmax(170px,250px) 78px;gap:8px;align-items:end}.pos-scan-capture label{grid-column:1/-1;font-size:11px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.08em}.pos-scan-capture input{height:45px;border:2px solid #fbbf24;background:#fffbeb;font:800 16px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.pos-scan-capture button{height:45px}.pos-search-box{margin:14px 0 10px}.pos-search-results{min-height:0;overflow:auto;padding-right:5px;overscroll-behavior:contain}.pos-scan-feedback{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:13px 14px;border-radius:14px;background:#f8fafc;border:1px solid #dce3ed;margin-top:10px}.pos-scan-feedback strong,.pos-scan-feedback small{display:block}.pos-scan-feedback small{grid-column:2;color:#64748b;margin-top:2px}.pos-cart-panel{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:18px;overflow:hidden}.pos-cart-count{display:flex;align-items:baseline;gap:6px;padding:9px 13px;background:#eef2ff;border-radius:12px;color:#3730a3}.pos-cart-count strong{font-size:20px}.pos-cart-count span{font-size:12px;font-weight:800}.pos-cart-list{min-height:0;overflow:auto;padding-right:6px;margin:14px 0;overscroll-behavior:contain}.pos-cart-empty{align-self:center}.pos-cart-empty strong,.pos-cart-empty span{display:block}.pos-cart-empty strong{font-size:19px;color:#1e293b}.pos-cart-empty span{margin-top:6px}.pos-cart-panel .product-cart-item{grid-template-columns:minmax(0,1fr) 110px 132px 42px;padding:12px;border-radius:14px}.pos-cart-panel .product-cart-price{text-align:right}.pos-cart-panel .btn.danger.small{width:38px;height:38px;padding:0;overflow:hidden;text-indent:-999px;position:relative}.pos-cart-panel .btn.danger.small:after{content:'×';position:absolute;inset:0;display:grid;place-items:center;text-indent:0;font-size:22px}.pos-cart-footer{display:grid;grid-template-columns:minmax(260px,1fr) minmax(210px,.7fr);gap:16px;align-items:end;padding-top:14px;border-top:1px solid #e2e8f0}.pos-totals{gap:2px}.pos-totals>div{padding:5px 0}.pos-totals .grand{font-size:22px}.pos-pay-button{min-height:72px;border:0;border-radius:16px;background:#fbbf24;color:#111827;padding:13px 18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;cursor:pointer}.pos-pay-button span{font-weight:800}.pos-pay-button strong{font-size:21px;margin-top:3px}.pos-drawer-backdrop{position:fixed;inset:0;z-index:1390;background:rgba(15,23,42,.48);backdrop-filter:blur(2px)}.pos-drawer{position:fixed;z-index:1400;left:0;top:0;bottom:0;width:min(440px,94vw);background:#fff;box-shadow:26px 0 70px rgba(15,23,42,.28);transform:translateX(-105%);transition:transform .22s ease;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}.pos-drawer.is-open{transform:translateX(0)}.pos-drawer-head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px;border-bottom:1px solid #e2e8f0}.pos-drawer-head h2{margin:3px 0 0}.pos-drawer-close{width:42px;height:42px;border:0;border-radius:12px;background:#eef2f7;font-size:25px;cursor:pointer}.pos-drawer-scroll{overflow:auto;padding:18px 22px}.pos-drawer-section{padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid #e2e8f0}.pos-drawer-section h3{margin:0 0 12px}.pos-drawer-total{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;background:#f8fafc;border-top:1px solid #e2e8f0}.pos-drawer-total strong{font-size:23px}.pos-complete-sale{margin:14px 22px 22px;min-height:58px;border:0;border-radius:15px;background:#16a34a;color:#fff;font-size:16px;font-weight:900;cursor:pointer}.pos-complete-sale:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:1100px){.pos-body{grid-template-columns:72px minmax(300px,.75fr) minmax(460px,1.25fr);gap:10px;padding:10px}.pos-action-rail{border-radius:16px}.pos-products-panel,.pos-cart-panel{border-radius:16px}.pos-panel-head{display:block}.pos-scan-capture{margin-top:12px;grid-template-columns:1fr 72px}.pos-cart-panel .product-cart-item{grid-template-columns:minmax(0,1fr) 92px 122px 38px}.pos-scanner-state{min-width:280px}}
@media(max-width:800px){body.pos-mode{overflow:auto}.pos-mode .main{height:auto;min-height:100vh;overflow:visible}.pos-workspace{height:auto;min-height:100vh;grid-template-rows:auto auto}.pos-topbar{padding:14px 16px;flex-wrap:wrap}.pos-scanner-state{order:3;width:100%;min-width:0}.pos-body{display:block;padding:10px}.pos-action-rail{display:none}.pos-products-panel,.pos-cart-panel{min-height:520px;margin-bottom:10px}.pos-cart-panel{height:calc(100vh - 130px)}.pos-drawer-toggle{display:block}.pos-cart-footer{grid-template-columns:1fr}.pos-scan-capture{grid-template-columns:1fr 72px}}

/* Kasiyer POS v2 — gerçek tek ekran masaüstü yerleşimi */
html:has(body.pos-mode),html:has(body.pos-mode) body{height:100%;min-height:100%;overflow:hidden}
body.pos-mode{height:100dvh;min-height:100dvh;max-height:100dvh;margin:0;overflow:hidden!important;background:#e9eef5}
body.pos-mode .mobile-head,body.pos-mode .mobile-menu-backdrop{display:none!important}
body.pos-mode .app{height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow:hidden!important}
body.pos-mode .main{width:100%;height:100dvh!important;min-height:0!important;max-height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important}
body.pos-mode .pos-workspace{width:100%;height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow:hidden!important;grid-template-rows:62px minmax(0,1fr);background:#edf2f7}
body.pos-mode .pos-topbar{height:62px;min-height:62px;padding:0 16px;background:linear-gradient(90deg,#111827 0%,#172033 62%,#0f766e 100%);box-shadow:0 2px 12px rgba(15,23,42,.18);z-index:5}
body.pos-mode .pos-topbar h1{font-size:21px;letter-spacing:-.02em}
body.pos-mode .pos-kicker{font-size:9px}
body.pos-mode .pos-scanner-state{min-width:310px;padding:7px 13px;border-radius:10px;background:rgba(255,255,255,.1)}
body.pos-mode .pos-scanner-state small{font-size:11px}
body.pos-mode .pos-drawer-toggle{padding:10px 16px;border-radius:9px}
body.pos-mode .pos-body{height:100%;min-height:0;overflow:hidden;grid-template-columns:74px minmax(330px,.9fr) minmax(500px,1.35fr);gap:8px;padding:8px}
body.pos-mode .pos-action-rail{height:100%;min-height:0;padding:7px;gap:7px;border-radius:12px;background:#111827;overflow:hidden}
body.pos-mode .pos-rail-button{min-height:58px;border-radius:10px;font-size:10px;gap:3px}
body.pos-mode .pos-rail-button span{font-size:20px}
body.pos-mode .pos-products-panel,body.pos-mode .pos-cart-panel{height:100%;min-height:0;max-height:100%;border-radius:12px;border-color:#d5dde8;box-shadow:0 4px 16px rgba(15,23,42,.06);overflow:hidden}
body.pos-mode .pos-products-panel{padding:13px;grid-template-rows:auto auto minmax(0,1fr) auto}
body.pos-mode .pos-cart-panel{padding:13px;grid-template-rows:auto minmax(0,1fr) auto}
body.pos-mode .pos-panel-head h2,body.pos-mode .pos-cart-head h2{font-size:19px}
body.pos-mode .eyebrow{font-size:9px}
body.pos-mode .pos-scan-capture{grid-template-columns:minmax(145px,220px) 64px;gap:6px}
body.pos-mode .pos-scan-capture input,body.pos-mode .pos-scan-capture button{height:39px}
body.pos-mode .pos-search-box{margin:9px 0 7px}
body.pos-mode .pos-search-box input{min-height:42px;height:42px}
body.pos-mode .pos-search-results{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable;padding-right:3px}
body.pos-mode .pos-search-results::-webkit-scrollbar,body.pos-mode .pos-cart-list::-webkit-scrollbar{width:7px}
body.pos-mode .pos-search-results::-webkit-scrollbar-thumb,body.pos-mode .pos-cart-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}
body.pos-mode .pos-scan-feedback{margin-top:7px;padding:9px 11px;border-radius:9px}
body.pos-mode .pos-scan-feedback small{font-size:11px}
body.pos-mode .pos-cart-list{overflow-y:auto!important;overflow-x:hidden!important;margin:8px 0;padding-right:3px;scrollbar-gutter:stable}
body.pos-mode .pos-cart-panel .product-cart-item{grid-template-columns:minmax(0,1fr) 96px 116px 36px;padding:9px;margin-bottom:7px;border-radius:9px}
body.pos-mode .pos-cart-count{padding:6px 10px;border-radius:9px}
body.pos-mode .pos-cart-count strong{font-size:17px}
body.pos-mode .pos-cart-footer{grid-template-columns:minmax(210px,1fr) minmax(190px,.72fr);gap:10px;padding-top:9px}
body.pos-mode .pos-totals>div{padding:3px 0}
body.pos-mode .pos-totals .grand{font-size:19px}
body.pos-mode .pos-pay-button{min-height:58px;padding:9px 14px;border-radius:11px}
body.pos-mode .pos-pay-button strong{font-size:18px}
body.pos-mode .pos-drawer{height:100dvh;max-height:100dvh}

@media (min-width:801px) and (max-height:720px){
 body.pos-mode .pos-workspace{grid-template-rows:54px minmax(0,1fr)}
 body.pos-mode .pos-topbar{height:54px;min-height:54px}
 body.pos-mode .pos-scanner-state small{display:none}
 body.pos-mode .pos-body{padding:6px;gap:6px;grid-template-columns:68px minmax(310px,.88fr) minmax(470px,1.35fr)}
 body.pos-mode .pos-action-rail{padding:5px;gap:5px}
 body.pos-mode .pos-rail-button{min-height:49px}
 body.pos-mode .pos-products-panel,body.pos-mode .pos-cart-panel{padding:10px}
 body.pos-mode .pos-scan-feedback{padding:7px 9px}
 body.pos-mode .pos-panel-head h2,body.pos-mode .pos-cart-head h2{font-size:17px}
}

@media (max-width:800px){
 body.pos-mode{height:auto;max-height:none;overflow:auto!important}
 body.pos-mode .app,body.pos-mode .main,body.pos-mode .pos-workspace{height:auto!important;max-height:none!important;overflow:visible!important}
 body.pos-mode .mobile-head{display:flex!important}
}

/* Kasiyer POS v3 — sıfırdan masaüstü terminal tasarımı */
body.pos-mode{margin:0!important;background:#e8edf4!important;overflow:hidden!important}
body.pos-mode .cashier-main{width:100vw!important;height:100dvh!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important}
.pos-v3{height:100dvh!important;width:100vw!important;display:grid!important;grid-template-rows:68px minmax(0,1fr)!important;background:#e8edf4!important;overflow:hidden!important;color:#142033}
.pos-v3-header{display:grid;grid-template-columns:270px minmax(420px,1fr) 280px;align-items:center;gap:16px;padding:10px 16px;background:#0f172a;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 5px 18px rgba(15,23,42,.22);z-index:20}
.pos-v3-brand,.pos-v3-user{display:flex;align-items:center;gap:11px;min-width:0}.pos-v3-logo{width:42px;height:42px;border-radius:12px;background:#f7b500;color:#111827;display:grid;place-items:center;font-size:24px;font-weight:950}.pos-v3-brand strong,.pos-v3-user strong{display:block;font-size:15px}.pos-v3-brand span,.pos-v3-user small{display:block;color:#9fb0c8;font-size:11px;margin-top:2px}.pos-v3-scan{height:46px;display:grid;grid-template-columns:42px minmax(0,1fr) 74px;background:#fff;border-radius:11px;overflow:hidden;border:2px solid transparent;box-shadow:0 4px 14px rgba(0,0,0,.12)}.pos-v3-scan:focus-within{border-color:#f7b500}.pos-v3-scan-icon{display:grid;place-items:center;color:#0f766e;font-size:24px;background:#f2f7f7}.pos-v3-scan input{border:0!important;outline:0!important;background:#fff!important;height:100%!important;min-height:0!important;padding:0 12px!important;font:800 15px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;text-transform:uppercase}.pos-v3-scan button{border:0;background:#f7b500;font-weight:900;color:#111827;cursor:pointer}.pos-v3-user{justify-content:flex-end}.pos-v3-user>a{margin-left:6px;padding:9px 12px;border-radius:9px;background:rgba(255,255,255,.1);color:#fff;text-decoration:none;font-weight:800;font-size:12px}.pos-v3-user>a:hover{background:#dc2626}
.pos-v3-layout{min-height:0;display:grid;grid-template-columns:220px minmax(430px,1fr) minmax(430px,520px);gap:10px;padding:10px;overflow:hidden}
.pos-v3-nav,.pos-v3-products,.pos-v3-cart{min-height:0;height:100%;background:#fff;border:1px solid #d5deea;border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden}
.pos-v3-nav{display:flex;flex-direction:column;padding:14px;background:#182235;color:#fff}.pos-v3-nav-title{font-size:10px;letter-spacing:.13em;font-weight:900;color:#7890ad;padding:3px 6px 10px}.pos-v3-nav-btn{width:100%;display:grid;grid-template-columns:40px 1fr;text-align:left;column-gap:10px;align-items:center;padding:12px;border:0;border-radius:12px;background:transparent;color:#d8e2ef;cursor:pointer;margin-bottom:7px}.pos-v3-nav-btn span{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#26354d;font-size:19px}.pos-v3-nav-btn b{font-size:13px}.pos-v3-nav-btn small{color:#8294ad;font-size:10px}.pos-v3-nav-btn:hover,.pos-v3-nav-btn.active{background:#25344c;color:#fff}.pos-v3-nav-btn.active span{background:#f7b500;color:#111827}.pos-v3-nav-btn.danger:hover{background:#3b1f2a}.pos-v3-nav-btn.danger:hover span{background:#dc2626;color:#fff}.pos-v3-reader{margin-top:auto;display:flex;gap:10px;padding:12px;border:1px solid #32415a;border-radius:12px;background:#111a2a}.pos-v3-reader b{display:block;font-size:12px}.pos-v3-reader small{display:block;color:#8294ad;font-size:10px;line-height:1.45;margin-top:3px}.pos-v3-clock{padding:11px 4px 0;text-align:center;color:#9fb0c8;font:700 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}
.pos-v3-products{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;padding:16px}.pos-v3-section-head,.pos-v3-cart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pos-v3-section-head span,.pos-v3-cart-head span{display:block;font-size:10px;letter-spacing:.12em;font-weight:900;color:#0f766e}.pos-v3-section-head h1,.pos-v3-cart-head h2{margin:3px 0 0;font-size:23px;color:#142033}.pos-v3-result-count{padding:8px 11px;border-radius:9px;background:#edf2f7;color:#607089;font-size:11px;font-weight:800}.pos-v3-search{margin:13px 0 10px!important}.pos-v3-search input{height:45px!important;min-height:45px!important;border:1px solid #cbd6e3!important;border-radius:11px!important;background:#f8fafc!important;padding:0 14px!important;font-size:14px!important}.pos-v3-results{min-height:0;overflow:auto!important;padding:2px 5px 2px 0;overscroll-behavior:contain}.pos-v3-welcome{height:100%;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#64748b;padding:30px}.pos-v3-welcome-icon{width:76px;height:76px;border-radius:22px;background:#edf6f5;color:#0f766e;display:grid;place-items:center;font-size:34px}.pos-v3-welcome h2{margin:18px 0 6px;color:#233249;font-size:20px}.pos-v3-welcome p{max-width:430px;margin:0;line-height:1.55}.pos-v3-feedback{margin-top:10px!important;border-radius:11px!important;padding:10px 12px!important;background:#f4f8fb!important}
.pos-v3-cart{display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:16px}.pos-v3-cart-badge{min-width:62px;text-align:center;padding:7px 10px;border-radius:11px;background:#eef2ff;color:#3730a3}.pos-v3-cart-badge strong,.pos-v3-cart-badge small{display:block}.pos-v3-cart-badge strong{font-size:20px}.pos-v3-cart-badge small{font-size:10px}.pos-v3-cart-empty{align-self:center;text-align:center!important;border:0!important;background:transparent!important}.pos-v3-cart-empty>div{font-size:46px;margin-bottom:8px}.pos-v3-cart-empty strong,.pos-v3-cart-empty span{display:block}.pos-v3-cart-empty strong{font-size:18px;color:#26354d}.pos-v3-cart-empty span{font-size:12px;color:#7b8aa0;margin-top:5px}.pos-v3-cart-list{min-height:0;overflow:auto!important;margin:12px 0;padding-right:5px;overscroll-behavior:contain}.pos-v3-cart .product-cart-item{display:grid!important;grid-template-columns:minmax(0,1fr) 102px 105px 38px!important;gap:9px!important;align-items:center!important;padding:10px!important;margin-bottom:8px!important;border:1px solid #dce4ee!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important}.pos-v3-cart .product-cart-item:hover{border-color:#9eb0c5!important;background:#fbfdff!important}.pos-v3-cart .product-cart-price{text-align:right}.pos-v3-summary{border-top:1px solid #dce4ee;padding-top:11px}.pos-v3-summary>div{display:flex;justify-content:space-between;align-items:center;padding:4px 2px;color:#607089;font-size:12px}.pos-v3-summary>div strong{color:#1f2d42}.pos-v3-summary>.total{margin-top:5px;padding:10px 12px;border-radius:11px;background:#f1f5f9;color:#1f2d42}.pos-v3-summary>.total span{font-weight:900}.pos-v3-summary>.total strong{font-size:23px;color:#0f766e}.pos-v3-pay{width:100%;min-height:58px;margin-top:10px;border:0;border-radius:12px;background:linear-gradient(135deg,#0f766e,#0d9488);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 17px;cursor:pointer;box-shadow:0 8px 18px rgba(15,118,110,.22)}.pos-v3-pay span{font-weight:900}.pos-v3-pay strong{font-size:18px}.pos-v3-pay:hover{filter:brightness(1.05)}
.pos-v3-results::-webkit-scrollbar,.pos-v3-cart-list::-webkit-scrollbar,.pos-v3-drawer .pos-drawer-scroll::-webkit-scrollbar{width:7px}.pos-v3-results::-webkit-scrollbar-thumb,.pos-v3-cart-list::-webkit-scrollbar-thumb,.pos-v3-drawer .pos-drawer-scroll::-webkit-scrollbar-thumb{background:#c4cfdd;border-radius:20px}.pos-v3-drawer{width:min(460px,95vw)!important}.pos-v3-drawer .pos-complete-sale{background:#0f766e!important}
@media(max-width:1180px){.pos-v3-header{grid-template-columns:220px minmax(330px,1fr) 220px}.pos-v3-layout{grid-template-columns:180px minmax(360px,1fr) minmax(400px,470px)}.pos-v3-nav-btn{grid-template-columns:36px 1fr;padding:10px}.pos-v3-nav-btn span{width:34px;height:34px}.pos-v3-brand span,.pos-v3-user small{display:none}}
@media(max-width:900px){body.pos-mode{overflow:auto!important}.pos-v3{height:auto!important;min-height:100vh!important;overflow:visible!important}.pos-v3-header{grid-template-columns:1fr;gap:8px;height:auto;padding:10px}.pos-v3-user{display:none}.pos-v3-layout{display:block;overflow:visible}.pos-v3-nav{display:none}.pos-v3-products,.pos-v3-cart{height:70vh;margin-bottom:10px}.pos-v3-cart{min-height:600px}}

/* Cashier secure reports */
.cashier-report-lock{max-width:720px;margin:6vh auto;text-align:center;padding:42px}.cashier-report-lock-icon{font-size:52px;margin-bottom:12px}.cashier-report-lock h1{margin:8px 0 10px}.cashier-report-lock p{color:var(--muted);line-height:1.7}.cashier-report-code-form{display:flex;gap:12px;align-items:end;justify-content:center;margin:24px 0 12px}.cashier-report-code-form .field{max-width:260px;text-align:left}.cashier-report-page{display:grid;gap:18px}.cashier-report-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.cashier-report-head h1{margin:4px 0}.cashier-report-head p{margin:0;color:var(--muted)}.cashier-report-head .actions{display:flex;gap:10px;align-items:center}.cashier-report-filter{display:flex;gap:14px;align-items:end}.cashier-report-filter .field{min-width:190px}.cashier-report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cashier-report-kpis article{background:linear-gradient(145deg,#111827,#1f2937);color:#fff;border-radius:18px;padding:20px;min-height:128px;display:flex;flex-direction:column;justify-content:center}.cashier-report-kpis span{color:#cbd5e1;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.cashier-report-kpis strong{font-size:28px;margin:7px 0}.cashier-report-kpis small{color:#94a3b8}.cashier-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cashier-report-grid .card h2,.cashier-report-page>.card h2{margin-top:0}.report-payment-list{display:grid;gap:10px}.report-payment-list>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.report-ranking{display:grid}.report-ranking>div{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.report-ranking>div>b{width:28px;height:28px;border-radius:9px;background:#f1f5f9;display:grid;place-items:center}.report-ranking span{display:grid;gap:2px}.report-ranking small{color:var(--muted)}.pos-customer-hint{display:block;color:var(--muted);line-height:1.5;margin-top:8px}.pos-v3-nav a.pos-v3-nav-btn{text-decoration:none;color:inherit}
@media(max-width:900px){.cashier-report-head,.cashier-report-filter{display:grid}.cashier-report-head .actions{flex-wrap:wrap}.cashier-report-kpis,.cashier-report-grid{grid-template-columns:1fr 1fr}.cashier-report-code-form{display:grid}.cashier-report-code-form .field{max-width:none}}
@media(max-width:600px){.cashier-report-kpis,.cashier-report-grid{grid-template-columns:1fr}.cashier-report-lock{margin:0;padding:24px}.cashier-report-head .actions>*{flex:1}.cashier-report-head .actions .btn{width:100%}}

/* Cashier report pages must use normal document flow, not the fixed POS viewport. */
body.cashier-report-mode{overflow:auto!important;background:var(--bg,#f4f6fa)!important;min-height:100vh!important}
body.cashier-report-mode .cashier-report-main{display:block!important;width:100%!important;max-width:none!important;min-height:100vh!important;height:auto!important;overflow:visible!important;padding:28px!important}
body.cashier-report-mode .cashier-report-lock{background:#fff!important;color:var(--ink,#111827)!important;min-height:0!important;overflow:visible!important}
@media(max-width:700px){body.cashier-report-mode .cashier-report-main{padding:14px!important}}

.ks-product-create,.ks-invoice-import{position:relative;overflow:hidden}.ks-product-create:before,.ks-invoice-import:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--primary,#e10101)}.ks-product-create .muted-copy{margin-top:-4px}.ks-price-preview{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid #dbe3ee;border-radius:16px;background:linear-gradient(135deg,#f8fafc,#fff)}.ks-price-preview span{font-size:13px;color:#64748b;font-weight:700}.ks-price-preview strong{font-size:24px;color:#0f172a}.ks-invoice-import .pdf-upload-status{min-height:22px;margin:8px 0;color:#475569;font-weight:700}.ks-invoice-import small{display:block;margin-top:12px;color:#64748b;line-height:1.5}

/* Professional cashier payment + fiscal device status */
.pos-change-box{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:12px 14px;border-radius:12px;background:#ecfdf5;border:1px solid #a7f3d0}.pos-change-box span{font-size:12px;font-weight:900;color:#047857}.pos-change-box strong{font-size:19px;color:#065f46}.pos-fiscal-section{border:1px solid #dbe5ef!important;border-radius:14px;padding:14px!important;background:#f8fafc}.pos-fiscal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pos-fiscal-head h3{margin:0!important}.pos-fiscal-head small{display:block;color:#64748b;margin-top:3px}.pos-fiscal-badge{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:950;letter-spacing:.04em}.pos-fiscal-badge.online{background:#dcfce7;color:#166534}.pos-fiscal-badge.offline,.pos-fiscal-badge.error{background:#fee2e2;color:#991b1b}.pos-fiscal-badge.pending{background:#fef3c7;color:#92400e}.pos-switch{display:flex;align-items:flex-start;gap:10px;margin:14px 0 12px;font-size:12px;font-weight:800;line-height:1.45;color:#334155}.pos-switch input{width:18px;height:18px;margin-top:0;accent-color:#0f766e}.pos-fiscal-actions{display:flex;gap:8px;margin-bottom:9px}.pos-fiscal-actions .btn{min-height:36px;padding:8px 11px;font-size:11px}.pos-fiscal-section>[data-fiscal-info]{display:block;color:#64748b;word-break:break-all}.pos-complete-sale:disabled{opacity:.65;cursor:wait}

/* GİB e-Fatura / e-Arşiv merkezi */
.einvoice-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,#0f172a,#172554);color:#fff;overflow:hidden;position:relative}
.einvoice-hero:after{content:"";position:absolute;right:-70px;top:-90px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.07)}
.einvoice-hero h2{margin:6px 0 8px;font-size:clamp(1.35rem,2.4vw,2.2rem)}
.einvoice-hero p{margin:0;max-width:760px;color:#cbd5e1;line-height:1.6}
.einvoice-mode{min-width:220px;padding:16px 18px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.08);position:relative;z-index:1}
.einvoice-mode span,.einvoice-mode small{display:block;color:#cbd5e1}.einvoice-mode strong{display:block;font-size:1.25rem;margin:5px 0}
.einvoice-settings summary,.einvoice-create summary{cursor:pointer;display:flex;flex-direction:column;gap:4px;list-style:none}.einvoice-settings summary::-webkit-details-marker,.einvoice-create summary::-webkit-details-marker{display:none}
.einvoice-settings[open] summary,.einvoice-create[open] summary{padding-bottom:18px;border-bottom:1px solid var(--line,#e5e7eb);margin-bottom:18px}
.einvoice-settings summary span,.einvoice-create summary span{font-size:.88rem;color:#64748b;font-weight:400}
.einvoice-create{margin:16px 0;padding:16px;border:1px solid #bfdbfe;border-radius:16px;background:#f8fbff}
.einvoice-create summary strong{color:#1d4ed8}
.section-title{padding-top:10px;border-top:1px solid #e5e7eb;margin-top:4px}.checkbox-field{display:flex;align-items:end}.checkbox-field label{display:flex;gap:10px;align-items:center;min-height:44px}.checkbox-field input{width:18px;height:18px}
.einvoice-settings .form-grid,.einvoice-create .form-grid{margin-top:16px}.einvoice-settings input,.einvoice-settings select,.einvoice-create input,.einvoice-create select,.einvoice-create textarea{width:100%}
.inline-cancel{position:relative}.inline-cancel summary{list-style:none}.inline-cancel summary::-webkit-details-marker{display:none}.inline-cancel form{position:absolute;right:0;top:42px;z-index:20;width:280px;background:#fff;border:1px solid #fecaca;border-radius:12px;padding:12px;box-shadow:0 18px 45px rgba(15,23,42,.18)}.inline-cancel input{width:100%;margin-bottom:8px}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.section-head h2{margin:0}.section-head p{margin:5px 0 0}
@media(max-width:760px){.einvoice-hero{align-items:stretch;flex-direction:column}.einvoice-mode{min-width:0}.section-head{align-items:stretch;flex-direction:column}.inline-cancel form{position:fixed;left:16px;right:16px;bottom:16px;top:auto;width:auto}.einvoice-create{padding:13px}}

/* Accounting calculators: normal page scrolling and vehicle tax tools */
body:not(.pos-mode){overflow-y:auto}
.accounting-calculator-grid{align-items:start}
.vehicle-tax-calculator{grid-column:1/-1}
.calculator-fields-wide{grid-template-columns:repeat(3,minmax(0,1fr))}
.calculated-rate-box{min-height:47px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;padding:9px 12px;display:flex;flex-direction:column;justify-content:center}
.calculated-rate-box strong{font-size:18px}.calculated-rate-box small{color:var(--muted);margin-top:3px}
.calculator-warning{padding:13px 15px;border:1px solid #fde68a;background:#fffbeb;color:#854d0e;border-radius:12px;font-size:13px;line-height:1.5;font-weight:700}
.vehicle-tax-calculator .calculator-results{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.calculator-fields-wide,.vehicle-tax-calculator .calculator-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.calculator-fields-wide,.vehicle-tax-calculator .calculator-results{grid-template-columns:1fr}}

/* Manager-verified private financial reports */
.manager-private-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #f59e0b;background:linear-gradient(135deg,#fff7ed,#fffbeb);margin-bottom:16px}.manager-private-banner h2{margin:4px 0 6px}.manager-private-banner p{margin:0;color:#78350f}.manager-private-stats .stat{position:relative;overflow:hidden}.manager-private-stats .stat:after{content:"YÖNETİCİ";position:absolute;right:10px;top:9px;font-size:9px;letter-spacing:.12em;font-weight:900;color:#94a3b8}.manager-report-grid{margin-top:16px}.manager-control-list .compact-row>b{font-size:17px}.accounting-report-lock strong{color:#111827}.accounting-report-tab-form{display:inline-flex;margin:0}.accounting-tab-button{appearance:none;border:0;background:transparent;font:inherit;cursor:pointer;color:inherit;padding:inherit}
@media(max-width:760px){.manager-private-banner{align-items:flex-start;flex-direction:column}.manager-report-grid{grid-template-columns:1fr!important}}
@media print{.accounting-report-unlock-bar,.manager-private-banner .badge,.topbar .actions,.accounting-tabs{display:none!important}.manager-private-banner{border-color:#d1d5db;background:#fff}}
/* Muhasebe sekmeleri: dar ekranlarda menü kaybolmadan yatay kaydırılır. */
.accounting-tabs{max-width:100%;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}
.accounting-tabs>a,.accounting-tabs>form{scroll-snap-align:start;flex:0 0 auto}
.accounting-tabs:focus-within{outline:2px solid rgba(18,104,243,.22);outline-offset:2px}
.einvoice-create input:invalid:not(:placeholder-shown){border-color:#dc2626;background:#fff7f7}

/* GİB ayarları ve rapor sekmeleri normal sekmelerle aynı ölçüdedir. */
.accounting-tabs .accounting-report-tab-form{display:flex;align-self:stretch;margin:0}
.accounting-tabs .accounting-tab-button{appearance:none;border:0;background:transparent;padding:11px 15px!important;border-radius:8px;color:var(--muted)!important;font:inherit;font-weight:800;line-height:1.25;white-space:nowrap;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.accounting-tabs .accounting-tab-button:hover,.accounting-tabs .accounting-tab-button.active{background:var(--accent);color:#fff!important}
.einvoice-settings-link{margin-bottom:16px;border-style:dashed}
.einvoice-settings-link .section-head{margin-bottom:0;align-items:center}
@media(max-width:620px){.einvoice-settings-link .section-head{align-items:stretch;flex-direction:column}.einvoice-settings-link .btn{width:100%;text-align:center}}

/* Satıldı Görseli */
.sold-story-layout{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(360px,1.22fr);gap:22px;align-items:start}.sold-story-controls{position:sticky;top:20px}.sold-story-controls .range-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.sold-story-controls input[type=range]{width:100%}.sold-story-preview{display:flex;justify-content:center;padding:18px;background:linear-gradient(145deg,#0f172a,#24344f);border-radius:22px}.sold-story-preview canvas{display:block;width:min(100%,480px);height:auto;aspect-ratio:9/16;border-radius:16px;box-shadow:0 22px 60px rgba(0,0,0,.35);background:#fff}.sold-story-status{min-height:22px;color:#64748b;font-size:13px;margin-top:10px}.sold-story-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.sold-story-card{overflow:hidden}.sold-story-card img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#e2e8f0}.sold-story-card-body{padding:14px}.sold-story-card-body strong,.sold-story-card-body span{display:block}.sold-story-card-body span{color:#64748b;font-size:12px;margin:5px 0 12px}.sold-story-empty{text-align:center;padding:34px;color:#64748b}
@media(max-width:900px){.sold-story-layout{grid-template-columns:1fr}.sold-story-controls{position:static}.sold-story-controls .range-row{grid-template-columns:1fr}.sold-story-preview{padding:12px}.sold-story-preview canvas{width:100%}}

/* Satıldı görseli: canlıya hazır masaüstü ve mobil düzen */
.sold-story-layout{grid-template-columns:minmax(350px,.82fr) minmax(390px,1.18fr);gap:24px}.sold-story-controls{top:16px;max-height:calc(100vh - 32px);overflow:auto;overscroll-behavior:contain}.sold-story-controls::-webkit-scrollbar{width:8px}.sold-story-controls::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.sold-story-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 20px}.sold-story-steps span{display:flex;align-items:center;gap:7px;min-width:0;padding:9px 10px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:#475569;font-size:12px;font-weight:700}.sold-story-steps b{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;background:#e2e8f0;color:#0f172a}.sold-story-upload{display:flex;align-items:center;gap:13px;padding:15px;border:1.5px dashed #94a3b8;border-radius:16px;background:#f8fafc;cursor:pointer;transition:.2s ease}.sold-story-upload:hover,.sold-story-upload:focus-within{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.sold-story-upload input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.sold-story-upload-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:13px;background:#2563eb;color:#fff;font-size:26px;line-height:1}.sold-story-upload strong,.sold-story-upload small{display:block}.sold-story-upload small{margin-top:3px;color:#64748b;word-break:break-word}.sold-story-info-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.sold-story-crop-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;padding-top:15px;border-top:1px solid #e2e8f0}.sold-story-crop-head strong,.sold-story-crop-head small{display:block}.sold-story-crop-head small{margin-top:2px;color:#64748b;font-size:12px}.sold-story-controls .range-row label{display:flex;justify-content:space-between;gap:8px}.sold-story-controls output{padding:2px 7px;border-radius:999px;background:#e2e8f0;color:#334155;font-size:11px;font-weight:800;min-width:34px;text-align:center}.sold-story-controls input[type=range]{accent-color:#2563eb;min-height:32px}.sold-story-status{display:flex;align-items:flex-start;gap:8px;padding:11px 12px;border-radius:12px;background:#eff6ff;color:#1e40af;font-weight:600;line-height:1.4}.sold-story-status:before{content:'i';display:grid;place-items:center;flex:0 0 19px;height:19px;border:1px solid currentColor;border-radius:50%;font-size:11px;font-weight:900}.sold-story-status[data-state=success]{background:#ecfdf5;color:#047857}.sold-story-status[data-state=success]:before{content:'✓'}.sold-story-status[data-state=error]{background:#fef2f2;color:#b91c1c}.sold-story-status[data-state=error]:before{content:'!'}.sold-story-actions{position:sticky;bottom:-1px;z-index:4;margin:14px -2px -2px;padding:12px 2px 2px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 25%)}.sold-story-actions .btn{min-height:46px;flex:1}.sold-story-actions .btn:disabled{opacity:.48;cursor:not-allowed}.sold-story-preview-wrap{min-width:0}.sold-story-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#334155}.sold-story-preview-head strong,.sold-story-preview-head small{display:block}.sold-story-preview-head small{margin-top:2px;color:#64748b}.sold-story-preview-head>span{padding:6px 10px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-size:12px;font-weight:800}.sold-story-preview-head>span[data-state=success]{background:#dcfce7;color:#15803d}.sold-story-preview-head>span[data-state=error]{background:#fee2e2;color:#b91c1c}.sold-story-preview{position:relative;overflow:hidden;padding:20px;background:radial-gradient(circle at 50% 10%,#324767,#0b1220 70%);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 70px rgba(15,23,42,.18)}.sold-story-preview canvas{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;background:#0f172a}.sold-story-preview canvas.is-dragging{cursor:grabbing}.sold-story-drag-hint{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);pointer-events:none;padding:7px 11px;border-radius:999px;background:rgba(15,23,42,.72);backdrop-filter:blur(7px);color:#fff;font-size:11px;font-weight:700;white-space:nowrap;opacity:.86}.is-processing .sold-story-preview:after{content:'Görsel hazırlanıyor…';position:absolute;inset:0;display:grid;place-items:center;background:rgba(15,23,42,.58);backdrop-filter:blur(3px);color:#fff;font-weight:800}.sold-story-card{border:1px solid #e2e8f0;transition:transform .2s ease,box-shadow .2s ease}.sold-story-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(15,23,42,.12)}
@media(max-width:1100px){.sold-story-layout{grid-template-columns:minmax(330px,.9fr) minmax(350px,1.1fr)}}
@media(max-width:900px){.sold-story-layout{display:flex;flex-direction:column;gap:16px}.sold-story-preview-wrap{order:-1;width:100%}.sold-story-controls{position:static;max-height:none;overflow:visible;width:100%}.sold-story-preview-head{padding:0 2px}.sold-story-preview{padding:10px;border-radius:18px}.sold-story-preview canvas{width:min(100%,440px);border-radius:12px}.sold-story-drag-hint{bottom:18px}.sold-story-actions{bottom:calc(env(safe-area-inset-bottom,0px) - 1px);margin-left:-16px;margin-right:-16px;padding:14px 16px calc(12px + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 28px rgba(15,23,42,.09)}}
@media(max-width:620px){.sold-story-layout{margin-left:-2px;margin-right:-2px}.sold-story-preview-wrap{margin:0 -6px}.sold-story-preview-head{padding:0 8px}.sold-story-preview{border-radius:16px;padding:7px}.sold-story-preview canvas{width:100%;border-radius:10px}.sold-story-controls{padding:16px}.sold-story-controls .section-title h2{font-size:20px}.sold-story-steps{display:flex;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.sold-story-steps::-webkit-scrollbar{display:none}.sold-story-steps span{flex:0 0 auto}.sold-story-info-grid{grid-template-columns:1fr}.sold-story-controls .range-row{grid-template-columns:1fr;gap:5px}.sold-story-upload{padding:13px}.sold-story-upload-icon{flex-basis:40px;height:40px}.sold-story-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sold-story-actions .btn{width:100%;padding-inline:9px;font-size:13px}.sold-story-drag-hint{font-size:10px;bottom:13px}.sold-story-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sold-story-card-body{padding:10px}.sold-story-card-body .btn{width:100%}}
@media(max-width:380px){.sold-story-actions{grid-template-columns:1fr}.sold-story-gallery{grid-template-columns:1fr 1fr}.sold-story-preview-head>span{display:none}}


/* Satıldı Görseli — odaklı mobil stüdyo */
.sold-story-control-head{flex:0 0 auto}.sold-story-panel-scroll{min-height:0}.sold-story-editor-section{display:block}.sold-story-mobile-tabs,.sold-story-mobile-tip{display:none}.sold-story-control-footer{flex:0 0 auto}.sold-story-actions{display:grid;grid-template-columns:1fr 1fr!important;gap:10px}.sold-story-actions .btn{width:100%}

@media(max-width:900px){
  .sold-story-layout{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(290px,46svh) minmax(330px,46svh);gap:10px;height:calc(100svh - 118px);min-height:650px;margin:0;overflow:hidden}
  .sold-story-preview-wrap{order:0;display:flex;flex-direction:column;min-height:0;width:100%;margin:0}
  .sold-story-preview-head{flex:0 0 auto;margin:0 0 6px;padding:0 2px}
  .sold-story-preview{flex:1;min-height:0;padding:7px;border-radius:18px;display:flex;align-items:center;justify-content:center}
  .sold-story-preview canvas{width:auto;max-width:100%;height:100%;max-height:100%;border-radius:12px}
  .sold-story-drag-hint{bottom:14px}
  .sold-story-controls{order:1;display:flex;flex-direction:column;position:relative;top:auto;width:100%;height:100%;min-height:0;max-height:none;overflow:hidden;padding:0;border-radius:20px}
  .sold-story-control-head{padding:14px 14px 0;background:#fff;z-index:3}
  .sold-story-control-head .section-title{margin:0 0 10px}.sold-story-control-head .section-title p{display:none}.sold-story-control-head .section-title h2{font-size:19px;margin-top:1px}
  .sold-story-mobile-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-bottom:10px}
  .sold-story-mobile-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid #dbe3ee;border-radius:13px;background:#f8fafc;color:#64748b;font:800 13px/1 inherit;cursor:pointer}
  .sold-story-mobile-tabs button b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e2e8f0;color:#475569;font-size:11px}
  .sold-story-mobile-tabs button.is-active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
  .sold-story-mobile-tabs button.is-active b{background:#2563eb;color:#fff}
  .sold-story-panel-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:4px 14px 10px;scrollbar-width:none}
  .sold-story-panel-scroll::-webkit-scrollbar{display:none}
  .sold-story-editor-section{display:none;animation:soldStoryPanelIn .18s ease}.sold-story-editor-section.is-active{display:block}
  .sold-story-steps{display:none}.sold-story-info-grid{grid-template-columns:1fr 1fr;gap:9px}.sold-story-upload{padding:11px 12px}.sold-story-upload-icon{flex-basis:38px;height:38px;border-radius:11px}.sold-story-upload strong{font-size:13px}.sold-story-upload small{font-size:11px}
  .sold-story-controls .field{margin-bottom:10px}.sold-story-controls .field>label:first-child{font-size:12px;margin-bottom:5px}.sold-story-controls input,.sold-story-controls select{min-height:42px}
  .sold-story-crop-head{margin:0 0 8px;padding-top:2px;border-top:0}.sold-story-crop-head small{font-size:11px}.sold-story-controls .range-row{grid-template-columns:1fr;gap:2px}.sold-story-controls input[type=range]{min-height:36px}
  .sold-story-mobile-tip{display:block;margin-top:5px;padding:9px 11px;border-radius:11px;background:#f1f5f9;color:#475569;font-size:11px;line-height:1.4}
  .sold-story-control-footer{padding:8px 14px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid #e2e8f0;background:rgba(255,255,255,.98);box-shadow:0 -8px 24px rgba(15,23,42,.07)}
  .sold-story-status{min-height:38px;margin:0 0 8px;padding:8px 10px;font-size:11px}.sold-story-status:before{flex-basis:17px;height:17px}
  .sold-story-actions{position:static;margin:0;padding:0;background:none;box-shadow:none;grid-template-columns:1.15fr .85fr!important;gap:8px}.sold-story-actions .btn{min-height:46px;font-size:13px}
  body:has([data-sold-story-app]){overscroll-behavior-y:none}
}

@media(max-width:620px){
  .sold-story-layout{height:calc(100svh - 104px);min-height:620px;grid-template-rows:minmax(260px,43svh) minmax(340px,49svh)}
  .sold-story-preview-head strong{font-size:13px}.sold-story-preview-head small{font-size:10px}.sold-story-preview-head>span{padding:5px 8px;font-size:10px}
  .sold-story-info-grid{grid-template-columns:1fr}.sold-story-controls{border-radius:17px}.sold-story-control-head{padding:11px 11px 0}.sold-story-panel-scroll{padding:3px 11px 8px}.sold-story-control-footer{padding:7px 11px calc(8px + env(safe-area-inset-bottom,0px))}
  .sold-story-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}

@media(max-width:390px){
  .sold-story-layout{grid-template-rows:minmax(235px,40svh) minmax(360px,52svh)}
  .sold-story-actions{grid-template-columns:1fr 1fr!important}.sold-story-actions .btn{padding-inline:7px;font-size:12px}
  .sold-story-drag-hint{font-size:9px;padding:6px 9px}
}

@keyframes soldStoryPanelIn{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}

/* Satıldı Görseli — mobil yerleşim kesin düzeltme (2026-07) */
@media (max-width:900px){
  body:has([data-sold-story-app]){overflow-x:hidden;overscroll-behavior-y:auto}
  [data-sold-story-app].sold-story-layout{
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    grid-template-rows:none!important;
    gap:12px!important;
    margin:0!important;
    overflow:visible!important;
  }
  [data-sold-story-app] .sold-story-preview-wrap{
    order:0!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
  }
  [data-sold-story-app] .sold-story-preview-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:36px!important;
    margin:0 0 7px!important;
    padding:0 2px!important;
  }
  [data-sold-story-app] .sold-story-preview{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:7px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
  [data-sold-story-app] .sold-story-preview canvas{
    display:block!important;
    width:auto!important;
    height:min(42svh,520px)!important;
    max-width:100%!important;
    max-height:520px!important;
    aspect-ratio:9/16!important;
    object-fit:contain!important;
    border-radius:12px!important;
  }
  [data-sold-story-app] .sold-story-controls{
    order:1!important;
    display:flex!important;
    flex-direction:column!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    border-radius:20px!important;
  }
  [data-sold-story-app] .sold-story-control-head{
    position:relative!important;
    z-index:2!important;
    padding:14px 14px 0!important;
    border-radius:20px 20px 0 0!important;
    background:#fff!important;
  }
  [data-sold-story-app] .sold-story-mobile-tabs{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
    padding:0 0 10px!important;
  }
  [data-sold-story-app] .sold-story-mobile-tabs button{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    margin:0!important;
    padding:8px 10px!important;
  }
  [data-sold-story-app] .sold-story-panel-scroll{
    flex:none!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    padding:5px 14px 10px!important;
    overflow:visible!important;
  }
  [data-sold-story-app] .sold-story-editor-section{width:100%!important}
  [data-sold-story-app] .sold-story-info-grid{grid-template-columns:1fr!important;gap:0!important}
  [data-sold-story-app] .sold-story-controls .range-row{grid-template-columns:1fr!important;gap:4px!important}
  [data-sold-story-app] .sold-story-control-footer{
    position:sticky!important;
    bottom:0!important;
    z-index:20!important;
    width:100%!important;
    margin:0!important;
    padding:9px 14px calc(10px + env(safe-area-inset-bottom,0px))!important;
    border-top:1px solid #e2e8f0!important;
    border-radius:0 0 20px 20px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 -10px 28px rgba(15,23,42,.10)!important;
    backdrop-filter:blur(12px)!important;
  }
  [data-sold-story-app] .sold-story-status{
    min-height:0!important;
    margin:0 0 8px!important;
    padding:8px 10px!important;
    font-size:11px!important;
  }
  [data-sold-story-app] .sold-story-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;
    gap:8px!important;
    position:static!important;
    inset:auto!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:none!important;
    box-shadow:none!important;
  }
  [data-sold-story-app] .sold-story-actions .btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    margin:0!important;
    padding:11px 9px!important;
    white-space:normal!important;
    line-height:1.15!important;
    text-align:center!important;
    font-size:13px!important;
  }
}

@media (max-width:420px){
  [data-sold-story-app] .sold-story-preview canvas{height:min(39svh,430px)!important}
  [data-sold-story-app] .sold-story-control-head{padding:12px 11px 0!important}
  [data-sold-story-app] .sold-story-panel-scroll{padding:4px 11px 8px!important}
  [data-sold-story-app] .sold-story-control-footer{padding:8px 11px calc(9px + env(safe-area-inset-bottom,0px))!important}
  [data-sold-story-app] .sold-story-actions{grid-template-columns:1fr 1fr!important}
  [data-sold-story-app] .sold-story-actions .btn{min-height:46px!important;font-size:12px!important;padding-inline:6px!important}
}

@media (max-width:350px){
  [data-sold-story-app] .sold-story-actions{grid-template-columns:1fr!important}
  [data-sold-story-app] .sold-story-preview canvas{height:min(36svh,380px)!important}
}


/* E-Fatura durum kartları - premium kutulu görünüm */
.einvoice-stat-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
  margin:0 0 22px;
}
.einvoice-stat-card{
  position:relative;
  overflow:hidden;
  min-height:128px;
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:18px;
  border:1px solid rgba(226,232,240,.96);
  border-radius:22px;
  background:linear-gradient(145deg,#ffffff,#f8fbff);
  box-shadow:0 18px 42px rgba(15,23,42,.07);
}
.einvoice-stat-card:before{
  content:"";
  position:absolute;
  inset:auto -24px -40px auto;
  width:112px;
  height:112px;
  border-radius:999px;
  background:rgba(18,104,243,.08);
}
.einvoice-stat-icon{
  position:relative;
  z-index:1;
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:#eef5ff;
  color:#1268f3;
  font-size:20px;
  font-weight:950;
  box-shadow:inset 0 0 0 1px rgba(18,104,243,.12);
}
.einvoice-stat-body{
  position:relative;
  z-index:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.einvoice-stat-body span{
  font-size:12px;
  line-height:1.15;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#64748b;
  font-weight:950;
}
.einvoice-stat-body strong{
  display:block;
  font-size:26px;
  line-height:1.05;
  color:#162033;
  font-weight:950;
  letter-spacing:-.04em;
  white-space:normal;
  overflow-wrap:anywhere;
}
.einvoice-stat-body small{
  display:block;
  color:#64748b;
  font-size:12px;
  line-height:1.35;
  font-weight:750;
}
.einvoice-stat-card.is-draft .einvoice-stat-icon{background:#fff7ed;color:#c2410c;box-shadow:inset 0 0 0 1px rgba(251,146,60,.22)}
.einvoice-stat-card.is-draft:before{background:rgba(251,146,60,.13)}
.einvoice-stat-card.is-sent .einvoice-stat-icon{background:#eff6ff;color:#1d4ed8;box-shadow:inset 0 0 0 1px rgba(59,130,246,.22)}
.einvoice-stat-card.is-sent:before{background:rgba(59,130,246,.12)}
.einvoice-stat-card.is-accepted .einvoice-stat-icon{background:#ecfdf5;color:#047857;box-shadow:inset 0 0 0 1px rgba(16,185,129,.22)}
.einvoice-stat-card.is-accepted:before{background:rgba(16,185,129,.13)}
.einvoice-stat-card.is-error .einvoice-stat-icon{background:#fef2f2;color:#b91c1c;box-shadow:inset 0 0 0 1px rgba(239,68,68,.22)}
.einvoice-stat-card.is-error:before{background:rgba(239,68,68,.12)}
.einvoice-stat-card.is-total .einvoice-stat-icon{background:#f5f3ff;color:#6d28d9;box-shadow:inset 0 0 0 1px rgba(124,58,237,.20)}
.einvoice-stat-card.is-total:before{background:rgba(124,58,237,.10)}
.einvoice-stat-card.is-tax .einvoice-stat-icon{background:#f0fdfa;color:#0f766e;box-shadow:inset 0 0 0 1px rgba(20,184,166,.20)}
.einvoice-stat-card.is-tax:before{background:rgba(20,184,166,.11)}
@media(max-width:1280px){.einvoice-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.einvoice-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.einvoice-stat-card{min-height:112px;padding:14px;border-radius:18px}.einvoice-stat-icon{width:38px;height:38px;flex-basis:38px;border-radius:14px}.einvoice-stat-body strong{font-size:22px}.einvoice-stat-body span{font-size:11px}.einvoice-stat-body small{font-size:11px}}
@media(max-width:440px){.einvoice-stat-grid{grid-template-columns:1fr}.einvoice-stat-card{min-height:auto;align-items:center}}
@media print{.einvoice-stat-grid{display:none!important}}