:root {
    --navy-950: #0b1220;
    --navy-900: #101a2e;
    --navy-800: #17233b;
    --blue-600: #2563eb;
    --blue-700: #1d4ed8;
    --cyan-400: #22d3ee;
    --canvas: #f5f7fb;
    --surface: #ffffff;
    --border: #dbe3ef;
    --text: #172033;
    --muted: #64748b;
    --danger: #b42318;
    --success: #059669;
    --control-height: 42px;
    --compact-control-height: 36px;
    --control-radius: 9px;
    --card-radius: 15px;
    --content-gap: 18px;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
}

/* Native color inputs otherwise render as a narrow bar in Safari. */
* { box-sizing: border-box; }
html { color-scheme: light; }
body { margin: 0; min-height: 100vh; color: var(--text); background: var(--canvas); line-height: 1.45; }

.auth-shell {
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(340px, 1.1fr) minmax(380px, .9fr);
}

.auth-brand {
    display: grid;
    grid-template-columns: minmax(280px, .9fr) minmax(430px, 1.1fr);
    align-items: center;
    gap: clamp(34px, 5vw, 76px);
    padding: clamp(40px, 5vw, 88px);
    color: white;
    background:
        radial-gradient(circle at 15% 20%, rgba(34, 211, 238, .22), transparent 24rem),
        radial-gradient(circle at 90% 85%, rgba(37, 99, 235, .35), transparent 28rem),
        linear-gradient(145deg, var(--navy-950), var(--navy-800));
}
.auth-brand-copy { min-width: 0; }

.brand-mark {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    margin-bottom: 42px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 13px;
    background: rgba(255, 255, 255, .1);
    font-weight: 800;
}
.brand-mark.app-logo { overflow: hidden; padding: 0; border: 0; background: #10253f; }
.brand-mark.app-logo img { display: block; width: 100%; height: 100%; object-fit: cover; }

.auth-brand h1 { max-width: 620px; margin: 10px 0 18px; font-size: clamp(38px, 5vw, 68px); line-height: 1.05; }
.auth-brand-copy > p:last-child { max-width: 560px; color: #cbd5e1; font-size: 17px; line-height: 1.7; }
.eyebrow { margin: 0; color: var(--blue-600); font-size: 12px; font-weight: 800; letter-spacing: .14em; }
.auth-brand .eyebrow { color: var(--cyan-400); }

.auth-card {
    width: min(460px, calc(100% - 32px));
    margin: auto;
    padding: 36px;
    border: 1px solid rgba(219, 227, 239, .85);
    border-radius: 20px;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 24px 70px rgba(11, 18, 32, .1);
}
.auth-access-panel { width: min(460px, calc(100% - 32px)); display: grid; gap: 14px; margin: auto; }
.auth-access-panel .auth-card { width: 100%; margin: 0; }
.auth-brand-access { width: 100%; max-width: 620px; justify-self: end; }
.order-portal-link { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 14px; padding: 15px 18px; border: 1px solid rgba(125,211,252,.3); border-radius: 16px; color: white; background: rgba(15,35,64,.72); box-shadow: 0 18px 44px rgba(3,10,24,.22); text-decoration: none; backdrop-filter: blur(12px); }
.order-portal-link:hover { color: white; border-color: rgba(34,211,238,.65); background: rgba(18,48,82,.88); transform: translateY(-1px); }
.order-portal-link span:first-child { display: grid; gap: 2px; }
.order-portal-link strong { font-size: 14px; }
.order-portal-link small { color: #a9bad1; font-size: 11px; }
.order-portal-link span:last-child { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: var(--cyan-400); background: rgba(34,211,238,.1); font-size: 19px; }
.market-portal-link { border-color: rgba(217,236,170,.35); background: rgba(20,70,54,.7); }
.market-portal-link:hover { border-color: rgba(217,236,170,.75); background: rgba(24,99,75,.88); }
.market-portal-link span:last-child { color: #d9ecaa; background: rgba(217,236,170,.12); }
.order-portal-link.help-center-link { margin-top: 14px; margin-bottom: 0; }
.mobile-download-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.android-download-card { display: grid; grid-template-columns: 76px minmax(0, 1fr); align-items: center; gap: 12px; min-width: 0; padding: 14px; border: 1px solid rgba(219,227,239,.9); border-radius: 18px; background: rgba(255,255,255,.97); box-shadow: 0 18px 50px rgba(11,18,32,.08); }
.android-download-card img { width: 76px; height: 76px; }
.android-download-card img { padding: 6px; border: 1px solid var(--border); border-radius: 10px; background: white; }
.android-download-card .eyebrow { font-size: 9px; letter-spacing: .1em; }
.android-download-card h2 { margin: 3px 0; color: var(--navy-950); font-size: 14px; line-height: 1.2; }
.android-download-card p:not(.eyebrow) { margin: 0 0 8px; color: var(--muted); font-size: 10px; line-height: 1.35; }
.android-download-button { display: inline-flex; min-height: 32px; align-items: center; justify-content: center; padding: 0 12px; border-radius: 9px; color: white; background: var(--blue-600); font-size: 11px; font-weight: 800; text-decoration: none; }
.android-download-button:hover { color: white; background: var(--blue-700); }
.ios-download-card { background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(226,244,235,.94)); }
.ios-download-button { background: #10253f; }
.ios-download-button:hover { background: #1b4268; }
.order-android-download-card { background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(232,241,253,.95)); }
.order-ios-download-card { background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(235,247,240,.95)); border-color: rgba(199,224,208,.95); }
.order-ios-download-button { background: #16324b; }
.order-ios-download-button:hover { background: #244d6d; }

@media (min-width: 1101px) and (max-width: 1500px) {
    .auth-brand {
        grid-template-columns: minmax(220px, .8fr) minmax(300px, 1.2fr);
        gap: clamp(20px, 2vw, 32px);
        padding: clamp(30px, 3vw, 48px);
    }
    .auth-brand h1 { font-size: clamp(36px, 4vw, 54px); }
    .auth-brand-copy > p:last-child { font-size: 15px; }
    .auth-brand-access { width: min(100%, 360px); max-width: 360px; }
    .mobile-download-grid { grid-template-columns: 1fr; gap: 10px; }
    .order-portal-link { margin-bottom: 10px; padding: 12px 15px; }
    .android-download-card { grid-template-columns: 64px minmax(0, 1fr); gap: 10px; padding: 10px 12px; border-radius: 15px; }
    .android-download-card img { width: 64px; height: 64px; }
    .android-download-card p:not(.eyebrow) { margin-bottom: 6px; }
}

.auth-card h1, .auth-card h2 { margin: 8px 0; color: var(--navy-950); font-size: 29px; }
.auth-card header > p:last-child, .auth-card > p { margin: 8px 0 24px; color: var(--muted); line-height: 1.55; }
form { display: grid; gap: 9px; }
label { margin-top: 8px; font-size: 13px; font-weight: 700; }

input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
textarea {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid var(--border);
    border-radius: 9px;
    outline: none;
    color: var(--text);
    background: var(--surface);
    font: inherit;
    font-size: 13px;
}

textarea {
    min-height: 82px;
    padding-top: 10px;
    padding-bottom: 10px;
    resize: vertical;
}

select {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid var(--border);
    border-radius: 9px;
    color: var(--text);
    background: white;
    outline: none;
    font: inherit;
    font-size: 13px;
}

input:focus, select:focus, textarea:focus { border-color: var(--blue-600); box-shadow: 0 0 0 3px rgba(37, 99, 235, .12); }
.required-marker { color: #d92d20; font-weight: 900; }
.required-label-invalid { color: #b42318; }
input.required-field-invalid:not([type="checkbox"]):not([type="radio"]),
select.required-field-invalid,
textarea.required-field-invalid {
    border-color: #f04438 !important;
    background-color: #fffafa;
    box-shadow: 0 0 0 3px rgba(240, 68, 56, .12) !important;
}
input.required-field-invalid[type="checkbox"],
input.required-field-invalid[type="radio"] { outline: 2px solid #f04438; outline-offset: 2px; }
input[type="checkbox"], input[type="radio"] { width: 17px; height: 17px; min-width: 17px; min-height: 17px; flex: 0 0 17px; margin: 0; accent-color: var(--blue-600); }
input[readonly], textarea[readonly], select[readonly] { color: #475569; background: #f1f5f9; cursor: not-allowed; }
input:disabled, textarea:disabled, select:disabled { color: #64748b; background: #f1f5f9; cursor: not-allowed; opacity: .78; }
.label-row { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; }
.label-row label { margin: 0; }
a { color: var(--blue-600); font-size: 13px; font-weight: 700; text-decoration: none; }
.check-row { display: flex; align-items: center; gap: 8px; color: var(--muted); font-weight: 500; }

button, .button-link {
    min-height: 42px;
    display: grid;
    place-items: center;
    margin: 0;
    padding: 0 18px;
    border: 0;
    border-radius: 9px;
    color: white;
    background: var(--blue-600);
    font-size: 14px;
    font-weight: 750;
    cursor: pointer;
    font-family: inherit;
    line-height: 1;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

button:hover, .button-link:hover { background: var(--blue-700); }
button:disabled { cursor: wait; opacity: .72; }
.auth-card form > button, .login-card form > button { margin-top: 15px; }
.single-auth { min-height: 100vh; display: grid; place-items: center; padding: 20px; background: radial-gradient(circle at 20% 10%, rgba(37, 99, 235, .14), transparent 34rem), var(--canvas); }
.back-link { display: inline-block; margin-top: 22px; }
.validation, [data-valmsg-for] { color: var(--danger); font-size: 12px; }
.success-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; color: white; background: var(--success); font-size: 24px; }
.danger { color: var(--danger); }
.password-requirements {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 10px;
    margin: 4px 0 12px;
    padding: 0;
    list-style: none;
}
.password-requirements li {
    position: relative;
    min-height: 30px;
    display: flex;
    align-items: center;
    padding: 5px 8px 5px 29px;
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--muted);
    background: #f8fafc;
    font-size: 12px;
    line-height: 1.35;
}
.password-requirements li::before {
    content: "•";
    position: absolute;
    left: 9px;
    top: 50%;
    width: 14px;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: 14px;
    font-weight: 900;
    text-align: center;
}
.password-requirements li.valid { border-color: #86efac; color: var(--success); background: #f0fdf4; font-weight: 700; }
.password-requirements li.valid::before { content: "✓"; color: var(--success); font-size: 13px; }
.password-requirements li.invalid { border-color: #fca5a5; color: var(--danger); background: #fef2f2; font-weight: 700; }
.password-requirements li.invalid::before { content: "×"; color: var(--danger); font-size: 15px; }
.password-requirements .server-rule { border-color: #bfdbfe; color: var(--blue-600); background: #eff6ff; }
.password-requirements .server-rule::before { content: "i"; color: white; border-radius: 50%; background: var(--blue-600); font-size: 10px; line-height: 14px; }
.password-match {
    min-height: 28px;
    display: flex;
    align-items: center;
    margin: 4px 0 0;
    padding: 5px 9px;
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--muted);
    background: #f8fafc;
    font-size: 12px;
}
.password-match.valid { border-color: #86efac; color: var(--success); background: #f0fdf4; font-weight: 700; }
.password-match.invalid { border-color: #fca5a5; color: var(--danger); background: #fef2f2; font-weight: 700; }
.permission-summary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.permission-summary-item { min-height: 38px; display: flex; align-items: center; gap: 9px; padding: 8px 10px; border: 1px solid var(--border); border-radius: 9px; background: #f8fafc; font-size: 12px; }
.permission-summary-item > span { width: 19px; height: 19px; display: grid; place-items: center; flex: 0 0 19px; border-radius: 50%; color: white; background: var(--success); font-size: 11px; font-weight: 900; }
.page-header-actions { display: flex; align-items: end; gap: 10px; }
.content-search { width: 320px; max-width: 42vw; display: block; margin: 0; }
.content-search > span { display: block; margin-bottom: 5px; color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.content-search input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) { width: 100%; min-width: 0; height: 42px; padding: 0 12px; border-color: var(--border); color: var(--text); background: white; }
.page-header-actions .primary-action { min-height: 42px; }
.permission-toolbar { display: flex; align-items: end; gap: 10px; }
.permission-toolbar .content-search { width: 300px; max-width: 36vw; }
.permission-toolbar .count-badge { margin-bottom: 5px; white-space: nowrap; }
@media (max-width: 520px) {
    .password-requirements { grid-template-columns: 1fr; }
    .permission-summary-grid { grid-template-columns: 1fr; }
    .page-header-actions { width: 100%; align-items: stretch; flex-direction: column; }
    .content-search { width: 100%; max-width: none; }
    .permission-toolbar { width: 100%; align-items: stretch; flex-direction: column; }
    .permission-toolbar .content-search { width: 100%; max-width: none; }
    .permission-toolbar .count-badge { align-self: flex-start; margin-bottom: 0; }
}

@media (max-width: 1100px) {
    .auth-shell { grid-template-columns: 1fr; background: var(--canvas); }
    .auth-brand { min-height: 260px; grid-template-columns: 1fr; gap: 26px; padding: 38px 24px; }
    .auth-brand h1 { font-size: 36px; }
    .auth-brand-copy > p:last-child, .brand-mark { display: none; }
    .auth-brand-access { max-width: 620px; justify-self: center; }
    .auth-card { margin: 24px auto; padding: 28px 22px; }
    .auth-access-panel { margin: 24px auto; }
    .auth-access-panel .auth-card { margin: 0; }
}
@media (max-width: 520px) {
    .mobile-download-grid { grid-template-columns: 1fr; }
    .android-download-card { grid-template-columns: 76px minmax(0, 1fr); text-align: left; }
}

.app-shell {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 264px minmax(0, 1fr);
}
.mobile-sidebar-toggle,
.mobile-sidebar-backdrop { display: none; }

.app-content {
    grid-column: 2;
    min-width: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--canvas);
}
.topbar {
    position: sticky;
    top: 0;
    z-index: 20;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 28px;
    border-bottom: 1px solid var(--border);
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(12px);
}

.page-code, .branch-chip, .count-badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid var(--border);
    border-radius: 7px;
    color: var(--muted);
    background: white;
    font-size: 12px;
    font-weight: 700;
}

.count-badge-alert {
    min-width: 28px;
    justify-content: center;
    padding: 0 9px;
    border-color: #ef4444;
    background: #ef4444;
    color: #fff;
    border-radius: 999px;
}

.sidebar .nav-link .count-badge-alert {
    color: #fff;
}

.announcement-table {
    width: 100%;
    min-width: 1100px;
    table-layout: auto;
}

.table-toolbar-actions {
    margin-left: auto;
}

.announcement-col-select { width: 4%; }
.announcement-col-date { width: 13%; }
.announcement-col-order { width: 14%; }
.announcement-col-customer-code { width: 13%; }
.announcement-col-customer-name { width: 20%; }
.announcement-col-quantity { width: 9%; }
.announcement-col-vat { width: 10%; }
.announcement-col-amount { width: 10%; }
.announcement-col-action { width: 10%; }

.announcement-row td {
    vertical-align: middle;
}

.announcement-row td:nth-child(2),
.announcement-row td:nth-child(3),
.announcement-row td:nth-child(4),
.announcement-row td:nth-child(5) {
    white-space: nowrap;
    font-weight: 700;
}

.announcement-row td:nth-child(5) {
    overflow: hidden;
    text-overflow: ellipsis;
}

.announcement-row td:nth-child(6),
.announcement-row td:nth-child(7),
.announcement-row td:nth-child(8) {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.announcement-row-actions {
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}

.announcement-row-actions form {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 6px;
}

.announcement-select {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: #2563eb;
}

.announcement-row .announcement-target {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    padding: 5px 9px;
    border-radius: 999px;
    background: #e8f1ff;
    color: #1d5ed8;
    font-size: 11px;
    font-weight: 800;
}

.announcement-row .announcement-muted {
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
}

.announcement-row-actions .status-badge,
.announcement-row-actions .link-button {
    margin-top: 0;
}

@media (max-width: 980px) {
    .announcement-table {
        min-width: 1100px;
    }
}

.branch-chip { gap: 5px; }

.topbar-page { display: flex; align-items: center; gap: 8px; min-width: 0; }

.topbar-tools { display: flex; flex: 0 0 auto; align-items: center; gap: 14px; }
.topbar-exchange-rates {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: #fff;
    color: #334155;
    font-size: 10px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.topbar-rate-label { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .06em; line-height: 1; text-transform: uppercase; transform: translateY(1px); }
.topbar-rate { display: inline-flex; align-items: baseline; gap: 3px; }
.topbar-rate b { display: inline-flex; min-height: 18px; align-items: center; padding: 0 5px; border-radius: 5px; background: #eef2f7; color: #475569; font-size: 9px; line-height: 1; }
.topbar-rate[data-rate-code="USD"] b { background: #dcfce7; color: #15803d; }
.topbar-rate[data-rate-code="EUR"] b { background: #dbeafe; color: #1d4ed8; }
.topbar-rate[data-rate-code="GBP"] b { background: #f3e8ff; color: #7e22ce; }
.topbar-rate span { color: #0f172a; font-size: 11px; font-weight: 800; }
.topbar-rate + .topbar-rate { padding-left: 8px; border-left: 1px solid #e2e8f0; }
.topbar-rate-status { color: #64748b; font-size: 9px; }
.topbar-exchange-rates.is-error .topbar-rate-status { color: #b42318; }
.topbar-rate-refresh {
    display: inline-grid;
    flex: 0 0 22px;
    width: 22px;
    min-width: 22px;
    max-width: 22px;
    height: 22px;
    min-height: 22px;
    max-height: 22px;
    padding: 0;
    aspect-ratio: 1;
    box-sizing: border-box;
    place-items: center;
    border: 1px solid #dbe4f0;
    border-radius: 5px;
    color: #2563eb;
    background: #f8faff;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
}
.topbar-rate-refresh:hover { border-color: #93b4f5; background: #eff5ff; }
.topbar-rate-refresh:disabled { opacity: .55; cursor: wait; }
.topbar-exchange-rates.is-loading .topbar-rate-refresh { animation: topbar-rate-spin .8s linear infinite; }
@keyframes topbar-rate-spin { to { transform: rotate(360deg); } }

@media (max-width: 1280px) {
    .topbar-rate-label,
    .topbar-rate-status { display: none; }
}

@media (max-width: 1080px) {
    .topbar-exchange-rates { display: none; }
}

.favorite-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    min-height: 28px;
    padding: 0;
    border: 1px solid var(--border);
    border-radius: 7px;
    background: white;
    color: var(--border);
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
}
.favorite-toggle:hover { color: #f59e0b; border-color: #f59e0b; }
.favorite-toggle.is-favorite { color: #f59e0b; border-color: #f59e0b; background: #fffbeb; }

.favorite-pages { display: flex; align-items: center; gap: 6px; overflow-x: auto; min-width: 0; }
.favorite-page-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 52px;
    max-width: 140px;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid var(--border);
    border-radius: 7px;
    color: var(--muted);
    background: white;
    font-size: 11px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
}
.favorite-page-btn:hover { color: white; background: var(--brand, #2563eb); border-color: var(--brand, #2563eb); }

.system-announcement {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 14px;
    padding: 13px 16px;
    border: 1px solid var(--border);
    border-left: 4px solid var(--primary);
    border-radius: 10px;
    background: #eff6ff;
    color: #172554;
}

.system-announcement p { margin: 3px 0 0; font-size: 13px; }
.system-announcement form { flex: 0 0 auto; }
.system-announcement button {
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 7px;
    background: transparent;
    color: currentColor;
    font-size: 20px;
}
.system-announcement.announcement-warning,
.system-announcement.announcement-maintenance {
    border-color: #fde68a;
    border-left-color: #d97706;
    background: #fffbeb;
    color: #78350f;
}
.system-announcement.announcement-version {
    border-color: #ddd6fe;
    border-left-color: #7c3aed;
    background: #f5f3ff;
    color: #4c1d95;
}

.language-switcher { flex: 0 0 auto; }
.language-switcher select {
    min-width: 54px;
    height: 32px;
    padding: 0 6px;
    border-color: rgba(255,255,255,.18);
    background: rgba(255,255,255,.08);
    color: inherit;
}
.branch-switcher { display: flex; align-items: center; gap: 8px; }
.branch-switcher label { margin: 0; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .05em; }
.branch-switcher select { width: 210px; height: 34px; padding: 0 30px 0 10px; font-size: 11px; font-weight: 700; }
.page-content {
    width: 100%;
    max-width: none;
    flex: 1;
    margin: 0;
    padding: 28px 32px 38px;
}
.app-footer { display:flex; align-items:center; justify-content:center; gap:18px; padding:13px 28px; border-top:1px solid var(--border); color:var(--muted); background:white; font-size:10px; }
.footer-version { padding-left:18px; border-left:1px solid var(--border); font-weight:700; }
.support-footer-link { color:var(--accent); font-weight:700; text-decoration:none; }
.support-footer-link:hover { text-decoration:underline; }
.support-timeline { display:grid; gap:10px; margin:20px 0; }
.support-timeline article { padding:14px 16px; border:1px solid var(--border); border-radius:10px; background:#f8fafc; }
.support-timeline small { color:var(--muted); font-size:11px; }
.support-timeline p { margin:8px 0 0; white-space:pre-wrap; }
.support-ticket-description { padding:18px; border:1px solid var(--border); border-radius:10px; white-space:pre-wrap; }
.support-attachments { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:14px; }
.support-attachments a { color:var(--accent); font-weight:700; }
.login-version { margin-top:12px; color:var(--muted); font-size:11px; text-align:center; }
.installation-card { width: min(680px, 100%); }
.installation-shell { align-items: start; }
.installation-card textarea { resize: vertical; min-height: 72px; }
.sidebar {
    grid-column: 1;
    grid-row: 1;
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 18px 12px 12px;
    color: #dce7f6;
    background:
        radial-gradient(circle at 0 0, rgba(37, 99, 235, .16), transparent 18rem),
        linear-gradient(180deg, #0b1324, #0d182b);
    border-right: 1px solid rgba(148, 163, 184, .13);
    box-shadow: 12px 0 36px rgba(15, 23, 42, .06);
    overflow: hidden;
}

.sidebar-brand { display: flex; align-items: center; gap: 11px; padding: 4px 7px 18px; }
.sidebar-brand strong { color: white; font-size: 14px; letter-spacing: -.01em; }
.sidebar-brand div { display: grid; gap: 2px; }
.sidebar-brand small { color: #8291aa; font-size: 10px; }
.brand-mark.small { width: 36px; height: 36px; margin: 0; border-radius: 10px; font-size: 12px; }
.page-search { display: grid; grid-template-columns: minmax(0, 1fr) 48px; align-items: stretch; gap: 6px; margin: 0 3px 16px; }
.page-search input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.page-search button { box-sizing: border-box; min-height: 38px; height: 38px; margin: 0; }
.page-search input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) { min-width: 0; padding-block: 0; border-color: #293750; color: white; background: #17243a; }
.page-search button { padding: 0; font-size: 12px; }
.sidebar nav {
    min-height: 0;
    flex: 1 1 auto;
    display: grid;
    align-content: start;
    gap: 5px;
    padding-right: 3px;
    overflow-y: auto;
    overflow-anchor: none;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
}
.sidebar nav { scrollbar-color: #34435d transparent; }
.sidebar nav::-webkit-scrollbar { width: 6px; }
.sidebar nav::-webkit-scrollbar-track { background: transparent; }
.sidebar nav::-webkit-scrollbar-thumb { border-radius: 99px; background: #34435d; }
.sidebar nav::-webkit-scrollbar-thumb:hover { background: #475a78; }
.sidebar details { display: grid; gap: 6px; }
.sidebar summary { padding: 11px 10px 7px; border-radius: 8px; color: #8291aa; font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; cursor: pointer; }
.sidebar summary:hover { color: #b9c8dd; background: rgba(255,255,255,.035); }
.nav-link { min-height: 38px; display: flex; align-items: center; justify-content: space-between; padding: 0 11px; border-radius: 8px; color: #c4d0e1; font-size: 12px; }
.nav-link small { color: #667791; font-size: 10px; }
.nav-link.child { margin-left: 6px; }
.nav-link:hover { color: white; background: rgba(255,255,255,.055); }
.nav-link.active { color: white; background: linear-gradient(90deg, rgba(37,99,235,.34), rgba(37,99,235,.12)); box-shadow: inset 3px 0 #60a5fa; }
.nav-link.active small { color: #93b4ff; }
.sidebar-user { display: grid; gap: 9px; margin-top: auto; padding: 13px 5px 1px; border-top: 1px solid #26344b; }
.avatar { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; color: white; background: linear-gradient(145deg, #3b82f6, #2563eb); font-weight: 800; }
.sidebar-identity { min-width: 0; display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 9px; padding: 2px 1px; }
.user-copy { min-width: 0; display: grid; gap: 2px; }
.user-copy strong, .user-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-copy strong { color: white; font-size: 11px; }
.user-copy small { color: #8291aa; font-size: 10px; }
.user-copy .company-name { color: #aebed4; }
.sidebar-user form { display: block; }
.sidebar-user .language-switcher { width: 100%; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 8px; }
.sidebar-user .language-switcher label { margin: 0; color: #8291aa; font-size: 10px; text-transform: uppercase; letter-spacing: .07em; }
.sidebar-user .language-switcher select { width: 100%; min-width: 0; }
.logout-form { width: 100%; }
.logout {
    width: 100%;
    min-height: 34px;
    height: 34px;
    margin: 0;
    padding: 0 12px;
    border: 1px solid rgba(248, 113, 113, .32);
    color: #fecaca;
    background: rgba(185, 28, 28, .18);
    font-size: 11px;
}
.logout:hover { color: white; background: #b91c1c; }

.page-header,
.page-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}
.page-heading > div,
.page-header > div { min-width: 0; }
.page-heading > .button,
.page-heading > .primary-action,
.page-heading > .secondary-action,
.page-heading > button,
.page-header > .button,
.page-header > .primary-action,
.page-header > .secondary-action,
.page-header > button {
    flex: 0 0 auto;
    margin: 0;
}
.page-stack { display: grid; gap: 18px; }
.page-stack > .page-header,
.page-stack > .form-card { margin-bottom: 0; }
.page-stack > .two-column-grid .form-card { margin-bottom: 0; }
.two-column-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--content-gap);
}
@media (max-width: 900px) {
    .two-column-grid { grid-template-columns: 1fr; }
}
.page-header h1,
.page-heading h1 { margin: 6px 0 4px; color: var(--navy-950); font-size: clamp(25px, 2.2vw, 31px); letter-spacing: -.025em; }
.page-header p:not(.eyebrow),
.page-heading p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 13px; }
@media (max-width: 700px) {
    .page-header,
    .page-heading { align-items: stretch; flex-direction: column; gap: 16px; margin-bottom: 20px; }
    .page-heading > .button,
    .page-heading > .primary-action,
    .page-heading > .secondary-action,
    .page-heading > button,
    .page-header > .button,
    .page-header > .primary-action,
    .page-header > .secondary-action,
    .page-header > button { align-self: flex-start; }
}
.primary-action, .secondary-action {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    border-radius: 8px;
    font-size: 13px;
}
.primary-action { color: white; background: var(--blue-600); }
.secondary-action { border: 1px solid var(--border); color: var(--text); background: white; }
.primary-action:hover { color: white; background: var(--blue-700); }
.secondary-action:hover { border-color: #b8c8df; color: var(--text); background: #f8fafc; }
.action-bar { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.action-bar > form { display: flex; gap: 8px; }
.action-bar button { min-height: 40px; margin: 0; box-shadow: 0 7px 16px rgba(37,99,235,.18); }
.form-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
button.secondary { border: 1px solid var(--border); color: var(--text); background: white; }
button.secondary:hover { border-color: #b8c8df; color: var(--text); background: #f8fafc; }

.metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.dashboard-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.metric-card, .data-card, .form-card {
    border: 1px solid var(--border);
    border-radius: 15px;
    background: white;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .045);
}
.metric-card { display: grid; gap: 9px; padding: 20px; }
.metric-card span, .metric-card small { color: var(--muted); font-size: 12px; }
.metric-card strong { color: var(--navy-950); font-size: 25px; }
.table-toolbar { min-height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border-bottom: 1px solid var(--border); }
.import-progress { display: grid; gap: 7px; margin-top: 14px; }
.import-progress[hidden] { display: none; }
.import-progress-track { height: 9px; overflow: hidden; border-radius: 999px; background: #e8eef7; }
.import-progress-track span { display: block; width: 0; height: 100%; border-radius: inherit; background: #2563eb; transition: width .15s ease; }
.import-progress-label { color: var(--muted); font-size: 12px; font-weight: 750; }
.stock-report-filter { min-height: 92px; padding: 16px 18px; align-items: end; }
.stock-report-filter .field { display: grid; gap: 6px; min-width: 285px; }
.stock-report-filter .field label { color: var(--muted); font-size: 11px; font-weight: 750; }
.stock-report-filter select { height: 40px; }
.stock-row-save { margin-inline: auto; }
.stock-save-feedback { margin: 0 0 14px; padding: 11px 14px; border: 1px solid #a7e3c2; border-radius: 10px; background: #ecfdf3; color: #067647; font-weight: 700; }
.stock-save-feedback.error { border-color: #fda29b; background: #fff1f0; color: #b42318; }
.table-toolbar > div { display: flex; align-items: baseline; gap: 8px; }
.table-toolbar small { color: var(--muted); font-size: 11px; }
.compact-input { width: 210px !important; height: 34px !important; }
.server-list-search { display: flex; align-items: center; gap: 10px; }
.server-list-search .compact-input { width: min(420px, 34vw) !important; }
.b2c-order-filter-actions { display: flex; align-items: center; gap: 10px; }
.b2c-order-filter-actions input.compact-input { width: min(420px, 34vw) !important; }
.b2c-order-filter-actions select.compact-input { width: min(230px, 20vw) !important; }
.b2c-order-filter-actions button { min-height: 40px; margin: 0; }

.invoice-line-actions {
    width: 92px;
    white-space: nowrap;
}

.invoice-line-actions button {
    width: 34px;
    min-width: 34px;
    max-width: 34px;
    height: 34px;
    min-height: 34px;
    max-height: 34px;
    margin: 0;
    padding: 0;
    border-radius: 8px;
    font-size: 18px;
    line-height: 1;
}

.invoice-line-actions .line-add {
    margin-right: 6px;
    color: #1d4ed8;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
}

.invoice-line-actions .line-add:hover,
.inline-create-button:hover {
    color: #1d4ed8;
    background: #f8fafc;
    border-color: #94a3b8;
}

.invoice-line-actions .line-remove {
    color: #b91c1c;
    background: #fff1f2;
    border: 1px solid #fecdd3;
}

.invoice-line-actions .line-remove:disabled {
    color: #94a3b8;
    background: #f8fafc;
    border-color: #e2e8f0;
    cursor: not-allowed;
}

.stock-hint {
    display: block;
    margin-top: 7px;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
    white-space: normal;
}

.stock-hint.stock-error {
    color: #b91c1c;
    font-weight: 750;
}

.line-stock-meta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 7px;
    margin-top: 7px;
    min-width: 0;
}

.line-stock-meta .stock-hint {
    display: inline;
    margin-top: 0;
}

.cost-info-button {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
    padding: 0;
    border: 1px solid #93b4e8;
    border-radius: 50%;
    background: #eff6ff;
    color: #2563eb;
    font: 700 11px/1 Georgia, serif;
    box-shadow: none;
    cursor: help;
}

.cost-info-button:hover,
.cost-info-button:focus-visible {
    border-color: #2563eb;
    background: #dbeafe;
    color: #1d4ed8;
    box-shadow: none;
}

.cost-info-tooltip {
    position: absolute;
    z-index: 40;
    left: 50%;
    bottom: calc(100% + 8px);
    width: max-content;
    max-width: 220px;
    padding: 7px 9px;
    border-radius: 7px;
    background: #0f172a;
    color: #fff;
    font: 600 12px/1.3 system-ui, sans-serif;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, 3px);
    transition: opacity .12s ease, transform .12s ease, visibility .12s ease;
}

.cost-info-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border: 5px solid transparent;
    border-top-color: #0f172a;
    transform: translateX(-50%);
}

.cost-info-button:hover .cost-info-tooltip,
.cost-info-button:focus-visible .cost-info-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}

.purchase-history-hint {
    display: block;
    margin-top: 6px;
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.35;
    white-space: normal;
}

.purchase-history-hint.has-history {
    color: #315a8a;
}

.customer-finance-summary {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 14px;
    border: 1px solid #dbe4f0;
    border-radius: 12px;
    background: #f8fbff;
}

.customer-finance-summary > div {
    min-width: 0;
    padding: 4px 10px;
    border-right: 1px solid #dbe4f0;
}

.customer-finance-summary > div:last-child {
    border-right: 0;
}

.customer-finance-summary span,
.customer-finance-summary strong {
    display: block;
}

.customer-finance-summary span {
    margin-bottom: 5px;
    color: #64748b;
    font-size: 11px;
}

.customer-finance-summary strong {
    color: #0f172a;
    font-size: 14px;
}

/* Keep the invoice header dense so line entry stays visible on shorter screens. */
.invoice-document-card {
    padding: 16px 20px;
}

.invoice-document-card .section-heading {
    margin-bottom: 12px;
}

.invoice-document-card .form-grid {
    gap: 11px 24px;
}

.invoice-document-card .field {
    gap: 5px;
}

.invoice-document-card .customer-finance-summary {
    gap: 8px;
    padding: 8px 12px;
}

.invoice-document-card .customer-finance-summary > div {
    padding: 2px 10px;
}

.invoice-document-card .customer-finance-summary span {
    margin-bottom: 2px;
}

.invoice-document-card .field small {
    line-height: 1.3;
}

@media (max-width: 760px) {
    .customer-finance-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .customer-finance-summary > div {
        border-right: 0;
    }
}

.money-cell {
    min-width: 120px;
    font-weight: 700;
    white-space: nowrap;
}

[data-invoice-line-editor] tbody td {
    vertical-align: top;
}

[data-invoice-line-editor] .invoice-line-actions,
[data-document-line-editor] .invoice-line-actions {
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

[data-invoice-line-editor] .invoice-line-actions .line-add,
[data-document-line-editor] .invoice-line-actions .line-add {
    margin-right: 0;
}

.section-actions { display: flex; align-items: center; gap: 8px; }
.product-picker { display: flex; align-items: center; gap: 7px; min-width: 230px; }
.product-picker .search-select { flex: 1 1 auto; min-width: 0; }
.inline-create-button {
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    min-width: 34px;
    max-width: 34px;
    height: 34px;
    min-height: 34px;
    max-height: 34px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--border);
    border-radius: 8px;
    color: #1d4ed8;
    background: #fff;
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
}
.inline-create-button:focus-visible {
    outline: none;
    border-color: #64748b;
    box-shadow: 0 0 0 3px rgba(100,116,139,.14);
}
.product-create-dialog {
    width: min(920px, calc(100vw - 36px));
    height: min(780px, calc(100vh - 36px));
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 16px;
    box-shadow: 0 28px 80px rgba(15,23,42,.28);
}
.product-create-dialog::backdrop {
    background: rgba(15,23,42,.48);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}
.product-dialog-header { height: 48px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px 0 18px; border-bottom: 1px solid var(--border); background: white; }
.product-dialog-header .dialog-header-close {
  position: relative;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #64748b;
  background: transparent;
  box-shadow: none;
}
.product-dialog-header .dialog-header-close::before,
.product-dialog-header .dialog-header-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}
.product-dialog-header .dialog-header-close::before { transform: translate(-50%, -50%) rotate(45deg); }
.product-dialog-header .dialog-header-close::after { transform: translate(-50%, -50%) rotate(-45deg); }
.product-dialog-header .dialog-header-close:hover {
  color: #334155;
  border-color: #dbe3ef;
  background: #f1f5f9;
  transform: none;
}
.product-dialog-header .dialog-header-close:focus-visible {
  color: var(--blue-600);
  border-color: #93b4ff;
  background: #eff6ff;
  outline: 3px solid rgba(37, 99, 235, .16);
  outline-offset: 1px;
}
.product-create-dialog iframe { display: block; width: 100%; height: calc(100% - 48px); border: 0; background: var(--surface); }
.invoice-print-dialog {
    width: min(1120px, calc(100vw - 36px));
    height: min(94vh, 980px);
    max-width: none;
    max-height: none;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 16px;
    box-shadow: 0 30px 90px rgba(15, 23, 42, .3);
}
.invoice-print-dialog::backdrop {
    background: rgba(15, 23, 42, .5);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
.invoice-print-dialog iframe {
    display: block;
    width: 100%;
    height: calc(100% - 48px);
    border: 0;
    background: #edf2f8;
}
.stock-movement-row { cursor: pointer; transition: background-color .15s ease; }
.stock-movement-row:hover { background: #f3f7ff; }
.stock-movement-row:focus-visible { outline: 2px solid var(--blue-600); outline-offset: -2px; background: #eff6ff; }
.stock-movement-dialog {
    width: min(720px, calc(100vw - 36px));
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 16px;
    box-shadow: 0 28px 80px rgba(15,23,42,.28);
}
.stock-movement-dialog::backdrop {
    background: rgba(15,23,42,.48);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}
.stock-movement-dialog-body { padding: 22px; background: #f8fafc; }
.stock-movement-dialog-hint { margin: 0 0 16px; color: var(--muted); font-size: 13px; }
.stock-movement-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
.stock-movement-detail-grid > div { min-width: 0; padding: 14px 16px; border: 1px solid var(--border); border-radius: 12px; background: white; }
.stock-movement-detail-grid dt { margin-bottom: 5px; color: var(--muted); font-size: 12px; }
.stock-movement-detail-grid dd { margin: 0; color: var(--ink); font-weight: 700; overflow-wrap: anywhere; }
.stock-movement-detail-wide { grid-column: 1 / -1; }
@media (max-width: 640px) {
    .stock-movement-detail-grid { grid-template-columns: 1fr; }
    .stock-movement-detail-wide { grid-column: auto; }
}
.popup-body { margin: 0; padding: 22px; background: var(--surface); }
.popup-shell { max-width: 940px; margin: 0 auto; }
.popup-result { max-width: 440px; margin: 18vh auto 0; padding: 36px; text-align: center; background: white; border: 1px solid var(--border); border-radius: 18px; box-shadow: 0 18px 50px rgba(15,23,42,.12); }
.success-mark { display: grid; place-items: center; width: 54px; height: 54px; margin: 0 auto 16px; border-radius: 50%; color: #047857; background: #d1fae5; font-size: 28px; font-weight: 800; }

.invoice-totals {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(300px, 420px);
    gap: 28px;
    padding: 22px 24px;
    border-top: 1px solid #dbe4f0;
    background: #fbfdff;
}

.quantity-totals {
    display: flex;
    flex-direction: column;
    gap: 7px;
    color: #334155;
    font-weight: 700;
}

.invoice-totals dl {
    margin: 0;
}

.invoice-totals dl > div {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding: 7px 0;
}

.invoice-totals dt {
    color: #64748b;
}

.invoice-totals dd {
    margin: 0;
    color: #0f172a;
    font-weight: 700;
}

.invoice-totals .document-discount-row dd {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.invoice-totals .document-discount-row input {
    width: 132px;
    height: 38px;
    padding: 7px 10px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
    color: #0f172a;
    font: inherit;
    font-weight: 700;
    text-align: right;
}

.invoice-totals .document-discount-row input:focus {
    border-color: #2563eb;
    outline: 3px solid rgba(37, 99, 235, .12);
}

.invoice-totals .document-discount-row span {
    color: #64748b;
    font-weight: 700;
}

.invoice-totals .grand-total {
    margin-top: 7px;
    padding-top: 13px;
    border-top: 1px solid #cbd5e1;
    font-size: 17px;
}

@media (max-width: 760px) {
    .invoice-totals {
        grid-template-columns: 1fr;
    }
}
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 13px; }
th { padding: 11px 16px; color: var(--muted); background: #f7f9fc; font-size: 10px; text-align: left; text-transform: uppercase; letter-spacing: .06em; }
td { padding: 11px 16px; border-top: 1px solid #edf1f6; }
tbody tr:hover { background: #f9fbfe; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px !important; }
.actions { text-align: right; white-space: nowrap; }
.customer-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.customer-row-actions .document-row-actions{display:flex}.whatsapp-action{display:inline-flex;align-items:center;justify-content:center;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#25d366!important;color:#fff!important;box-shadow:0 3px 10px rgba(18,140,77,.24)!important;transition:transform .16s ease,background .16s ease,box-shadow .16s ease!important}.whatsapp-action svg{width:19px;height:19px;fill:currentColor}.whatsapp-action:hover{background:#128c4d!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 5px 14px rgba(18,140,77,.3)!important}.whatsapp-action:disabled{background:#e5e9ef!important;color:#98a2b3!important;cursor:not-allowed;opacity:1;box-shadow:none!important;transform:none}.whatsapp-action-prominent{width:auto!important;min-width:118px!important;border-radius:10px!important;padding:0 14px!important;gap:8px!important;font-weight:700}.whatsapp-action-prominent span{line-height:1}
.actions a { margin-left: 12px; }
.status-pill { display: inline-flex; padding: 4px 8px; border-radius: 99px; color: #075985; background: #e0f2fe; font-size: 10px; font-weight: 800; }
.status-pill.system { color: #5b21b6; background: #ede9fe; }
.status-pill.inactive { color: #991b1b; background: #fee2e2; }
.status-pill.pending { color: #92400e; background: #fef3c7; }
.status-pill.active-status { color: #065f46; background: #d1fae5; }
.product-invoice-history { margin-top: var(--space-card, 20px); }
.customer-invoice-history { margin-top: var(--space-card, 20px); }
#musteri-cari-hareketleri { scroll-margin-top: 24px; }
.customer-invoice-heading { align-items: center; }
.customer-invoice-search {
  padding: 0 20px 18px;
  border-bottom: 1px solid var(--border, #dbe3ef);
}
.customer-invoice-search > label {
  display: block;
  margin-bottom: 7px;
  color: var(--text, #111827);
  font-size: .82rem;
  font-weight: 750;
}
.customer-invoice-search-row {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) auto auto;
  gap: 8px;
  align-items: center;
}
.customer-invoice-search-row input { min-width: 0; }
@media (max-width: 680px) {
  .customer-invoice-search-row { grid-template-columns: 1fr auto; }
  .customer-invoice-search-row input { grid-column: 1 / -1; }
}
.linked-table-row { cursor: pointer; transition: background-color .15s ease; }
.linked-table-row:hover,
.linked-table-row:focus-visible { background: #f5f8ff; outline: none; }
.linked-table-row a { color: var(--primary, #2563eb); font-weight: 750; }
.customer-list-tools { display: flex; align-items: flex-end !important; justify-content: flex-end; gap: 12px; flex-wrap: wrap; padding: 10px 0; }
.customer-sort-form,
.customer-search-field { display: grid !important; align-items: initial !important; gap: 5px !important; margin: 0; }
.customer-sort-form { width: 230px; }
.customer-search-field { width: 250px; }
.customer-sort-form label,
.customer-search-field label { color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .08em; line-height: 1; text-transform: uppercase; }
.customer-sort-form select,
.customer-search-field .compact-input { width: 100% !important; height: 40px !important; min-height: 40px !important; margin: 0; padding: 0 34px 0 12px; border: 1px solid var(--border); border-radius: 9px; background-color: white; color: var(--ink); font-weight: 650; }
.customer-search-field .compact-input { padding-right: 12px; font-weight: 500; }
.customer-name-link { color: inherit !important; text-decoration: none; }
.customer-name-link:hover { color: var(--primary) !important; text-decoration: underline; text-underline-offset: 3px; }
.customer-balance { white-space: nowrap; font-weight: 800; font-variant-numeric: tabular-nums; }
.customer-balance.debt { color: #b42318; }
.customer-balance.credit { color: #067647; }
.customer-balance.settled { color: var(--muted); }
.customer-balance-hero { display: grid; grid-template-columns: minmax(210px,auto) 1fr auto; align-items: center; gap: 24px; margin-bottom: 20px; padding: 18px 22px; border: 1px solid #fecaca; border-radius: 15px; background: linear-gradient(110deg,#fff5f4,#fff 58%); }
.customer-balance-hero > div { display: grid; gap: 4px; }
.customer-balance-hero span { color: #7a271a; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.customer-balance-hero strong { color: #b42318; font-size: 27px; font-variant-numeric: tabular-nums; }
.customer-balance-hero p { margin: 0; color: var(--muted); }
.customer-balance-hero a { color: #b42318; font-weight: 800; text-decoration: none; }
.customer-balance-hero.credit { border-color: #a7e3c2; background: linear-gradient(110deg,#ecfdf3,#fff 58%); }
.customer-balance-hero.credit span,.customer-balance-hero.credit strong,.customer-balance-hero.credit a { color: #067647; }
.customer-balance-hero.settled { border-color: var(--border); background: linear-gradient(110deg,#f8fafc,#fff 58%); }
.customer-balance-hero.settled span,.customer-balance-hero.settled strong,.customer-balance-hero.settled a { color: var(--navy-700); }
@media(max-width:720px){.customer-list-tools{width:100%;justify-content:stretch}.customer-sort-form,.customer-search-field{width:100%}.customer-balance-hero{grid-template-columns:1fr;gap:10px}}
.customer-detail-compact-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-bottom: 18px; }
.customer-detail-compact-grid .form-card { min-width: 0; margin: 0; padding: 16px 18px; }
.customer-compact-card h2 { margin: 0 0 12px; font-size: 15px; }
.customer-compact-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 14px; }
.customer-compact-fields > div { min-width: 0; }
.customer-compact-fields span,.compact-web-order > div:first-child > span:first-child { display: block; margin-bottom: 3px; color: var(--muted); font-size: 10px; }
.customer-compact-fields strong { display: block; overflow-wrap: anywhere; color: var(--navy-950); font-size: 12px; line-height: 1.35; }
.customer-compact-fields .span-2 { grid-column: 1/-1; }
.customer-account-access-card { display: flex; flex-direction: column; }
.compact-web-order { display: grid; gap: 9px; margin-top: 12px; padding-top: 11px; border-top: 1px solid var(--border); }
.compact-web-order > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.compact-web-order > div:first-child > span:first-child { margin: 0; font-weight: 700; }
.compact-web-order .inline-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.compact-web-order button { min-height: 34px; padding: 7px 10px; font-size: 11px; }
.compact-web-order .credential-banner { padding: 9px 11px; }
@media(max-width:1100px){.customer-detail-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-account-access-card{grid-column:1/-1}}
@media(max-width:700px){.customer-detail-compact-grid{grid-template-columns:1fr}.customer-account-access-card{grid-column:auto}}
.text-right { text-align: right; }
.empty-cell { padding: 28px 20px !important; color: var(--muted, #64748b); text-align: center; }
.customer-account-results { margin-top: var(--space-card, 20px); }
.customer-account-results .metric-grid { margin: 0; }
.customer-account-movements { margin-top: var(--space-card, 20px); }
.account-statement-results {
    display: grid;
    gap: 24px;
    margin-top: var(--space-card, 20px);
}
.account-statement-results > .metric-grid,
.account-statement-results > .customer-account-movements {
    margin: 0;
}
.customer-account-movements .section-heading { padding: 18px 20px; }
.customer-account-movements .movement-name {
    display: inline-block;
    margin-right: 6px;
    color: var(--text, #0f172a);
}
.metric-card small {
    display: block;
    margin-top: 7px;
    color: var(--muted, #64748b);
    font-size: 11px;
}
.amount-debt { color: #9f1239; font-weight: 700; }
.amount-credit { color: #047857; font-weight: 700; }
.amount-overdue { color: #b42318; }
.customer-account-filter {
    display: grid;
    grid-template-columns: minmax(300px, 1.2fr) minmax(520px, 1.8fr) auto;
    align-items: end;
    gap: 16px;
}
.account-date-filter {
    display: flex;
    align-items: end;
    gap: 14px;
    flex-wrap: wrap;
}
.account-filter-submit {
    min-width: 140px;
    height: var(--control-height);
    margin: 0;
}
.customer-account-filter .date-filter-range input[type="date"] {
    width: 150px;
    height: 36px;
    min-height: 36px;
    padding: 0 10px;
}
.customer-account-movements tfoot th {
    padding: 14px 16px;
    border-top: 2px solid #cbd7e7;
    background: #f8fafc;
    color: var(--text, #0f172a);
}
.account-total-row > th:first-child {
    text-align: left;
    font-size: 13px;
}
.account-total-row > th:last-child span {
    display: block;
    margin-bottom: 3px;
    color: var(--muted, #64748b);
    font-size: 10px;
    font-weight: 700;
}
.account-total-row > th:last-child strong {
    font-size: 14px;
}
.table-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    white-space: nowrap;
}
.table-actions form { margin: 0; }
.table-actions a,
.link-danger {
    padding: 0;
    border: 0;
    color: var(--primary, #2563eb);
    background: transparent;
    box-shadow: none;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.3;
}
.link-danger { color: #b42318; }
.table-actions a:hover { color: #1d4ed8; text-decoration: underline; }
.link-danger:hover { color: #7f1d1d; background: transparent; text-decoration: underline; }
@media (max-width: 1100px) {
    .customer-account-filter { grid-template-columns: 1fr; align-items: stretch; }
    .account-filter-submit { width: 100%; }
}
.subtle { margin-top: 3px; color: var(--muted); font-size: 11px; }

.form-card { margin-bottom: 18px; padding: 22px; }
.section-heading { display: flex; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.data-card > .section-heading {
    margin-bottom: 0;
    padding: 18px 20px 15px;
}
.section-heading h2 { margin: 0 0 4px; font-size: 17px; }
.section-heading p { margin: 0; color: var(--muted); font-size: 12px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px 24px; }
.field { display: grid; align-content: start; gap: 7px; }
.field[data-first-product][hidden] { display: none !important; }
.field.span-2 { grid-column: span 2; }
.customer-address-row { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 2fr) minmax(150px, .7fr) minmax(150px, .7fr); gap: 17px 24px; }
.field input, .field select, .field textarea { max-width: none; }
.data-card td select { max-width: 300px; }
.data-card td input[type="number"] { max-width: 190px; }
.field-help { color: var(--muted); font-size: 10px; }
.switch-row { display: flex; align-items: center; gap: 10px; margin: 5px 0 0; padding: 11px; border: 1px solid var(--border); border-radius: 9px; }
.switch-row > span { display: grid; gap: 3px; }
.switch-row small { color: var(--muted); font-weight: 400; }
.switch-row input { accent-color: var(--blue-600); }
.switch-row.disabled { opacity: .7; cursor: not-allowed; }
.branch-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.permission-group + .permission-group { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--border); }
.permission-group h3 { margin: 0 0 10px; color: var(--navy-800); font-size: 12px; text-transform: uppercase; letter-spacing: .07em; }
.permission-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.permission-option { display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 11px; border: 1px solid var(--border); border-radius: 9px; cursor: pointer; }
.permission-option:hover { border-color: #aebdd2; background: #fafcff; }
.permission-option input { margin-top: 2px; accent-color: var(--blue-600); }
.permission-option span { display: grid; gap: 3px; }
.permission-option strong { font-size: 12px; }
.permission-option small { color: var(--muted); font-family: ui-monospace, monospace; font-size: 10px; }
.detail-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.detail-grid div { display: grid; gap: 6px; }
.detail-grid span { color: var(--muted); font-size: 11px; }
.detail-grid strong { font-size: 13px; }
.sequence-counter-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    margin: 0 20px 20px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: #f8fafc;
}
.sequence-counter-grid > div {
    display: grid;
    align-content: center;
    gap: 7px;
    min-width: 0;
    min-height: 64px;
    padding: 11px 18px;
    border-left: 1px solid var(--border);
}
.sequence-counter-grid > div:first-child {
    border-left: 0;
}
.sequence-counter-grid span {
    overflow: hidden;
    color: var(--muted);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sequence-counter-grid strong {
    color: var(--navy-950);
    font-size: 16px;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}
.tag-list { display: flex; flex-wrap: wrap; gap: 7px; }
.permission-tag { padding: 6px 9px; border: 1px solid #cfe0ff; border-radius: 7px; color: #1e40af; background: #eff6ff; font-family: ui-monospace, monospace; font-size: 10px; }
.empty-state { color: var(--muted); font-size: 13px; }
.flash { margin: 16px 28px -4px; padding: 11px 14px; border-radius: 9px; font-size: 12px; }
.flash.success { color: #065f46; background: #d1fae5; }
.flash.error { color: #991b1b; background: #fee2e2; }
.validation.summary { margin-bottom: 14px; }

.global-dialog-overlay {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(11, 18, 32, .42);
    backdrop-filter: blur(7px);
}

.dialog-open { overflow: hidden; }
.dialog-open > .app-shell,
.dialog-open > .auth-shell,
.dialog-open > .single-auth {
    filter: blur(2px);
    pointer-events: none;
    user-select: none;
}

.global-dialog-card {
    width: min(520px, 100%);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 16px;
    background: white;
    box-shadow: 0 30px 90px rgba(11, 18, 32, .3);
    animation: dialog-enter .18s ease-out;
    outline: none;
}

.global-dialog-card header {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 34px;
    align-items: center;
    gap: 12px;
    padding: 18px 18px 15px;
    border-bottom: 1px solid var(--border);
}

.global-dialog-card h2 { margin: 4px 0 0; color: var(--navy-950); font-size: 18px; }
.dialog-symbol {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: #991b1b;
    background: #fee2e2;
    font-size: 20px;
    font-weight: 900;
}

[data-severity="warning"] .dialog-symbol { color: #92400e; background: #fef3c7; }
[data-severity="warning"] .eyebrow { color: #b45309; }
.dialog-close {
    width: 32px;
    min-height: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--border);
    color: var(--muted);
    background: white;
    font-size: 20px;
    line-height: 1;
}
.dialog-close:hover, .dialog-close:focus { color: var(--navy-950); background: #f1f5f9; }
.dialog-body { padding: 18px; color: #334155; font-size: 13px; line-height: 1.6; }
.dialog-body p { margin: 0; }
.dialog-body ul { margin: 0; padding-left: 20px; }
.dialog-body li + li { margin-top: 6px; }
.dialog-footnote { margin-top: 10px !important; color: var(--muted); font-size: 11px; }
.dialog-actions { display: flex; justify-content: flex-end; padding: 0 18px 18px; }
.dialog-actions .primary-action { margin: 0; }

#user-profile-dialog[hidden] { display: none; }
button.sidebar-identity {
    width: 100%;
    min-height: 0;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: inherit;
    text-align: left;
    font-family: inherit;
    cursor: pointer;
}
button.sidebar-identity:hover, button.sidebar-identity:focus-visible {
    background: rgba(255, 255, 255, .06);
    outline: none;
}
.profile-dialog-card .dialog-body { padding-top: 4px; }
.profile-summary { display: grid; gap: 8px; margin: 0 0 14px; padding: 0; }
.profile-summary div { display: flex; justify-content: space-between; gap: 12px; }
.profile-summary dt { margin: 0; color: var(--muted); font-size: 12px; font-weight: 600; }
.profile-summary dd { margin: 0; color: var(--navy-950); font-size: 12px; font-weight: 700; text-align: right; }
.profile-divider { margin: 4px 0 14px; border: 0; border-top: 1px solid var(--border); }
.profile-dialog-card h3 { margin: 0 0 4px; font-size: 14px; color: var(--navy-950); }

@keyframes dialog-enter {
    from { opacity: 0; transform: translateY(8px) scale(.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 1050px) {
    .metric-grid, .dashboard-grid { grid-template-columns: repeat(2, 1fr); }
    .permission-grid { grid-template-columns: 1fr; }
    .branch-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
    .app-shell { display: block; }
    .mobile-sidebar-toggle {
        position: fixed;
        top: 10px;
        left: 10px;
        z-index: 52;
        width: 42px;
        min-height: 42px;
        height: 42px;
        display: grid;
        place-items: center;
        margin: 0;
        padding: 0;
        border: 1px solid #d7e0ee;
        border-radius: 11px;
        color: #fff;
        background: #0d182b;
        box-shadow: 0 8px 22px rgba(15, 23, 42, .18);
    }
    .mobile-sidebar-toggle span,
    .mobile-sidebar-toggle span::before,
    .mobile-sidebar-toggle span::after {
        width: 18px;
        height: 2px;
        display: block;
        border-radius: 99px;
        background: currentColor;
        content: "";
        transition: transform .18s ease, opacity .18s ease;
    }
    .mobile-sidebar-toggle span { position: relative; }
    .mobile-sidebar-toggle span::before {
        position: absolute;
        transform: translateY(-6px);
    }
    .mobile-sidebar-toggle span::after {
        position: absolute;
        transform: translateY(6px);
    }
    .mobile-sidebar-open .mobile-sidebar-toggle span {
        background: transparent;
    }
    .mobile-sidebar-open .mobile-sidebar-toggle span::before {
        transform: rotate(45deg);
    }
    .mobile-sidebar-open .mobile-sidebar-toggle span::after {
        transform: rotate(-45deg);
    }
    .mobile-sidebar-backdrop {
        position: fixed;
        inset: 0;
        z-index: 49;
        width: 100%;
        height: 100%;
        min-height: 0;
        display: block;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        visibility: hidden;
        opacity: 0;
        background: rgba(15, 23, 42, .52);
        backdrop-filter: blur(2px);
        transition: opacity .2s ease, visibility .2s ease;
    }
    .mobile-sidebar-open .mobile-sidebar-backdrop {
        visibility: visible;
        opacity: 1;
    }
    .sidebar {
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 50;
        width: min(86vw, 310px);
        height: 100dvh;
        padding: 18px 12px 12px;
        transform: translateX(-105%);
        transition: transform .22s ease;
        box-shadow: 18px 0 42px rgba(15, 23, 42, .28);
    }
    .mobile-sidebar-open .sidebar { transform: translateX(0); }
    .sidebar-brand { padding-right: 48px; }
    .sidebar-brand,
    .page-search,
    .sidebar details,
    .sidebar-user { display: flex; }
    .page-search { display: grid; }
    .sidebar details,
    .sidebar-user { display: grid; }
    .sidebar nav {
        display: grid;
        overflow-y: auto;
    }
    .sidebar nav > .nav-link { min-width: 0; }
    .page-content { padding: 20px 14px 34px; }
    .topbar { padding: 0 14px 0 62px; }
    .branch-switcher label { display: none; }
    .branch-switcher select { width: 155px; }
    .page-header { align-items: flex-start; flex-direction: column; }
    .metric-grid, .dashboard-grid, .detail-grid, .form-grid { grid-template-columns: 1fr; }
    .sequence-counter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin: 0 14px 16px;
        overflow: visible;
        border: 0;
        background: transparent;
    }
    .sequence-counter-grid > div,
    .sequence-counter-grid > div:first-child {
        padding: 10px 12px;
        border: 1px solid var(--border);
        border-radius: 8px;
    }
    .branch-grid { grid-template-columns: 1fr; }
    .field.span-2 { grid-column: span 1; }
    .customer-address-row { grid-template-columns: 1fr; }
}
.brand-mark.logo { overflow: hidden; background: #fff; padding: .3rem; }
.brand-mark.logo img { width: 100%; height: 100%; object-fit: contain; }
.numeric { text-align: right; font-variant-numeric: tabular-nums; }
.positive-value { color: #0f766e; font-weight: 700; }
.negative-value { color: #b42318; font-weight: 700; }

.search-select {
    position: relative;
    min-width: 190px;
}

.search-select-source {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.search-select-input {
    width: 100%;
    padding-right: 38px;
    background-image:
        linear-gradient(45deg, transparent 50%, #64748b 50%),
        linear-gradient(135deg, #64748b 50%, transparent 50%);
    background-position:
        calc(100% - 17px) 50%,
        calc(100% - 12px) 50%;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

.search-select-input[aria-expanded="true"] {
    border-color: var(--blue-600);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.search-select-results {
    position: fixed;
    z-index: 950;
    top: 0;
    left: 0;
    box-sizing: border-box;
    max-height: 250px;
    margin: 0;
    padding: 6px;
    overflow-y: auto;
    list-style: none;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 16px 38px rgba(15, 23, 42, .16);
}

.search-select-option,
.search-select-empty {
    display: block;
    width: 100%;
    padding: 9px 10px;
    border-radius: 7px;
    color: var(--navy-950);
    font-size: 13px;
    line-height: 1.35;
}

.search-select-option {
    cursor: pointer;
}

.search-select-option:hover,
.search-select-option.active {
    color: #fff;
    background: var(--blue-600);
}

.search-select-empty {
    color: var(--muted);
}
.price-validity-card{display:flex;align-items:end;margin-bottom:18px}.price-validity-card .field{width:min(420px,100%)}
.price-matrix-card{overflow:hidden}.price-matrix-table{min-width:1460px}.price-matrix-table th,.price-matrix-table td{vertical-align:middle}
.price-matrix-table .price-product-column{min-width:230px}.price-matrix-table .price-action-column{width:108px;text-align:center}
.price-matrix-table tbody td:first-child strong{display:block;margin-top:4px}.price-global-row th{background:#eef4ff;padding-top:12px;padding-bottom:12px}
.price-global-row th:first-child strong,.price-global-row th:first-child small{display:block}.price-global-row th:first-child small{margin-top:5px;font-weight:400;line-height:1.35}
.price-rule-cell{min-width:155px}.price-rule-cell select,.price-rule-cell input{height:36px;min-height:36px;padding:6px 9px}
.price-global-row .price-rule-cell select,.price-global-row .price-rule-cell input{display:block;width:100%}.price-global-row .price-rule-cell input{margin-top:6px}
.price-rule-edit{display:grid;grid-template-columns:58px 1fr;gap:6px}.price-rule-cell>[data-calculated-price]{display:block;margin-top:7px;color:#0f2450;white-space:nowrap}
.price-money-input{display:flex;align-items:center;gap:7px}.price-money-input input{min-width:105px}.price-money-input span{font-weight:700;color:#64748b}
.price-apply-all{width:100%;min-width:98px;white-space:normal}.price-row-save{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border-radius:9px}
.price-row-save svg{width:19px;height:19px;fill:currentColor}.price-matrix-table td:last-child,.price-matrix-table th:last-child{text-align:center}
.price-matrix-table tr.price-row-staged>td{background:#f0fdf4}.price-matrix-table tr.price-row-staged .price-row-save{color:#15803d;background:#dcfce7;border-color:#86efac}
@media(max-width:768px){.price-validity-card{margin-bottom:12px}.price-matrix-table{min-width:1320px}}
.price-version-list{display:grid;gap:18px}.price-version-card{overflow:hidden}
.price-version-summary{cursor:pointer;list-style:none;user-select:none;margin:0;min-height:58px}
.price-version-summary::-webkit-details-marker{display:none}.price-version-summary:hover{background:#f8faff}
.price-version-chevron{width:10px;height:10px;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:rotate(45deg);transition:transform .18s ease;margin-right:6px}
.price-version-card[open] .price-version-chevron{transform:rotate(225deg);margin-top:7px}
.money-cell.line-price-error{color:#b42318;font-size:12px;line-height:1.35;white-space:normal;max-width:180px}
.document-cancel-form{display:grid;grid-template-columns:minmax(190px,260px) auto;gap:8px;align-items:center}
.document-cancel-form select,.document-cancel-form button{height:40px;min-height:40px;margin:0}
.document-cancel-form button{min-width:86px;white-space:nowrap}
@media(max-width:768px){.document-cancel-form{grid-template-columns:1fr;width:100%}}

/* Application-wide component normalization */
.sticky-actions {
    position: relative;
    z-index: 2;
}

.page-content > .data-card + .data-card,
.page-content > .form-card + .form-card,
.page-content > form > .data-card + .data-card,
.page-content > form > .form-card + .form-card {
    margin-top: var(--content-gap);
}

.metric-card, .data-card, .form-card {
    border-radius: var(--card-radius);
}

.data-card {
    overflow: hidden;
}

.data-card.padded {
    padding: 22px;
}

.data-card.padded .table-wrap {
    margin: 18px -22px -22px;
    width: calc(100% + 44px);
}

.data-card.padded .validation-summary-errors {
    margin-top: 16px;
}

.table-wrap {
    width: 100%;
    overflow-x: auto;
    scrollbar-width: thin;
}

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

[data-invoice-line-editor] table,
[data-document-line-editor] table {
    table-layout: fixed;
}

/* Keep document entry columns usable on narrow windows; the card scrolls instead. */
[data-invoice-line-editor] .table-wrap,
[data-document-line-editor] .table-wrap,
[data-sales-return-line-editor] .table-wrap,
[data-order-invoice-lines] .table-wrap,
[data-document-entry-table] .table-wrap {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

[data-invoice-line-editor] .table-wrap > table,
[data-document-line-editor] .table-wrap > table {
    width: max(100%, 1120px);
    min-width: 1120px;
}

[data-sales-return-line-editor] .table-wrap > table,
[data-order-invoice-lines] .table-wrap > table,
[data-document-entry-table] .table-wrap > table {
    width: max(100%, 960px);
    min-width: 960px;
}

[data-invoice-line-editor] th,
[data-document-line-editor] th,
[data-sales-return-line-editor] th,
[data-order-invoice-lines] th,
[data-document-entry-table] th {
    white-space: nowrap;
}

[data-invoice-line-editor] input[type="number"],
[data-document-line-editor] input[type="number"],
[data-sales-return-line-editor] input[type="number"],
[data-order-invoice-lines] input[type="number"],
[data-document-entry-table] input[type="number"],
.document-entry-fields input[type="number"] {
    appearance: textfield;
    -moz-appearance: textfield;
}

[data-invoice-line-editor] input[type="number"]::-webkit-inner-spin-button,
[data-invoice-line-editor] input[type="number"]::-webkit-outer-spin-button,
[data-document-line-editor] input[type="number"]::-webkit-inner-spin-button,
[data-document-line-editor] input[type="number"]::-webkit-outer-spin-button,
[data-sales-return-line-editor] input[type="number"]::-webkit-inner-spin-button,
[data-sales-return-line-editor] input[type="number"]::-webkit-outer-spin-button,
[data-order-invoice-lines] input[type="number"]::-webkit-inner-spin-button,
[data-order-invoice-lines] input[type="number"]::-webkit-outer-spin-button,
[data-document-entry-table] input[type="number"]::-webkit-inner-spin-button,
[data-document-entry-table] input[type="number"]::-webkit-outer-spin-button,
.document-entry-fields input[type="number"]::-webkit-inner-spin-button,
.document-entry-fields input[type="number"]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.document-entry-fields {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

.document-entry-fields > .form-grid {
    min-width: 760px;
}

[data-invoice-line-editor] th,
[data-invoice-line-editor] td,
[data-document-line-editor] th,
[data-document-line-editor] td {
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
}

[data-invoice-line-editor] td:has([data-line-stock]),
[data-document-line-editor] td:has([data-line-stock]) {
    min-width: 112px;
    overflow: visible;
    position: relative;
    z-index: 1;
}

[data-invoice-line-editor] td:has([data-line-stock]):focus-within,
[data-invoice-line-editor] td:has([data-line-stock]):hover,
[data-document-line-editor] td:has([data-line-stock]):focus-within,
[data-document-line-editor] td:has([data-line-stock]):hover {
    z-index: 5;
}

[data-invoice-line-editor] th,
[data-document-line-editor] th {
    white-space: normal;
    font-weight: 900;
}

[data-invoice-line-editor] .search-select,
[data-invoice-line-editor] .product-picker,
[data-invoice-line-editor] .money-cell,
[data-invoice-line-editor] td select,
[data-invoice-line-editor] td input[type="number"],
[data-document-line-editor] .search-select,
[data-document-line-editor] .product-picker,
[data-document-line-editor] .money-cell,
[data-document-line-editor] td select,
[data-document-line-editor] td input[type="number"] {
    min-width: 0;
    max-width: none;
}

[data-invoice-line-editor] tr[data-invoice-line] .search-select-input,
[data-invoice-line-editor] tr[data-invoice-line] select,
[data-invoice-line-editor] tr[data-invoice-line] input[type="number"] {
    font-weight: 800 !important;
}

.customer-price-input {
    position: relative;
    min-width: 0;
}

.customer-price-input input {
    width: 100%;
    padding-right: 40px !important;
}

.customer-price-save {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 30px;
    height: 30px;
    min-width: 30px;
    padding: 0;
    border: 1px solid #8fb4ff;
    border-radius: 8px;
    background: #eaf1ff;
    color: #1760da;
    transform: translateY(-50%);
    box-shadow: none;
}

.customer-price-save[hidden] {
    display: none;
}

.customer-price-save:hover {
    background: #dce8ff;
}

.customer-price-save svg {
    width: 17px;
    height: 17px;
    fill: currentColor;
}

.customer-price-save.is-saving {
    opacity: .55;
    cursor: wait;
}

th, td {
    vertical-align: middle;
}

th {
    white-space: nowrap;
}

td input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
td select {
    margin: 0;
}

.table-toolbar {
    gap: 12px;
}

.table-toolbar > div {
    min-width: 0;
    flex-wrap: wrap;
}

.link-button {
    width: auto;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: var(--primary);
    background: transparent;
    box-shadow: none;
    font: inherit;
    font-weight: 800;
}

.link-button:hover {
    color: var(--primary-dark);
    background: transparent;
    box-shadow: none;
    text-decoration: underline;
}

.product-report-toolbar {
    min-height: auto;
    align-items: end;
    justify-content: flex-start;
    padding: 14px 18px 18px;
}

.product-report-toolbar > .field {
    display: grid;
    align-items: initial;
    width: min(360px, 100%);
    gap: 7px;
}

.product-report-toolbar > button,
.product-report-toolbar > .secondary-action {
    flex: 0 0 auto;
}

.report-filter-bar {
    display: grid;
    grid-template-columns: repeat(2, minmax(170px, 220px)) auto;
    align-items: end;
    justify-content: start;
    gap: 10px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--border);
}

.report-filter-bar label {
    display: grid;
    gap: 5px;
    min-width: 0;
    color: #344054;
    font-size: 12px;
    font-weight: 700;
}

.report-filter-bar input[type="date"],
.report-filter-bar button {
    box-sizing: border-box;
    width: 100%;
    height: var(--compact-control-height);
    min-height: var(--compact-control-height);
    margin: 0;
}

.report-filter-bar button {
    width: auto;
    min-width: 92px;
    padding: 0 16px;
}

.profitability-filter {
    grid-template-columns: auto repeat(2, minmax(170px, 220px)) auto;
}

.personnel-payments-filter {
    grid-template-columns: auto repeat(2, minmax(170px, 220px)) auto;
}

.sales-report-filter {
    grid-template-columns: auto repeat(2, minmax(170px, 220px)) auto;
}

.payment-control-filter {
    grid-template-columns: auto repeat(2, minmax(170px, 220px)) auto;
}

.report-filter-note {
    margin: 0;
    padding: 10px 18px;
    border-top: 1px solid var(--border);
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
}

.aging-filter {
    grid-template-columns: auto minmax(190px, 230px) auto;
}

.aging-filter input[type="date"],
.aging-filter button,
.aging-filter .report-period-shortcuts a {
    height: var(--compact-control-height) !important;
    min-height: var(--compact-control-height) !important;
    max-height: var(--compact-control-height) !important;
    line-height: 1;
}

.profitability-filter input[type="date"],
.profitability-filter button,
.profitability-filter .report-period-shortcuts a,
.personnel-payments-filter input[type="date"],
.personnel-payments-filter button,
.personnel-payments-filter .report-period-shortcuts a {
    height: var(--compact-control-height) !important;
    min-height: var(--compact-control-height) !important;
    max-height: var(--compact-control-height) !important;
    line-height: 1;
}

.sales-report-filter input[type="date"],
.sales-report-filter button,
.sales-report-filter .report-period-shortcuts a {
    height: var(--compact-control-height) !important;
    min-height: var(--compact-control-height) !important;
    max-height: var(--compact-control-height) !important;
    line-height: 1;
}

.payment-control-filter input[type="date"],
.payment-control-filter button,
.payment-control-filter .report-period-shortcuts a {
    height: var(--compact-control-height) !important;
    min-height: var(--compact-control-height) !important;
    max-height: var(--compact-control-height) !important;
    line-height: 1;
}

.report-period-shortcuts {
    display: flex;
    align-items: center;
    gap: 7px;
    align-self: end;
}

.report-period-shortcuts a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--compact-control-height);
    padding: 0 14px;
    border: 1px solid var(--border);
    border-radius: 9px;
    color: var(--navy-900);
    background: #fff;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.report-period-shortcuts a:hover,
.report-period-shortcuts a.is-active {
    border-color: #8bb2ff;
    color: var(--primary);
    background: #eff5ff;
}

.profitability-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    padding: 16px 18px;
    background: #f8faff;
    border-bottom: 1px solid var(--border);
}

.profitability-summary article {
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 14px 16px;
    border: 1px solid #dce5f1;
    border-radius: 11px;
    background: #fff;
}

.profitability-summary span,
.profitability-summary small { color: var(--muted); }
.profitability-summary span { font-size: 11px; font-weight: 750; }
.profitability-summary strong { color: var(--navy-950); font-size: 21px; }
.profitability-summary small { font-size: 10px; }
.profitability-summary .is-positive strong,
.report-positive { color: #087443; }
.profitability-summary .is-negative strong,
.report-negative { color: #b42318; }

.report-table-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px 10px;
}

.report-table-heading > div { display: grid; gap: 3px; }
.report-table-heading strong { color: var(--navy-950); font-size: 14px; }
.report-table-heading span { color: var(--muted); font-size: 11px; }
.profitability-table td:first-child { display: grid; gap: 2px; }
.profitability-table td:first-child small { color: var(--muted); font-size: 10px; }
.profitability-table td:not(:first-child),
.profitability-table th:not(:first-child) { text-align: right; }
.profitability-table tfoot th {
    padding: 14px 12px;
    border-top: 2px solid #cbd7e7;
    color: var(--navy-950);
    background: #f3f7fc;
    font-size: 12px;
}
.sales-report-table { table-layout: auto; width: 100%; }
.sales-report-table th:nth-child(1),
.sales-report-table td:nth-child(1),
.sales-report-table th:nth-child(4),
.sales-report-table td:nth-child(4) { white-space: nowrap; }
.sales-report-table td:nth-child(3) { display: grid; gap: 2px; }
.sales-report-table td:nth-child(3) small { color: var(--muted); font-size: 10px; }
.sales-report-table th:nth-child(n+4),
.sales-report-table td:nth-child(n+4) { text-align: right; }
.sales-report-table tfoot th { padding: 14px 12px; border-top: 2px solid #cbd7e7; color: var(--navy-950); background: #f3f7fc; font-size: 12px; font-variant-numeric: tabular-nums; }
.report-document-link { color: var(--primary); font-weight: 800; text-decoration: none; }
.report-document-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.personnel-payments-table th:last-child,
.personnel-payments-table td:last-child { text-align: right; white-space: nowrap; }
.personnel-payments-table tfoot th { padding: 14px 12px; border-top: 2px solid #cbd7e7; color: var(--navy-950); background: #f3f7fc; font-size: 12px; font-variant-numeric: tabular-nums; }
.report-empty-state { padding: 34px 16px !important; color: var(--muted); text-align: center !important; }

.report-summary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--border);
    background: #f8faff;
}

.report-summary-grid article {
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid #dce5f1;
    border-radius: 11px;
    background: #fff;
}

.report-summary-grid span,
.report-summary-grid small { color: var(--muted); }
.report-summary-grid span { font-size: 11px; font-weight: 750; }
.report-summary-grid strong { color: var(--navy-950); font-size: 20px; }
.report-summary-grid small { font-size: 10px; }
.payment-control-table td:first-child a { display: grid; gap: 2px; color: var(--navy-950); text-decoration: none; }
.payment-control-table td:first-child a:hover strong { color: var(--primary); }
.payment-control-table td:first-child small { color: var(--muted); font-size: 10px; }
.payment-control-table th:nth-child(2),
.payment-control-table td:nth-child(2) { text-align: right; white-space: nowrap; }
.payment-control-table tfoot th {
    padding: 14px 12px;
    border-top: 2px solid #cbd7e7;
    color: var(--navy-950);
    background: #f3f7fc;
    font-size: 12px;
}

@media (max-width: 760px) {
    .report-summary-grid { grid-template-columns: 1fr; }
}

.aging-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--border);
    background: #f8faff;
}

.aging-summary article {
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 14px 16px;
    border: 1px solid #dce5f1;
    border-radius: 11px;
    background: #fff;
}

.aging-summary span { color: var(--muted); font-size: 11px; font-weight: 750; }
.aging-summary strong { color: var(--navy-950); font-size: 21px; font-variant-numeric: tabular-nums; }
.aging-summary small { color: var(--muted); font-size: 10px; }
.aging-summary-not-due strong { color: #175cd3; }
.aging-summary-overdue strong,
.aging-summary-ratio strong { color: #b42318; }
.aging-table th:not(:first-child),
.aging-table td:not(:first-child) { text-align: right; white-space: nowrap; }
.aging-table thead th small { display: block; margin-top: 3px; color: #8492a6; font-size: 9px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.aging-customer-link { display: grid; gap: 3px; color: inherit; text-decoration: none; }
.aging-customer-link:hover strong { color: var(--primary); text-decoration: underline; text-underline-offset: 3px; }
.aging-customer-link small { color: var(--muted); font-size: 10px; }
.aging-table td { font-variant-numeric: tabular-nums; }
.aging-table td.aging-not-due { color: #175cd3; }
.aging-table td.aging-overdue-low { color: #a15c00; }
.aging-table td.aging-overdue-medium { color: #c2410c; }
.aging-table td.aging-overdue-high,
.aging-table td.aging-overdue-critical { color: #b42318; font-weight: 750; }
.aging-table td.aging-row-total { color: var(--navy-950); font-weight: 850; }
.aging-table tfoot th { padding: 14px 12px; border-top: 2px solid #cbd7e7; color: var(--navy-950); background: #f3f7fc; font-size: 12px; font-variant-numeric: tabular-nums; }

@media (max-width: 1000px) {
    .profitability-filter { grid-template-columns: repeat(2, minmax(170px, 1fr)) auto; }
    .profitability-filter .report-period-shortcuts { grid-column: 1 / -1; }
    .personnel-payments-filter { grid-template-columns: repeat(2, minmax(170px, 1fr)) auto; }
    .personnel-payments-filter .report-period-shortcuts { grid-column: 1 / -1; }
    .sales-report-filter { grid-template-columns: repeat(2, minmax(170px, 1fr)) auto; }
    .sales-report-filter .report-period-shortcuts { grid-column: 1 / -1; }
    .payment-control-filter { grid-template-columns: repeat(2, minmax(170px, 1fr)) auto; }
    .payment-control-filter .report-period-shortcuts { grid-column: 1 / -1; }
    .profitability-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aging-filter { grid-template-columns: minmax(190px, 1fr) auto; }
    .aging-filter .report-period-shortcuts { grid-column: 1 / -1; }
    .aging-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
    .report-filter-bar {
        grid-template-columns: 1fr;
        padding: 12px 14px;
    }

    .report-filter-bar button {
        width: 100%;
    }

    .profitability-filter { grid-template-columns: 1fr; }
    .personnel-payments-filter { grid-template-columns: 1fr; }
    .sales-report-filter { grid-template-columns: 1fr; }
    .payment-control-filter { grid-template-columns: 1fr; }
    .report-period-shortcuts { width: 100%; overflow-x: auto; padding-bottom: 2px; }
    .profitability-summary { grid-template-columns: 1fr; padding: 12px 14px; }
    .aging-filter { grid-template-columns: 1fr; }
    .aging-summary { grid-template-columns: 1fr; padding: 12px 14px; }
}

.compact-input {
    height: var(--compact-control-height) !important;
    min-height: var(--compact-control-height) !important;
}

.danger-action {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 15px;
    border: 1px solid #fecaca;
    border-radius: 8px;
    color: #b42318;
    background: #fff7f7;
    font-size: 13px;
    font-weight: 750;
    box-shadow: none;
}

.danger-action:hover {
    border-color: #ef4444;
    color: white;
    background: #b42318;
}

.cash-reverse-action {
    min-height: 28px;
    height: 28px;
    padding: 0 9px;
    border-radius: 7px;
    font-size: 11px;
}

.cash-movement-list-controls {
    justify-content: flex-end;
    padding-top: 10px;
    padding-bottom: 10px;
}

.cash-movement-list-controls .page-size-control {
    margin-left: 0;
}

.cash-movement-filter {
    display: grid;
    grid-template-columns: repeat(3, minmax(170px, 220px)) auto auto;
    align-items: end;
    gap: 10px;
    justify-content: start;
    padding: 12px 18px;
    border-bottom: 1px solid var(--border, #d8e1ee);
}

.cash-filter-presets {
    align-self: end;
    flex-wrap: nowrap;
    margin: 0;
}

.cash-filter-presets button {
    white-space: nowrap;
}

.cash-movement-filter label {
    display: grid;
    gap: 5px;
    min-width: 0;
    color: #344054;
    font-size: 12px;
    font-weight: 700;
}

.cash-movement-filter select,
.cash-movement-filter input[type="date"],
.cash-movement-filter button {
    box-sizing: border-box;
    width: 100%;
    min-height: var(--compact-control-height) !important;
    max-height: var(--compact-control-height) !important;
    height: var(--compact-control-height) !important;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1;
}

.cash-movement-filter button {
    width: auto;
    min-width: 92px;
    padding-inline: 16px;
}

.cash-closing-form .field {
    align-self: start;
}

.amount-negative {
    color: #b42318;
    font-weight: 750;
}

.amount-positive {
    color: #067647;
    font-weight: 750;
}

@media (max-width: 1250px) {
    .cash-movement-filter {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .cash-filter-presets {
        grid-column: 1 / 3;
    }

    .cash-movement-filter button {
        width: auto;
    }
}

@media (max-width: 620px) {
    .cash-movement-filter {
        grid-template-columns: 1fr;
    }

    .cash-movement-filter button {
        grid-column: auto;
    }

    .cash-filter-presets {
        grid-column: auto;
        flex-wrap: wrap;
    }
}

.cancel-action-form {
    display: grid;
    grid-template-columns: minmax(190px, 260px) auto;
    align-items: center;
    gap: 8px;
}

.cancel-action-form select,
.cancel-action-form button {
    height: 40px;
    min-height: 40px;
    margin: 0;
}

.status-badge {
    min-height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 9px;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1d4ed8;
    background: #eff6ff;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.status-badge.active {
    border-color: #a7f3d0;
    color: #047857;
    background: #ecfdf5;
}

.status-badge.cancelled {
    border-color: #fecaca;
    color: #b42318;
    background: #fef2f2;
}

.switch-row {
    min-height: var(--control-height);
}

.validation-summary-errors {
    margin: 0 0 16px;
    padding: 12px 15px;
    border: 1px solid #fecaca;
    border-radius: 10px;
    color: #991b1b;
    background: #fef2f2;
    font-size: 12px;
}

.validation-summary-errors ul {
    margin: 0;
    padding-left: 18px;
}

@media (max-width: 768px) {
    .cancel-action-form { width: 100%; grid-template-columns: 1fr; }
    .action-bar { width: 100%; }
    .action-bar > a,
    .action-bar > button,
    .action-bar > form { flex: 1 1 auto; }
    .action-bar > form > button { width: 100%; }
    .table-toolbar { align-items: stretch; flex-direction: column; padding: 12px 14px; }
    .compact-input { width: 100% !important; }
    .server-list-search { width: 100%; margin-left: 0; }
    .server-list-search .compact-input { width: 100% !important; min-width: 0; }
    .b2c-order-filter-actions { width: 100%; align-items: stretch !important; flex-direction: column; }
    .b2c-order-filter-actions input.compact-input,
    .b2c-order-filter-actions select.compact-input,
    .b2c-order-filter-actions button { width: 100% !important; min-width: 0; }
}
.conversion-action {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 15px;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    color: var(--blue-700) !important;
    background: #eff6ff !important;
    font-size: 13px;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
    box-shadow: none;
}
.conversion-action:hover {
    border-color: var(--blue-600);
    color: #fff !important;
    background: var(--blue-600) !important;
}
.conversion-action:focus-visible {
    outline: 3px solid rgba(37, 99, 235, .22);
    outline-offset: 2px;
}
.cancel-action-form {
    grid-template-columns: minmax(210px, 240px) auto;
}
.cancel-action-form .danger-action {
    min-width: 88px;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .cancel-action-form { width: 100%; grid-template-columns: 1fr; }
}
.delivery-quantity-field{display:grid;grid-template-columns:minmax(140px,190px) auto;align-items:center;column-gap:18px}
.delivery-remaining{display:block;white-space:nowrap;color:#52637d;padding-left:4px}
@media(max-width:900px){.delivery-quantity-field{grid-template-columns:1fr;row-gap:7px}.delivery-remaining{padding-left:10px}}
[data-document-line-editor] tbody td:nth-child(3)>small{display:inline-block;margin-left:18px;white-space:nowrap;color:#52637d}
.list-controls {
    display: flex;
    align-items: end;
    gap: 14px;
    flex-wrap: wrap;
    padding: 14px 18px;
    border-bottom: 1px solid var(--border, #d8e1ee);
    background: #fff;
}
.date-filter-presets { display: flex; gap: 6px; flex-wrap: wrap; }
.date-filter-presets button,
.list-pagination button {
    height: 36px;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid #cbd7e7;
    border-radius: 8px;
    color: #344054;
    background: #fff;
    box-shadow: none;
}
.date-filter-presets button:hover,
.date-filter-presets button.active {
    color: #175cd3;
    border-color: #84adff;
    background: #eff4ff;
}
.date-filter-range { display: flex; gap: 8px; flex-wrap: wrap; }

/* Cash register details keep their information and date controls readable. */
.cash-register-detail-grid {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 10px;
    padding: 0 20px 20px;
}

.cash-register-detail-grid > div {
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid var(--border, #d8e1ee);
    border-radius: 10px;
    background: #f8fafc;
}

.cash-register-filter-scroll {
    max-width: 100%;
    overflow-x: auto;
    border-bottom: 1px solid var(--border, #d8e1ee);
}

.cash-register-movement-filter {
    grid-template-columns: repeat(2, minmax(190px, 220px)) max-content auto;
    min-width: 790px;
    border-bottom: 0;
}

.cash-register-movement-filter .cash-filter-presets {
    display: flex;
    grid-column: auto;
    width: max-content;
    flex-wrap: nowrap;
}

.cash-register-movement-filter .cash-filter-presets button {
    width: auto;
    min-width: 92px;
}

@media (max-width: 760px) {
    .cash-register-detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-inline: 14px;
    }
}

@media (max-width: 440px) {
    .cash-register-detail-grid { grid-template-columns: 1fr; }
}

.cash-register-row-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 390px;
    gap: 7px;
    white-space: nowrap;
}

.cash-register-row-actions .document-row-actions {
    display: flex;
    flex: 0 0 auto;
}

.table-text-action,
.cash-dialog-close {
    min-height: 34px;
    height: 34px;
    padding: 0 12px;
    border: 1px solid #cbd7e7;
    border-radius: 8px;
    color: #344054;
    background: #fff;
    font-size: 12px;
    font-weight: 750;
    box-shadow: none;
}

.cash-register-row-actions .table-text-action {
    flex: 0 0 auto;
    line-height: 1;
}

.table-text-action:hover,
.cash-dialog-close:hover {
    color: #175cd3;
    border-color: #84adff;
    background: #eff4ff;
}

.cash-operation-dialog {
    width: min(920px, calc(100vw - 32px));
    max-height: calc(100dvh - 40px);
    padding: 0;
    overflow: auto;
    border: 0;
    border-radius: 16px;
    background: transparent;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .28);
}

.cash-operation-dialog::backdrop {
    background: rgba(15, 23, 42, .42);
    backdrop-filter: blur(7px);
}

.cash-operation-dialog .form-card {
    margin: 0;
    border: 0;
    border-radius: 16px;
}

.cash-operation-dialog .section-heading {
    align-items: flex-start;
}

.cash-operation-dialog .form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cash-retained-field {
    gap: 7px;
}

.cash-zero-balance-option {
    margin: 0 0 4px;
    padding: 9px 11px;
    background: #f8fafc;
}

.cash-retained-field input[readonly] {
    color: #667085;
    background: #f2f4f7;
    cursor: not-allowed;
}

@media (max-width: 700px) {
    .cash-operation-dialog .form-grid { grid-template-columns: 1fr; }
    .cash-register-row-actions { min-width: 330px; }
}
.date-filter-range label,
.page-size-control label {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #667085;
    font-size: 12px;
    font-weight: 700;
}
.list-controls .date-filter-range input[type="date"],
.page-size-control select {
    box-sizing: border-box;
    width: auto;
    min-height: 36px;
    max-height: 36px;
    height: 36px;
    padding: 0 10px;
}
.page-size-control { margin-left: auto; }
.list-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 58px;
    padding: 10px 18px;
    border-top: 1px solid #d8e1ee;
    color: #667085;
    font-size: 13px;
}
.list-pagination > div { display: flex; align-items: center; gap: 6px; }
.list-pagination .list-pagination-actions { margin-left: auto; gap: 12px; }
.list-pagination .list-pagination-buttons { display: flex; align-items: center; gap: 6px; }
.list-pagination .page-size-control {
    display: flex;
    align-items: center;
    align-self: center;
    height: 36px;
    margin-left: 0;
}
.list-pagination .page-size-control label {
    height: 36px;
    margin: 0;
    line-height: 1;
}
.list-pagination .page-size-control select {
    min-width: 60px;
    height: 36px;
    min-height: 36px;
    max-height: 36px;
    margin: 0;
    border-radius: 8px;
}
.list-pagination button { min-width: 36px; padding: 0 9px; }
.list-pagination button:disabled { opacity: .42; cursor: default; }
.order-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}
.order-row-actions form{display:flex;margin:0}
.order-icon-action{display:grid!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;place-items:center;border:1px solid #cbd7e7!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important}
.order-icon-action svg{width:17px;height:17px;fill:currentColor}
.order-icon-action.approve{border-color:#a7e5c4!important;color:#087443!important;background:#ecfdf3!important}
.order-icon-action.approve:hover{border-color:#34b277!important;background:#d8f8e7!important}
.order-icon-action.reject{border-color:#fecaca!important;color:#c62828!important;background:#fff1f1!important}
.order-icon-action.reject:hover{border-color:#ef6b6b!important;background:#ffe2e2!important}
.order-icon-action.delivery,.order-icon-action.invoice{border-color:#bfdbfe!important;color:#175cd3!important;background:#eff6ff!important}
.order-icon-action.delivery:hover,.order-icon-action.invoice:hover{border-color:#60a5fa!important;background:#dbeafe!important}
.document-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}
.document-icon-action{display:grid!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;place-items:center;border:1px solid #d7e0ec!important;border-radius:8px!important;background:#fff!important;color:#486078!important;box-shadow:none!important;line-height:1!important}
.document-icon-action svg{width:16px;height:16px;fill:currentColor}
.document-icon-action:hover{border-color:#8ab5ff!important;background:#f2f7ff!important;color:#175cd3!important}
.document-icon-action.print{color:#175cd3!important;background:#eff6ff!important;border-color:#bfdbfe!important}
.document-icon-action.edit{color:#7a4d0b!important;background:#fff9e8!important;border-color:#f6d98a!important}
.document-icon-action.cancel{color:#c62828!important;background:#fff1f1!important;border-color:#fecaca!important}
.document-icon-action.cancel:hover{background:#ffe2e2!important;border-color:#ef6b6b!important}
.document-icon-action.delete{color:#b42318!important;background:#fff4f2!important;border-color:#fecdca!important}
.document-icon-action.delete:hover{color:#912018!important;background:#fee4e2!important;border-color:#f97066!important}
.order-view-action{margin-left:2px}
@media (max-width: 760px) {
    .list-controls { align-items: stretch; }
    .date-filter-range { width: 100%; }
    .date-filter-range label { flex: 1; }
    .date-filter-range input { width: 100%; }
    .page-size-control { margin-left: 0; }
    .list-pagination { align-items: stretch; flex-direction: column; }
    .list-pagination .list-pagination-actions { width: 100%; margin-left: 0; justify-content: space-between; }
}
/* Çıktı Tasarım Merkezi */
.print-center-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:var(--space-4,20px);padding:0!important;overflow:hidden}
.print-center-info>div{display:flex;align-items:center;gap:12px;min-height:82px;padding:15px 18px;border-right:1px solid #dbe5f1}
.print-center-info>div:last-child{border-right:0}.print-center-info>div>span:last-child{display:flex;min-width:0;flex-direction:column;gap:4px}.print-center-info small,.printer-row span{color:#64748b;font-size:11px;line-height:1.35}.print-info-number{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:9px;background:#edf4ff;color:#2563eb;font-size:12px;font-weight:900}
.print-design-section{margin-top:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.section-heading h2,.form-card h2{margin:0 0 5px}.section-heading p,.form-card>p{margin:0;color:#64748b}
.section-kicker{display:block;margin-bottom:5px;color:#2563eb;font-size:9px;font-weight:900;letter-spacing:.12em}.section-count{flex:0 0 auto;padding:6px 10px;border:1px solid #dbe5f1;border-radius:999px;color:#64748b;font-size:11px;font-weight:800}
.print-empty-state{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:20px;border:1px dashed #b9cae0;border-radius:12px;background:#f8fbff}.print-empty-state p{max-width:720px;margin:5px 0 0;color:#64748b;font-size:12px;line-height:1.5}.print-empty-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;background:#e8f1ff;color:#2563eb;font-size:22px}
.print-design-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.print-design-card{padding:18px;border:1px solid #dbe5f1;border-radius:12px;background:#fbfdff}
.print-design-card h3{margin:14px 0 3px}.print-design-card>p{margin:0 0 14px;color:#64748b}
.print-design-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px}
.print-design-card dt{color:#718198;font-size:10px}.print-design-card dd{margin:3px 0 0;font-size:12px;font-weight:700}
.status-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef2f7;color:#53647d;font-size:10px;font-weight:800}
.status-pill.active{background:#dcfce7;color:#047857}.status-pill.default{background:#e8edff;color:#4338ca}
.printer-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(460px,1.1fr);gap:18px;align-items:start}
.printer-list-card,.compact-form{padding:20px;border:1px solid #dbe5f1;border-radius:12px;background:#fbfdff}.printer-card-heading h3{margin:0 0 14px}.printer-list{display:flex;flex-direction:column;gap:10px}.printer-row{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border:1px solid #dbe5f1;border-radius:10px;background:#fff}
.printer-row>div{display:flex;flex-direction:column;gap:3px}.printer-empty{display:flex;min-height:190px;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;color:#64748b}.printer-empty>span{display:grid;width:42px;height:42px;margin-bottom:10px;place-items:center;border-radius:12px;background:#eef3f9;color:#52637c;font-size:20px}.printer-empty strong{color:#344054}.printer-empty p{max-width:330px;margin:6px 0 0;font-size:11px;line-height:1.5}
.branch-printer-row{margin:0}.branch-printer-actions{display:grid!important;grid-template-columns:minmax(240px,420px) auto;align-items:center;gap:10px!important}.branch-printer-actions select{min-height:40px}.branch-printer-actions .secondary-action{min-height:40px}
@media(max-width:720px){.branch-printer-row{align-items:stretch;flex-direction:column}.branch-printer-actions{grid-template-columns:1fr}.branch-printer-actions select{width:100%}}
.compact-form{background:#f6f9fd}.compact-form h3{margin:0 0 4px}.compact-form-help{margin:0 0 16px;color:#64748b;font-size:11px;line-height:1.45}.compact-form .form-grid label small{display:block;margin-top:4px;color:#78879d;font-size:9px;font-weight:500;line-height:1.3}.form-submit-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid #dde6f1}.form-submit-row>span{color:#64748b;font-size:10px}.form-submit-row button{min-width:150px}.form-card{margin-bottom:20px}.form-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
.form-grid.two>label{align-self:end}.check-grid{display:flex;gap:24px;margin-top:18px}.check-row{display:flex!important;align-items:center;gap:8px}
.check-row input{width:18px!important;height:18px!important}.print-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.print-field-option{display:flex!important;align-items:center;gap:10px;min-height:46px;padding:10px 12px;border:1px solid #dbe5f1;border-radius:9px;background:#fbfdff}
.print-field-option input{width:18px!important;height:18px!important}
.empty-state{padding:24px;border:1px dashed #cbd7e6;border-radius:10px;color:#64748b;text-align:center}
@media(max-width:900px){.print-center-info{grid-template-columns:1fr 1fr}.print-center-info>div:nth-child(2){border-right:0}.print-center-info>div:nth-child(-n+2){border-bottom:1px solid #dbe5f1}.printer-layout,.form-grid.two{grid-template-columns:1fr}.print-field-grid{grid-template-columns:1fr 1fr}.print-empty-state{grid-template-columns:auto minmax(0,1fr)}.print-empty-state .secondary-action{grid-column:2}}
@media(max-width:600px){.print-center-info{grid-template-columns:1fr}.print-center-info>div{border-right:0!important;border-bottom:1px solid #dbe5f1}.print-center-info>div:last-child{border-bottom:0}.print-empty-state{grid-template-columns:1fr;text-align:center}.print-empty-icon{margin:auto}.print-empty-state .secondary-action{grid-column:auto}.form-submit-row{align-items:stretch;flex-direction:column}.form-submit-row button{width:100%}}
@media(max-width:600px){.print-field-grid{grid-template-columns:1fr}}

/* Görsel çıktı tasarımcısı */
.print-designer-shell{display:grid;grid-template-columns:minmax(250px,300px) minmax(460px,1fr) minmax(240px,290px);gap:20px;align-items:start}
.designer-panel,.designer-workspace{background:#fff;border:1px solid #dbe5f1;border-radius:14px;box-shadow:0 8px 24px rgba(24,39,75,.06)}
.designer-panel{padding:20px;position:sticky;top:92px}.designer-workspace{padding:20px;min-width:0}
.designer-panel-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.designer-panel-title h2{font-size:17px;margin:0}.designer-panel-title p{font-size:12px;margin:3px 0 0;color:#64748b}
.designer-step{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eaf1ff;color:#2463eb;font-weight:800}
.designer-panel>label,.designer-panel .designer-two label{display:block;font-size:12px;font-weight:750;margin:13px 0 6px}
.designer-panel input[type=text],.designer-panel select,.designer-panel textarea{width:100%}.designer-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.designer-switches{display:grid;gap:8px;margin-top:16px}.designer-tip{display:flex;flex-direction:column;gap:4px;padding:12px;margin-top:16px;border-radius:10px;background:#f4f7fc;color:#64748b;font-size:12px}.designer-tip strong{color:#111827}
.designer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:10px 12px;border:1px solid #dbe5f1;border-radius:10px;background:#f8faff;color:#64748b;font-size:12px;font-weight:700}.designer-toolbar>div{display:flex;gap:6px}
.designer-mini{min-height:30px!important;padding:5px 9px!important;background:#fff!important;color:#111827!important;border:1px solid #dbe5f1!important;box-shadow:none!important;font-size:11px!important}
.print-canvas-wrap{min-height:650px;padding:24px;border-radius:12px;background:radial-gradient(circle at top,#e8eef8,#dce5f1);overflow:auto}
.print-canvas{--preview-accent:#2563eb;--preview-font-scale:1;position:relative;display:flex;flex-direction:column;width:min(100%,520px);min-height:620px;margin:auto;padding:28px;background:#fff;border-radius:3px;box-shadow:0 18px 42px rgba(23,43,77,.18);font-size:calc(12px * var(--preview-font-scale));transition:width .2s,min-height .2s}
.print-canvas[data-paper="2"]{width:min(100%,390px);min-height:550px}.print-canvas[data-paper="3"]{width:min(100%,210px);min-height:520px;padding:14px 10px}.print-canvas[data-paper="4"]{width:min(100%,280px);min-height:560px;padding:16px 12px}
.print-canvas[data-orientation="2"][data-paper="1"]{width:min(100%,680px);min-height:460px}.print-canvas[data-orientation="2"][data-paper="2"]{width:min(100%,520px);min-height:360px}
.preview-brand{display:grid;gap:3px;padding-bottom:14px;margin-bottom:12px;border-bottom:2px solid #2463eb}.preview-brand span{font-size:8px;letter-spacing:.16em;color:#2463eb;font-weight:800}.preview-brand strong{font-size:19px}.preview-brand small{font-size:9px;color:#64748b}
.designer-dropzone{display:flex;flex-direction:column;gap:8px}.designer-block{display:grid;grid-template-columns:20px 1fr 28px;align-items:center;gap:8px;min-height:48px;padding:8px;border:1px solid #cfdcf0;border-radius:8px;background:#f8faff;cursor:grab;transition:.15s}
.designer-block:hover{border-color:#8db3ff;background:#f1f6ff;transform:translateY(-1px)}.designer-block.is-dragging{opacity:.45;border-style:dashed}.designer-block.is-hidden{opacity:.48;background:#f5f5f6;border-style:dashed}
.designer-block-copy{display:flex;flex-direction:column;min-width:0}.designer-block-copy strong{font-size:11px}.designer-block-copy small{font-size:9px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drag-handle{color:#8190a8;font-size:20px;line-height:1}
.visibility-toggle{margin:0!important}.visibility-toggle input{position:absolute;opacity:0;pointer-events:none}.visibility-toggle span{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#e6efff;color:#2463eb;font-size:12px}.designer-block.is-hidden .visibility-toggle span{background:#eceff3;color:#929daf}
.print-canvas.is-compact .designer-block{min-height:36px;padding:5px 8px}.print-canvas.is-compact .designer-block-copy small{display:none}
.preview-note{padding:8px;margin:8px 0;border-left:3px solid #9db9ed;background:#f4f7fc;white-space:pre-wrap;font-size:9px;color:#4d607d}.preview-header-note{order:-1}.preview-footer-note{order:9996;margin-top:auto}.preview-page-number{order:9999;text-align:center;margin-top:12px;font-size:8px;color:#97a2b5}
.character-counter{text-align:right;margin-top:3px;color:#64748b;font-size:10px}.designer-summary{display:grid;gap:9px;padding:13px;margin-top:18px;border:1px solid #dbe5f1;border-radius:10px;background:#f8faff}.designer-summary h3{font-size:13px;margin:0 0 3px}.designer-summary div{display:flex;justify-content:space-between;gap:8px;font-size:11px}.designer-summary span{color:#64748b}.designer-summary strong{text-align:right}
@media(max-width:1200px){.print-designer-shell{grid-template-columns:260px minmax(420px,1fr)}.designer-notes{grid-column:1/-1;position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.designer-notes .designer-panel-title,.designer-notes .designer-summary{grid-column:1/-1}}
@media(max-width:800px){.print-designer-shell{grid-template-columns:1fr}.designer-panel{position:static}.designer-notes{display:block}.print-canvas-wrap{min-height:500px;padding:12px}.print-canvas{min-height:520px;padding:18px}.designer-toolbar{align-items:flex-start;flex-direction:column}}

.designer-block{grid-template-columns:20px minmax(0,1fr) auto}.designer-block-actions{display:flex;align-items:center;gap:3px}
.designer-block-actions>button{display:grid;place-items:center;width:25px!important;min-width:25px!important;height:27px!important;min-height:27px!important;padding:0!important;border:1px solid #d6e0ed!important;border-radius:6px!important;background:#fff!important;color:#50627c!important;box-shadow:none!important;font-size:12px!important}
.designer-block-actions>button:hover{border-color:#8db3ff!important;background:#eef4ff!important;color:#175cd3!important}
.designer-block.is-filtered{display:none}.designer-block:focus{outline:2px solid #84adff;outline-offset:2px}
.designer-field-status{display:flex!important;align-items:center;gap:8px!important}.designer-save-state{padding:3px 7px;border-radius:999px;background:#e8f8ef;color:#087443;font-size:10px}.designer-save-state.is-dirty{background:#fff1d6;color:#9a5b00}
.designer-search{display:flex!important;align-items:center;gap:10px;margin:0 0 12px!important;color:#64748b;font-size:11px;font-weight:750}.designer-search input{flex:1;min-height:34px!important;height:34px!important;padding:0 10px!important}
.designer-inline-error{margin-bottom:12px;padding:10px 12px;border:1px solid #fda29b;border-radius:8px;background:#fff1f0;color:#b42318;font-size:12px;font-weight:700}
@media(max-width:520px){.designer-block-actions>button{display:none}.designer-block-actions .visibility-toggle{display:block}.designer-block{grid-template-columns:20px minmax(0,1fr) 28px}}

.designer-field-manager{margin-bottom:14px;border:1px solid #dbe5f1;border-radius:10px;background:#fff;overflow:hidden}
.designer-field-manager summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;cursor:pointer;color:#344054;font-size:12px;font-weight:800;list-style:none}
.designer-field-manager summary::-webkit-details-marker{display:none}.designer-field-manager summary:after{content:"⌄";color:#2463eb;font-size:16px}.designer-field-manager[open] summary:after{transform:rotate(180deg)}
.designer-field-manager summary small{margin-left:auto;color:#667085;font-size:10px;font-weight:600}.designer-field-manager .designer-dropzone{max-height:330px;padding:10px;border-top:1px solid #e3eaf3;overflow:auto;background:#f8faff}
.preview-field-hidden{display:none!important}
.actual-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;margin-bottom:14px;border-bottom:2px solid var(--preview-accent)}
.actual-preview-head>div{display:flex;flex-direction:column;gap:3px}.actual-preview-head>div>strong{font-size:18px}.actual-preview-head small{font-size:9px;color:#64748b}
.actual-preview-logo{color:var(--preview-accent);font-size:calc(8px * var(--preview-font-scale));font-weight:850;letter-spacing:.14em}
.actual-preview-document{min-width:150px;padding:10px;border:1px solid #cfdbed;border-radius:9px;background:#f8faff}.actual-preview-document span,.actual-preview-party span{color:#64748b;font-size:8px;font-weight:800;letter-spacing:.08em}.actual-preview-document strong{font-size:12px!important}
.actual-preview-party{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;margin:10px 0}.actual-preview-party>div{display:flex;flex-direction:column;gap:4px;padding:11px;border:1px solid #dbe5f1;border-radius:9px}.actual-preview-party strong{font-size:12px}.actual-preview-party small{font-size:8px;color:#64748b}
.actual-preview-lines{margin:12px 0;border:1px solid #dde5f0;border-radius:8px;overflow:hidden}.actual-preview-line{display:grid;align-items:stretch;min-width:0}.actual-preview-line>span{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:2px;padding:8px;border-bottom:1px solid #e6ebf2;text-align:right;font-size:calc(9px * var(--preview-font-scale));overflow-wrap:anywhere}.actual-preview-line>span:first-child{text-align:left}.actual-preview-line small{color:#708099;font-size:calc(7px * var(--preview-font-scale))}
.actual-preview-line-head{background:#eef3f9}.actual-preview-line-head>span{color:#596b85;font-size:7px;font-weight:850;letter-spacing:.08em}
.actual-preview-totals{display:grid;gap:4px;width:min(260px,70%);margin:10px 0 8px auto}.actual-preview-totals>div{display:flex;justify-content:space-between;gap:14px;padding:4px;font-size:calc(9px * var(--preview-font-scale));color:#52637c}.actual-preview-grand{padding-top:7px!important;border-top:2px solid var(--preview-accent);font-size:calc(12px * var(--preview-font-scale))!important;color:#111827!important}
.actual-preview-balance{display:flex;justify-content:space-between;gap:14px;width:min(260px,70%);margin:0 0 8px auto;padding:8px;border-radius:7px;background:#edf4ff;color:#29415f;font-size:9px}
.actual-preview-signatures{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.actual-preview-signatures>div{padding-top:7px;border-top:1px solid #9eabc0;text-align:center;color:#64748b;font-size:8px}
.thermal-preview-title,.preview-heading-thermal,.thermal-preview-summary,.thermal-preview-previous-balance,.thermal-preview-payment-note{display:none}.preview-heading-wide{display:inline}
.print-canvas[data-paper="3"] .actual-preview-head,.print-canvas[data-paper="4"] .actual-preview-head{display:block}.print-canvas[data-paper="3"] .actual-preview-document,.print-canvas[data-paper="4"] .actual-preview-document{margin-top:8px;min-width:0}
.print-canvas[data-paper="2"] .actual-preview-line>span{padding:6px 4px;font-size:calc(7.5px * var(--preview-font-scale))}.print-canvas[data-paper="2"] .actual-preview-line-head>span{font-size:6px;letter-spacing:.02em}
.print-canvas[data-paper="3"] .actual-preview-party,.print-canvas[data-paper="4"] .actual-preview-party{grid-template-columns:1fr}.print-canvas[data-paper="3"] .actual-preview-line,.print-canvas[data-paper="4"] .actual-preview-line{min-width:0}.print-canvas[data-paper="3"] .actual-preview-line-head,.print-canvas[data-paper="4"] .actual-preview-line-head{display:none}
.print-canvas[data-paper="3"] .actual-preview-line>span:first-child,.print-canvas[data-paper="4"] .actual-preview-line>span:first-child{grid-column:1/-1;padding:7px 5px;background:#f8faff}
.print-canvas[data-paper="3"] .actual-preview-line>span:not(:first-child),.print-canvas[data-paper="4"] .actual-preview-line>span:not(:first-child){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:5px;text-align:right;font-size:calc(7px * var(--preview-font-scale))}
.print-canvas[data-paper="3"] .actual-preview-line>span[data-preview-key]:before,.print-canvas[data-paper="4"] .actual-preview-line>span[data-preview-key]:before{color:#64748b;text-align:left;font-size:6px;font-weight:800;letter-spacing:.03em}
.print-canvas[data-paper="3"] .actual-preview-line>span[data-preview-key="Quantity"]:before,.print-canvas[data-paper="4"] .actual-preview-line>span[data-preview-key="Quantity"]:before{content:"Miktar"}
.print-canvas[data-paper="3"] .actual-preview-line>span[data-preview-key="UnitPrice"]:before,.print-canvas[data-paper="4"] .actual-preview-line>span[data-preview-key="UnitPrice"]:before{content:"Birim fiyat"}
.print-canvas[data-paper="3"] .actual-preview-line>span[data-preview-key="Discount"]:before,.print-canvas[data-paper="4"] .actual-preview-line>span[data-preview-key="Discount"]:before{content:"İndirim"}
.print-canvas[data-paper="3"] .actual-preview-line>span[data-preview-key="VatRate"]:before,.print-canvas[data-paper="4"] .actual-preview-line>span[data-preview-key="VatRate"]:before{content:"KDV %"}
.print-canvas[data-paper="3"] .actual-preview-line>span[data-preview-key="VatAmount"]:before,.print-canvas[data-paper="4"] .actual-preview-line>span[data-preview-key="VatAmount"]:before{content:"KDV"}
.print-canvas[data-paper="3"] .actual-preview-line>span[data-preview-key="LineTotal"]:before,.print-canvas[data-paper="4"] .actual-preview-line>span[data-preview-key="LineTotal"]:before{content:"Tutar"}
.print-canvas[data-paper="3"] .actual-preview-totals,.print-canvas[data-paper="4"] .actual-preview-totals,.print-canvas[data-paper="3"] .actual-preview-balance,.print-canvas[data-paper="4"] .actual-preview-balance{width:100%}
@media(max-width:600px){.designer-field-manager summary small{display:none}}
.print-canvas[data-font="2"]{font-family:Arial,sans-serif}.print-canvas[data-font="3"]{font-family:Georgia,"Times New Roman",serif}.print-canvas[data-font="4"]{font-family:"SFMono-Regular",Consolas,monospace}
.print-canvas[data-density="1"] .actual-preview-line>span{padding:4px 6px}.print-canvas[data-density="3"] .actual-preview-line>span{padding:13px 9px}
.print-canvas.without-borders .actual-preview-document,.print-canvas.without-borders .actual-preview-party>div,.print-canvas.without-borders .actual-preview-lines{border-color:transparent}.print-canvas.without-borders .actual-preview-line>span{border-bottom-color:transparent}

/* Termal önizleme: dar kâğıtta dört ana kolonlu, yüksek kontrastlı satış fişi. */
.print-canvas[data-paper="3"],.print-canvas[data-paper="4"]{overflow:hidden;color:#0b0b0b;font-family:Arial,sans-serif}
.print-canvas[data-paper="3"] .actual-preview-head,.print-canvas[data-paper="4"] .actual-preview-head{display:grid;gap:6px;padding-bottom:7px;margin-bottom:6px;border-bottom:2px solid #111;text-align:center}
.print-canvas[data-paper="3"] .actual-preview-head>div,.print-canvas[data-paper="4"] .actual-preview-head>div{align-items:center;gap:2px;min-width:0}
.print-canvas[data-paper="3"] .thermal-preview-title,.print-canvas[data-paper="4"] .thermal-preview-title{display:block;color:#111;font-size:calc(7px * var(--preview-font-scale));font-weight:900;letter-spacing:.09em;text-decoration:underline;text-underline-offset:2px}
.print-canvas[data-paper="3"] .actual-preview-logo,.print-canvas[data-paper="4"] .actual-preview-logo{display:none}
.print-canvas[data-paper="3"] .actual-preview-head>div>strong,.print-canvas[data-paper="4"] .actual-preview-head>div>strong{max-width:100%;color:#050505;font-size:calc(21px * var(--preview-font-scale));font-weight:950;line-height:1;overflow-wrap:anywhere}
.print-canvas[data-paper="3"] .actual-preview-head small,.print-canvas[data-paper="4"] .actual-preview-head small{color:#111;font-size:calc(6.5px * var(--preview-font-scale));font-weight:700}
.print-canvas[data-paper="3"] .actual-preview-document,.print-canvas[data-paper="4"] .actual-preview-document{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:2px 6px;width:100%;min-width:0;margin-top:3px;padding:6px 0 0;border:0;border-top:1px dashed #111;border-radius:0;background:transparent;text-align:left}
.print-canvas[data-paper="3"] .actual-preview-document span,.print-canvas[data-paper="4"] .actual-preview-document span{color:#111;font-size:calc(6px * var(--preview-font-scale));font-weight:900;letter-spacing:.04em}
.print-canvas[data-paper="3"] .actual-preview-document strong,.print-canvas[data-paper="4"] .actual-preview-document strong{min-width:0;text-align:right;font-size:calc(8px * var(--preview-font-scale))!important;font-weight:900;overflow-wrap:anywhere}
.print-canvas[data-paper="3"] .actual-preview-document small,.print-canvas[data-paper="4"] .actual-preview-document small{grid-column:1/-1;text-align:right}
.print-canvas[data-paper="3"] .preview-document-date,.print-canvas[data-paper="4"] .preview-document-date{color:#050505;font-size:calc(6.5px * var(--preview-font-scale));font-weight:800;font-variant-numeric:tabular-nums}
.print-canvas[data-paper="3"] .preview-document-date strong,.print-canvas[data-paper="4"] .preview-document-date strong{font-size:calc(7.5px * var(--preview-font-scale))!important;font-weight:950}
.print-canvas[data-paper="3"] .actual-preview-party,.print-canvas[data-paper="4"] .actual-preview-party{grid-template-columns:1fr;gap:5px;margin:5px 0 7px;padding-bottom:7px;border-bottom:1px dashed #111}
.print-canvas[data-paper="3"] .preview-payment-wide,.print-canvas[data-paper="4"] .preview-payment-wide{display:none!important}
.print-canvas[data-paper="3"] .actual-preview-party>div,.print-canvas[data-paper="4"] .actual-preview-party>div{min-width:0;gap:2px;padding:4px;border:0;border-left:2px solid #111;border-radius:0;background:transparent}
.print-canvas[data-paper="3"] .actual-preview-party span,.print-canvas[data-paper="4"] .actual-preview-party span{color:#111;font-size:calc(5.5px * var(--preview-font-scale));font-weight:900;letter-spacing:.05em}
.print-canvas[data-paper="3"] .actual-preview-party strong,.print-canvas[data-paper="4"] .actual-preview-party strong{font-size:calc(8px * var(--preview-font-scale));font-weight:900;line-height:1.15;overflow-wrap:anywhere}
.print-canvas[data-paper="3"] .actual-preview-party small,.print-canvas[data-paper="4"] .actual-preview-party small{color:#111;font-size:calc(5.5px * var(--preview-font-scale));font-weight:650;overflow-wrap:anywhere}
.print-canvas[data-paper="3"] .actual-preview-lines,.print-canvas[data-paper="4"] .actual-preview-lines,.print-canvas[data-paper="3"].without-borders .actual-preview-lines,.print-canvas[data-paper="4"].without-borders .actual-preview-lines{width:100%;min-width:0;margin:5px 0 7px;border:0!important;border-top:2px solid #111!important;border-bottom:2px solid #111!important;border-radius:0;overflow:hidden}
.print-canvas[data-paper="3"] .actual-preview-line,.print-canvas[data-paper="4"] .actual-preview-line{grid-template-columns:minmax(0,1.35fr) minmax(0,.5fr) minmax(0,.9fr) minmax(0,1.05fr)!important;width:100%;min-width:0}
.print-canvas[data-paper="3"] .actual-preview-line-head,.print-canvas[data-paper="4"] .actual-preview-line-head{display:grid!important;background:transparent}
.print-canvas[data-paper="3"] .actual-preview-line-head>span,.print-canvas[data-paper="4"] .actual-preview-line-head>span{display:flex!important;min-width:0;padding:4px 2px!important;border-bottom:1px solid #111!important;color:#111;text-align:right;font-size:calc(5.5px * var(--preview-font-scale));font-weight:950;line-height:1.1;letter-spacing:0}
.print-canvas[data-paper="3"] .actual-preview-line-head>span:first-child,.print-canvas[data-paper="4"] .actual-preview-line-head>span:first-child{grid-column:1;grid-row:1;background:transparent;text-align:left}
.print-canvas[data-paper="3"] .actual-preview-line-head>span:nth-child(2),.print-canvas[data-paper="4"] .actual-preview-line-head>span:nth-child(2){grid-column:2}
.print-canvas[data-paper="3"] .actual-preview-line-head>span:nth-child(3),.print-canvas[data-paper="4"] .actual-preview-line-head>span:nth-child(3){grid-column:3}
.print-canvas[data-paper="3"] .actual-preview-line-head>span:nth-child(7),.print-canvas[data-paper="4"] .actual-preview-line-head>span:nth-child(7){grid-column:4}
.print-canvas[data-paper="3"] .actual-preview-line-head>span:nth-child(4),.print-canvas[data-paper="3"] .actual-preview-line-head>span:nth-child(5),.print-canvas[data-paper="3"] .actual-preview-line-head>span:nth-child(6),.print-canvas[data-paper="4"] .actual-preview-line-head>span:nth-child(4),.print-canvas[data-paper="4"] .actual-preview-line-head>span:nth-child(5),.print-canvas[data-paper="4"] .actual-preview-line-head>span:nth-child(6){display:none!important}
.print-canvas[data-paper="3"] .actual-preview-line-head>span:before,.print-canvas[data-paper="4"] .actual-preview-line-head>span:before{content:none!important}
.print-canvas[data-paper="3"] .preview-heading-wide,.print-canvas[data-paper="4"] .preview-heading-wide{display:none}.print-canvas[data-paper="3"] .preview-heading-thermal,.print-canvas[data-paper="4"] .preview-heading-thermal{display:inline}
.print-canvas[data-paper="3"] .actual-preview-line:not(.actual-preview-line-head)>span,.print-canvas[data-paper="4"] .actual-preview-line:not(.actual-preview-line-head)>span{display:flex!important;min-width:0;flex-direction:row;align-items:center;justify-content:flex-end;gap:2px;padding:5px 2px!important;border-bottom:1px dashed #777!important;background:transparent;text-align:right;font-size:calc(6.5px * var(--preview-font-scale));font-weight:800;line-height:1.1;white-space:nowrap;overflow:hidden}
.print-canvas[data-paper="3"] .actual-preview-line:not(.actual-preview-line-head)>span:first-child,.print-canvas[data-paper="4"] .actual-preview-line:not(.actual-preview-line-head)>span:first-child{grid-column:1;grid-row:1;align-items:flex-start;flex-direction:column;justify-content:center;text-align:left;white-space:normal}
.print-canvas[data-paper="3"] .actual-preview-line:not(.actual-preview-line-head)>span:first-child strong,.print-canvas[data-paper="4"] .actual-preview-line:not(.actual-preview-line-head)>span:first-child strong{font-size:calc(6.5px * var(--preview-font-scale));font-weight:900;line-height:1.05}
.print-canvas[data-paper="3"] .actual-preview-line:not(.actual-preview-line-head)>span:first-child small,.print-canvas[data-paper="4"] .actual-preview-line:not(.actual-preview-line-head)>span:first-child small{color:#111;font-size:calc(5.5px * var(--preview-font-scale));font-weight:700}
.print-canvas[data-paper="3"] .actual-preview-line:not(.actual-preview-line-head)>span:nth-child(2),.print-canvas[data-paper="4"] .actual-preview-line:not(.actual-preview-line-head)>span:nth-child(2){grid-column:2;grid-row:1}
.print-canvas[data-paper="3"] .actual-preview-line:not(.actual-preview-line-head)>span:nth-child(3),.print-canvas[data-paper="4"] .actual-preview-line:not(.actual-preview-line-head)>span:nth-child(3){grid-column:3;grid-row:1}
.print-canvas[data-paper="3"] .actual-preview-line:not(.actual-preview-line-head)>span:nth-child(7),.print-canvas[data-paper="4"] .actual-preview-line:not(.actual-preview-line-head)>span:nth-child(7){grid-column:4;grid-row:1}
.print-canvas[data-paper="3"] .actual-preview-line:not(.actual-preview-line-head)>span:nth-child(4),.print-canvas[data-paper="4"] .actual-preview-line:not(.actual-preview-line-head)>span:nth-child(4){grid-column:1/2;grid-row:2}
.print-canvas[data-paper="3"] .actual-preview-line:not(.actual-preview-line-head)>span:nth-child(5),.print-canvas[data-paper="4"] .actual-preview-line:not(.actual-preview-line-head)>span:nth-child(5){grid-column:2/3;grid-row:2}
.print-canvas[data-paper="3"] .actual-preview-line:not(.actual-preview-line-head)>span:nth-child(6),.print-canvas[data-paper="4"] .actual-preview-line:not(.actual-preview-line-head)>span:nth-child(6){grid-column:3/5;grid-row:2}
.print-canvas[data-paper="3"] .actual-preview-line:not(.actual-preview-line-head)>span:nth-child(n+4):nth-child(-n+6),.print-canvas[data-paper="4"] .actual-preview-line:not(.actual-preview-line-head)>span:nth-child(n+4):nth-child(-n+6){justify-content:space-between;color:#111;font-size:calc(5.5px * var(--preview-font-scale));font-weight:750}
.print-canvas[data-paper="3"] .actual-preview-line:not(.actual-preview-line-head)>span:nth-child(n+4):nth-child(-n+6):before,.print-canvas[data-paper="4"] .actual-preview-line:not(.actual-preview-line-head)>span:nth-child(n+4):nth-child(-n+6):before{color:#111;font-size:calc(5px * var(--preview-font-scale));font-weight:900;letter-spacing:0}
.print-canvas[data-paper="3"] .actual-preview-totals,.print-canvas[data-paper="4"] .actual-preview-totals{gap:2px;width:100%;margin:4px 0}
.print-canvas[data-paper="3"] .thermal-preview-summary,.print-canvas[data-paper="4"] .thermal-preview-summary{display:flex!important;justify-content:space-between;gap:4px;padding:6px 2px!important;border-top:2px solid #111;border-bottom:2px solid #111;color:#050505;font-size:calc(8px * var(--preview-font-scale));font-weight:950;white-space:nowrap}
.print-canvas[data-paper="3"] .actual-preview-totals>div:not(.thermal-preview-summary),.print-canvas[data-paper="4"] .actual-preview-totals>div:not(.thermal-preview-summary){padding:3px 2px;color:#111;font-size:calc(6.5px * var(--preview-font-scale));font-weight:750}
.print-canvas[data-paper="3"] .actual-preview-grand,.print-canvas[data-paper="4"] .actual-preview-grand{margin-top:2px;padding-top:5px!important;border-top:1px dashed #111!important;color:#050505!important;font-size:calc(9px * var(--preview-font-scale))!important;font-weight:950}
.print-canvas[data-paper="3"] .actual-preview-balance,.print-canvas[data-paper="4"] .actual-preview-balance{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;width:100%;margin-top:3px;padding:5px 2px;border-top:2px solid #111;border-radius:0;background:transparent;color:#050505;font-size:calc(7px * var(--preview-font-scale));font-weight:900;font-variant-numeric:tabular-nums}
.print-canvas[data-paper="3"] .actual-preview-balance>strong,.print-canvas[data-paper="4"] .actual-preview-balance>strong{font-size:calc(8px * var(--preview-font-scale));font-weight:950}
.print-canvas[data-paper="3"] .thermal-preview-previous-balance,.print-canvas[data-paper="4"] .thermal-preview-previous-balance{display:flex;grid-column:1/-1;justify-content:space-between;gap:8px;padding-top:3px;border-top:1px dashed #111;font-size:calc(6.5px * var(--preview-font-scale));font-weight:800}
.print-canvas[data-paper="3"] .thermal-preview-previous-balance strong,.print-canvas[data-paper="4"] .thermal-preview-previous-balance strong{font-weight:950}
.print-canvas[data-paper="3"] .actual-preview-signatures,.print-canvas[data-paper="4"] .actual-preview-signatures{gap:12px;margin-top:18px}.print-canvas[data-paper="3"] .actual-preview-signatures>div,.print-canvas[data-paper="4"] .actual-preview-signatures>div{border-top-color:#111;color:#111;font-size:calc(5.5px * var(--preview-font-scale))}
.print-canvas[data-paper="3"] .thermal-preview-payment-note,.print-canvas[data-paper="4"] .thermal-preview-payment-note{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px 8px;width:100%;margin-top:8px;padding:6px 2px;border-top:2px solid #111;border-bottom:1px dashed #111;background:transparent;color:#111;font-size:calc(6.5px * var(--preview-font-scale));font-weight:750;font-variant-numeric:tabular-nums}
.print-canvas[data-paper="3"] .thermal-preview-payment-note strong,.print-canvas[data-paper="4"] .thermal-preview-payment-note strong{font-size:calc(7px * var(--preview-font-scale));font-weight:950}
.print-canvas[data-paper="3"] .actual-preview-line:not(.actual-preview-line-head)>span:not(:first-child),.print-canvas[data-paper="4"] .actual-preview-line:not(.actual-preview-line-head)>span:not(:first-child),.print-canvas[data-paper="3"] .actual-preview-totals,.print-canvas[data-paper="4"] .actual-preview-totals{font-variant-numeric:tabular-nums}
.print-canvas[data-paper="3"] .preview-note,.print-canvas[data-paper="4"] .preview-note{padding:5px 2px;margin:5px 0;border:0;border-top:1px dashed #111;border-bottom:1px dashed #111;background:transparent;color:#111;font-size:calc(6px * var(--preview-font-scale));font-weight:700}
.print-canvas[data-paper="3"] .preview-page-number,.print-canvas[data-paper="4"] .preview-page-number{color:#111;font-size:calc(5px * var(--preview-font-scale))}
.print-canvas[data-paper="3"] .actual-preview-head>div>strong{font-size:calc(17px * var(--preview-font-scale))}
.print-canvas[data-paper="3"] .actual-preview-document strong{font-size:calc(6.8px * var(--preview-font-scale))!important;letter-spacing:-.02em}
.print-canvas[data-paper="3"] .actual-preview-party{gap:3px}.print-canvas[data-paper="3"] .actual-preview-party>div{padding:3px}
.print-canvas[data-paper="3"] .actual-preview-line:not(.actual-preview-line-head)>span{font-size:calc(5.8px * var(--preview-font-scale))}
.print-canvas[data-paper="3"] .thermal-preview-summary{font-size:calc(6.8px * var(--preview-font-scale))}
.designer-presets{margin:0 0 16px;padding:0;border:0}.designer-presets legend{margin-bottom:8px;font-size:12px;font-weight:800;color:#172033}.designer-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.designer-preset-grid button{display:grid;grid-template-columns:12px 1fr;grid-template-rows:auto auto;gap:1px 7px;align-items:center;min-height:58px;padding:9px;text-align:left;color:#172033;background:#fff;border:1px solid #d8e1ef;border-radius:9px;box-shadow:none}.designer-preset-grid button:hover{color:#172033;background:#f6f9fe;border-color:#9bb9f7}.designer-preset-grid button.is-selected{background:#eff5ff;border-color:#3974e9;box-shadow:0 0 0 2px rgba(37,99,235,.12)}.designer-preset-grid button strong{font-size:12px}.designer-preset-grid button small{grid-column:2;color:#66758d;font-size:10px;line-height:1.25}.preset-swatch{grid-row:1/3;width:10px;height:32px;border-radius:5px}.preset-corporate{background:#2563eb}.preset-compact{background:#0f766e}.preset-minimal{background:#334155}.preset-thermal{background:#111827}.designer-preset-help{margin:7px 0 0;color:#66758d;font-size:10px;line-height:1.4}
.preset-zebra-button{grid-column:1/-1!important}.preset-zebra{background:linear-gradient(180deg,#111827 0 46%,#f5c400 46% 62%,#111827 62%)}.printer-quick-preset{display:flex!important;align-items:center;gap:10px;width:100%;margin:0 0 16px;padding:10px 12px!important;text-align:left!important;color:#172033!important;background:#fff!important;border:1px solid #cbd9eb!important;border-radius:10px!important;box-shadow:none!important}.printer-quick-preset:hover{background:#f8fbff!important;border-color:#86aef8!important}.printer-quick-preset>span:last-child{display:flex;flex-direction:column;gap:2px}.printer-quick-preset small{color:#64748b;font-size:9px;font-weight:500}.printer-preset-mark{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:8px;background:#111827;color:#f5c400;font-size:10px;font-weight:900;letter-spacing:.04em}
.designer-appearance{display:grid}.designer-color-control,.designer-range-control{display:flex;align-items:center;gap:10px}.designer-color-control input{width:46px!important;height:38px!important;padding:3px!important;cursor:pointer}.designer-color-control output,.designer-range-control output{min-width:58px;color:#475467;font-size:11px;font-weight:800}.designer-range-control input{padding:0!important}.designer-divider{height:1px;margin:18px 0;border:0;background:#e1e8f1}
.product-file-picker{display:flex;align-items:center;gap:10px;min-width:0;min-height:42px;padding:5px 7px;border:1px solid var(--border);border-radius:9px;background:#fff}.product-file-input{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0;pointer-events:none}.product-file-button{flex:0 0 auto;min-height:32px;padding:0 13px;border:1px solid #cbd7e7;border-radius:7px;background:#f8fafc;color:var(--navy-800);font-size:12px;font-weight:750;box-shadow:none}.product-file-button:hover{border-color:#9fb2cc;background:#eef4fb;color:var(--navy-800)}.product-file-button:focus-visible{outline:3px solid rgba(37,99,235,.2);outline-offset:1px}.product-file-name{min-width:0;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.product-description-field textarea{min-height:112px;resize:vertical}.product-image-current{display:flex;align-items:center;gap:14px;margin-top:10px;padding:10px;border:1px solid #dbe4f0;border-radius:10px;background:#f8fafc}.product-image-current img{width:96px;height:96px;object-fit:cover;border:1px solid #d5deeb;border-radius:9px;background:#fff}.product-list-thumb{display:grid;width:40px;height:40px;object-fit:cover;place-items:center;border:1px solid #dbe4f0;border-radius:8px;background:#f8fafc;color:#94a3b8}.product-detail-card{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:24px;align-items:start}.product-detail-photo img{display:block;width:100%;max-height:220px;object-fit:contain;border:1px solid #dbe4f0;border-radius:12px;background:#f8fafc}@media(max-width:720px){.product-detail-card{grid-template-columns:1fr}.product-detail-photo img{max-width:220px}.product-file-picker{align-items:flex-start;flex-direction:column}.product-file-name{max-width:100%}}
.product-media-current{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.product-media-item{display:grid!important;width:112px;gap:6px;padding:7px;border:1px solid #dbe4f0;border-radius:10px;background:#f8fafc}.product-media-item img,.product-media-item video{width:96px;height:76px;object-fit:cover;border-radius:7px;background:#fff}.product-media-item span{font-size:11px}.product-video-item{width:min(260px,100%)}.product-video-item video{width:100%;height:140px;object-fit:contain;background:#111827}.product-media-remove{min-height:30px!important;padding:0 9px!important;border:1px solid #fecaca!important;border-radius:7px!important;background:#fff1f2!important;color:#b91c1c!important;font-size:11px!important}.product-media-remove:disabled{opacity:.55}.product-media-feedback{margin-top:7px;color:var(--muted);font-size:12px}.product-media-feedback.is-error{color:#b91c1c}
.shopier-publish{display:grid;gap:10px;margin-top:16px;padding:14px;border:1px solid var(--border);border-radius:12px;background:#f8fafc}.shopier-publish .section-heading{margin:0}.shopier-publish h3{margin:0 0 3px;font-size:14px}.shopier-publish p{margin:0;color:var(--muted);font-size:11px}.shopier-publish-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.shopier-feedback{margin:0;color:var(--muted);font-size:12px}.shopier-feedback.is-error{color:#b91c1c}.shopier-feedback.is-success{color:#087852}

/* Ürün tanımları: sade hiyerarşi yönetimi */
.definition-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:18px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:var(--shadow-sm)}.definition-flow-step{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:1px 9px;min-height:66px;padding:11px 15px;border-right:1px solid var(--border)}.definition-flow-step:last-child{border-right:0}.definition-flow-step>span{display:grid;grid-row:1/3;width:28px;height:28px;place-items:center;border-radius:50%;background:#e8f1ff;color:#1d5ed8;font-size:12px;font-weight:850}.definition-flow-step strong{font-size:12px}.definition-flow-step small{color:var(--muted);font-size:10px}.definition-create-card{padding:18px 20px}.definition-create-card .section-heading{margin-bottom:13px}.definition-create-simple{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(210px,1fr) minmax(250px,1.35fr) auto;align-items:end;gap:14px}.definition-create-button{min-width:88px;height:42px}.definition-manager{overflow:hidden}.definition-manager-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid var(--border)}.definition-manager-header h2{margin:0 0 4px;font-size:17px}.definition-manager-header p{margin:0;color:var(--muted);font-size:11px}.definition-search{display:flex;align-items:center;gap:7px;width:min(280px,100%);padding:0 11px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--muted)}.definition-search input{width:100%;height:38px;padding:0;border:0;outline:0;box-shadow:none}.definition-stage-list{display:grid;gap:9px;padding:14px}.definition-stage{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:#fff}.definition-stage>summary{display:grid;grid-template-columns:30px minmax(0,1fr) auto 20px;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none}.definition-stage>summary::-webkit-details-marker{display:none}.definition-stage>summary:hover{background:#f8fbff}.definition-stage[open]>summary{border-bottom:1px solid var(--border);background:#f7faff}.definition-stage-number{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:#e8f1ff;color:#1d5ed8;font-size:11px;font-weight:850}.definition-stage-title{display:grid;gap:2px}.definition-stage-title strong{font-size:13px}.definition-stage-title small{color:var(--muted);font-size:10px;font-weight:500}.definition-stage-count{padding:5px 8px;border-radius:999px;background:#eef3f9;color:#52647c;font-size:10px;font-weight:750}.definition-stage-chevron{color:#6c7f98;font-size:17px;transition:transform .18s ease}.definition-stage[open] .definition-stage-chevron{transform:rotate(180deg)}.definition-stage-content{display:grid}.definition-record{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(170px,1fr) 90px 78px;align-items:end;gap:16px;padding:11px 14px;border-bottom:1px solid #e7edf5}.definition-record:last-child{border-bottom:0}.definition-record:hover{background:#fbfdff}.definition-record .field{gap:4px}.definition-record .field label,.definition-parent-display span{color:var(--muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.definition-record input[type="text"],.definition-record .definition-name-field input{height:36px}.definition-parent-display{display:grid;align-self:center;gap:3px}.definition-parent-display strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.definition-active-toggle{align-self:center;cursor:pointer}.definition-active-toggle>input{position:absolute;opacity:0;pointer-events:none}.definition-active-toggle .status-badge{display:inline-flex;min-width:55px;justify-content:center}.definition-active-toggle .status-badge.passive{background:#f1f5f9;color:#64748b}.definition-active-toggle:has(input:checked) .status-badge{background:#d1fae5;color:#087852}.definition-active-toggle:has(input:not(:checked)) .status-badge{background:#f1f5f9;color:#64748b}.definition-save-button{align-self:center;min-height:34px}.definition-empty{padding:22px;color:var(--muted);font-size:12px;text-align:center}
.definition-create-simple:has([data-definition-parent-field][hidden]){grid-template-columns:minmax(180px,.8fr) minmax(320px,1.8fr) auto}
.definition-create-simple [data-definition-parent-field][hidden]{display:none!important}.definition-create-simple .definition-create-button{align-self:end;width:92px;min-width:92px;height:42px;margin:0;white-space:nowrap}
@media(max-width:900px){.definition-flow{grid-template-columns:1fr}.definition-flow-step{border-right:0;border-bottom:1px solid var(--border)}.definition-flow-step:last-child{border-bottom:0}.definition-record{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.definition-save-button{width:100%}}
@media(max-width:700px){.definition-create-simple,.definition-create-simple:has([data-definition-parent-field][hidden]){grid-template-columns:1fr}.definition-create-simple .definition-create-button{width:100%}}
@media(max-width:600px){.definition-manager-header{align-items:stretch;flex-direction:column}.definition-search{width:100%}.definition-record{grid-template-columns:1fr}.definition-stage>summary{grid-template-columns:30px minmax(0,1fr) auto}.definition-stage-chevron{display:none}.definition-parent-display,.definition-active-toggle,.definition-save-button{align-self:auto}}
.definition-table-wrap{overflow-x:auto}.definition-table{min-width:760px}.definition-table th,.definition-table td{vertical-align:middle}.definition-table th:first-child,.definition-table td:first-child{width:150px}.definition-table th:nth-child(3),.definition-table td:nth-child(3){width:24%}.definition-table th:nth-child(4),.definition-table td:nth-child(4){width:105px}.definition-table th:last-child,.definition-table td:last-child{width:185px}.definition-table tbody tr.is-editing{background:#f5f9ff;box-shadow:inset 3px 0 #2b68e8}.definition-table td input[name="Name"]{width:100%;height:36px}.definition-kind-badge{display:inline-flex;min-width:92px;justify-content:center;padding:6px 9px;border-radius:999px;background:#eef3f9;color:#415570;font-size:10px;font-weight:800}.definition-kind-badge.kind-1{background:#e8f1ff;color:#1d5ed8}.definition-kind-badge.kind-2{background:#eef2ff;color:#5145cd}.definition-kind-badge.kind-3{background:#f3e8ff;color:#7e22ce}.definition-kind-badge.kind-4{background:#fff1e8;color:#b54708}.definition-kind-badge.kind-5{background:#e8f8f2;color:#087852}.definition-parent-cell{color:#52647c;font-size:12px}.definition-inline-toggle{display:inline-flex;align-items:center;gap:7px;min-height:34px;cursor:pointer;font-size:12px;font-weight:700}.definition-inline-toggle[hidden]{display:none}.definition-inline-toggle input{accent-color:#2563eb}.definition-row-actions{text-align:right;white-space:nowrap}.definition-edit-button{padding:0;border:0;background:transparent;color:#1760de;font-size:12px;font-weight:800;box-shadow:none}.definition-edit-button:hover{background:transparent;color:#0f46a8;text-decoration:underline}.definition-edit-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px}.definition-edit-actions[hidden]{display:none}.definition-edit-actions .compact-action{min-height:34px;padding:0 11px}.table-action-heading{text-align:right}
.transfer-product-summary{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.definition-create-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:end}.definition-create-grid .field{min-width:0}.definition-create-grid button{margin-bottom:0}.definition-group{margin-top:var(--content-gap)}.definition-group table input{min-width:120px}.definition-group .checkbox-row{justify-content:flex-start;white-space:nowrap}@media(max-width:900px){.definition-create-grid{grid-template-columns:1fr 1fr}.definition-create-grid button{grid-column:1/-1}}@media(max-width:560px){.definition-create-grid{grid-template-columns:1fr}}
.definition-single-panel{padding:16px 20px 20px}.definition-picker-row{display:grid;grid-template-columns:minmax(320px,1fr) auto;align-items:end;gap:14px}.definition-picker-button{width:100px;height:42px}.definition-picker-button:disabled{opacity:.5;cursor:not-allowed}.definition-single-editor{display:grid;grid-template-columns:minmax(130px,.6fr) minmax(170px,.8fr) minmax(260px,1.5fr) 90px auto;align-items:end;gap:14px}.definition-single-editor[hidden],.definition-picker-row[hidden]{display:none}.definition-editor-info{display:grid;align-content:center;gap:6px;min-height:42px;padding:7px 11px;border:1px solid var(--border);border-radius:9px;background:#f8fafc}.definition-editor-info span{color:var(--muted);font-size:9px;font-weight:750;text-transform:uppercase}.definition-editor-info strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.definition-editor-active{display:flex;align-items:center;justify-content:center;gap:7px;height:42px;border:1px solid var(--border);border-radius:9px;background:#fff;font-size:12px;font-weight:750;cursor:pointer}.definition-editor-active input{accent-color:#2563eb}.definition-editor-actions{display:flex;gap:7px}.definition-editor-actions button{height:42px;white-space:nowrap}.definition-editor-actions .secondary-action{display:inline-flex;align-items:center}@media(max-width:900px){.definition-single-editor{grid-template-columns:1fr 1fr}.definition-editor-actions{grid-column:span 2}.definition-editor-actions button{flex:1}}@media(max-width:600px){.definition-picker-row,.definition-single-editor{grid-template-columns:1fr}.definition-picker-button{width:100%}.definition-editor-actions{grid-column:auto;flex-direction:column}}
.web-order-access-card{display:grid;gap:16px}.web-order-access-card .section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.credential-banner{display:grid;gap:5px;padding:14px 16px;border:1px solid #86efac;border-radius:10px;background:#f0fdf4;color:#166534}.credential-banner strong{font-size:15px}.credential-banner span{font-size:12px}.web-order-access-card .inline-actions{display:flex;flex-wrap:wrap;gap:10px}
.product-colors-field .field-help { margin: -2px 0 10px; color: #667085; font-size: 12px; }
.product-size-options{display:flex;flex-wrap:wrap;gap:6px;min-height:42px;padding:6px;border:1px solid var(--border);border-radius:9px;background:#f8fafc}.product-size-options label{cursor:pointer}.product-size-options input{position:absolute;opacity:0;pointer-events:none}.product-size-options span{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border:1px solid #d8e1ee;border-radius:7px;background:#fff;color:#475467;font-size:11px;font-weight:750}.product-size-options input:checked+span{border-color:#6ea1f7;background:#eaf2ff;color:#174ea6;box-shadow:inset 0 0 0 1px #6ea1f7}.product-size-options small{align-self:center;color:var(--muted);font-size:10px}
.product-color-options { display: grid; grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)); gap: 7px; max-height: 230px; padding: 10px; overflow-y: auto; border: 1px solid var(--border-color, #d8e1ee); border-radius: 10px; background: #f8fafc; }
.product-color-option { display: flex; align-items: center; gap: 7px; min-height: 34px; padding: 6px 8px; border: 1px solid transparent; border-radius: 8px; background: #fff; cursor: pointer; font-size: 12px; }
.product-color-option:has(input:checked) { border-color: #8bb7ff; background: #eff6ff; color: #174ea6; font-weight: 700; }
.product-color-option input { width: 16px; height: 16px; margin: 0; }
.product-color-dot { width: 16px; height: 16px; flex: 0 0 16px; border: 1px solid rgba(15,23,42,.2); border-radius: 50%; background: var(--product-color); }
.product-custom-color { margin-top: 8px; }
.product-colors-accordion{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:#fff}.product-colors-accordion>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 13px;cursor:pointer;list-style:none}.product-colors-accordion>summary::-webkit-details-marker{display:none}.product-colors-accordion>summary:hover{background:#f8fbff}.product-colors-accordion>summary>span:first-child{display:grid;gap:2px}.product-colors-accordion>summary strong{font-size:13px}.product-colors-accordion>summary small{color:var(--muted);font-size:10px}.product-colors-chevron{color:#64748b;font-size:20px;transition:transform .18s}.product-colors-accordion[open] .product-colors-chevron{transform:rotate(180deg)}.product-colors-accordion[open]>summary{border-bottom:1px solid var(--border);background:#f8fbff}.product-colors-accordion .product-colors-field{padding:12px}.definition-flow{grid-template-columns:repeat(6,minmax(0,1fr))}

/* Ürün detay görünümü */
.product-detail-card.without-photo{grid-template-columns:minmax(0,1fr)}
.product-detail-grid{grid-template-columns:repeat(4,minmax(145px,1fr));column-gap:28px;row-gap:22px}
.product-detail-grid>div{min-width:0;padding-bottom:12px;border-bottom:1px solid #e8edf5}
.product-detail-grid strong{line-height:1.45;overflow-wrap:anywhere}
.product-detail-grid .status-pill{justify-self:start;width:max-content}

.market-readiness-card{overflow:hidden;padding:0}
.market-readiness-heading{align-items:center;margin:0;padding:22px 24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%)}
.market-readiness-summary{display:flex;align-items:flex-end;flex-direction:column;gap:6px;white-space:nowrap}
.market-readiness-summary>span{color:#64748b;font-size:11px;font-weight:700}
.market-readiness-overall{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border:1px solid;border-radius:999px;font-size:11px;font-weight:800}
.market-readiness-overall.is-ready{border-color:#a7f3d0;background:#ecfdf5;color:#047857}
.market-readiness-overall.has-missing{border-color:#fed7aa;background:#fff7ed;color:#c2410c}
.market-readiness-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:8px 14px 14px}
.market-readiness-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;margin:6px;padding:13px 14px;border:1px solid #e2e8f0;border-radius:11px;background:#fff}
.market-readiness-item.is-ready{border-color:#d1fae5;background:#fbfffd}
.market-readiness-item.has-missing{border-color:#ffedd5;background:#fffdfa}
.market-readiness-icon{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;font-size:14px;font-weight:900}
.market-readiness-item.is-ready .market-readiness-icon{background:#d1fae5;color:#047857}
.market-readiness-item.has-missing .market-readiness-icon{background:#ffedd5;color:#c2410c}
.market-readiness-copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.market-readiness-copy strong{color:#172033;font-size:12px;line-height:1.3}
.market-readiness-copy small{color:#64748b;font-size:10px;line-height:1.4}
.market-readiness-state{padding:4px 8px;border-radius:999px;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.market-readiness-item.is-ready .market-readiness-state{background:#dcfce7;color:#047857}
.market-readiness-item.has-missing .market-readiness-state{background:#ffedd5;color:#c2410c}
@media(max-width:820px){.market-readiness-list{grid-template-columns:1fr}.market-readiness-heading{align-items:flex-start;flex-direction:column}.market-readiness-summary{align-items:flex-start}}
@media(max-width:520px){.market-readiness-heading{padding:18px}.market-readiness-list{padding:7px}.market-readiness-item{grid-template-columns:32px minmax(0,1fr);padding:12px}.market-readiness-state{grid-column:2;justify-self:start}.market-readiness-summary{white-space:normal}}

/* Keeps the readiness panel polished while older compiled views are being replaced. */
.page-heading+.form-card .summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.page-heading+.form-card .summary-grid>div{display:grid;grid-template-columns:minmax(130px,.7fr) auto minmax(180px,1.3fr);gap:12px;align-items:center;min-height:58px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:11px;background:#fbfdff}
.page-heading+.form-card .summary-grid>div>span{color:#172033;font-size:12px;font-weight:750}
.page-heading+.form-card .summary-grid>div>strong{padding:4px 8px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.page-heading+.form-card .summary-grid>div>strong:first-letter{text-transform:uppercase}
.page-heading+.form-card .summary-grid>div>small{color:#64748b;font-size:10px;line-height:1.45}
@media(max-width:900px){.page-heading+.form-card .summary-grid{grid-template-columns:1fr}}
@media(max-width:560px){.page-heading+.form-card .summary-grid>div{grid-template-columns:1fr auto}.page-heading+.form-card .summary-grid>div>small{grid-column:1/-1}}
.product-detail-colors{grid-column:span 2}
@media(max-width:1050px){.product-detail-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}.product-detail-colors{grid-column:span 2}}
@media(max-width:720px){.product-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.product-detail-colors{grid-column:1/-1}}
@media(max-width:440px){.product-detail-grid{grid-template-columns:1fr}.product-detail-colors{grid-column:auto}}
.product-package-card{padding:18px;border:1px solid #d8e2f0;border-radius:14px;background:#f8fafc}.product-package-card .section-heading{margin-bottom:14px}.product-package-card h3{margin:0 0 4px}.package-recipe-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:14px 0 9px}.package-recipe-head span,.package-recipe-total{color:#667085;font-size:12px}.package-recipe-list{display:grid;gap:8px}.package-recipe-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.45fr) auto;align-items:end;gap:10px;padding:10px;border:1px solid #dce4f0;border-radius:11px;background:#fff}.package-recipe-row label{display:grid;gap:5px}.package-recipe-row label>span{font-size:11px;font-weight:800}.package-recipe-actions{display:flex;gap:6px}.package-recipe-actions button{width:40px;height:40px;border:1px solid #bfd2f3;border-radius:9px;background:#eff5ff;color:#155eef;font-size:19px;font-weight:800;cursor:pointer}.package-recipe-actions button:last-child{border-color:#fecaca;background:#fff1f2;color:#dc2626}.package-recipe-actions button:disabled{opacity:.4}.package-recipe-footer{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid #dce4f0}.package-recipe-total{margin:0;text-align:right}.package-recipe-total strong{color:#101828;font-size:14px}.package-save-button{min-width:148px;height:40px;margin:0}@media(max-width:700px){.package-recipe-row{grid-template-columns:1fr 1fr}.package-recipe-actions{grid-column:1/-1;justify-content:flex-end}.package-recipe-head{display:grid}.package-recipe-footer{align-items:stretch;flex-direction:column}.package-recipe-total{text-align:left}.package-save-button{width:100%}}
.web-order-settings-card{border-color:#c9d9f4}.web-order-master-switch{margin:0;padding:16px 18px;border:1px solid #c9d9f4;border-radius:12px;background:#f5f8ff}.web-order-settings-card.is-enabled{border-color:#9dbcf4;box-shadow:0 8px 24px rgba(21,94,239,.06)}.web-order-settings-card.is-enabled .web-order-master-switch{border-color:#8fb4f5;background:#eef4ff}.web-order-settings-body{display:grid;gap:18px;margin:18px 0 0;padding:18px;border:0;border-top:1px solid #dce5f2;min-width:0}.web-order-settings-body[aria-disabled="true"]{opacity:.5}.web-order-settings-body[aria-disabled="true"] .product-package-card{background:#f3f5f8}.web-order-settings-body>.field{max-width:760px}.web-order-settings-body .product-package-card{width:100%}
.package-recipe-total{margin-top:12px;padding:10px 12px;border:1px solid #dce4f0;border-radius:9px;background:#fff}.package-recipe-total span{margin-left:8px;font-weight:800}.package-recipe-total.is-valid{border-color:#86efac;background:#f0fdf4;color:#047857}.package-recipe-total.is-invalid{border-color:#fca5a5;background:#fff7f7;color:#b42318}
.series-color-options{max-height:180px;overflow:auto;padding:10px;border:1px solid #dce4f0;border-radius:10px;background:#fff}
.delivery-line-meta {
    align-items: start;
    display: grid;
    gap: .3rem;
    margin-top: .35rem;
    min-width: 0;
}

.delivery-line-meta small {
    display: block;
    margin: 0;
    overflow-wrap: anywhere;
    white-space: normal;
}

/* Depo stokları: ürün kimliği alanlarının tamamı detay kartına gider. */
.stock-product-link{color:inherit;text-decoration:none}
.stock-product-link:hover,.stock-product-link:focus-visible{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
.market-identity-card{padding:24px}.market-identity-heading{align-items:center;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #e4eaf2}.market-store-link{gap:7px;white-space:nowrap}.market-identity-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px 20px}.market-publish-toggle{grid-column:span 4;display:flex;align-items:center;gap:12px;min-height:76px;padding:15px 16px;border:1px solid #cfe0f7;border-radius:12px;background:#f7faff;cursor:pointer}.market-publish-toggle>input{position:absolute;opacity:0;pointer-events:none}.market-publish-toggle>span:last-child{display:grid;gap:3px}.market-publish-toggle strong{font-size:13px}.market-publish-toggle small{color:#64748b;font-size:10px;line-height:1.4}.market-toggle-track{position:relative;flex:0 0 42px;width:42px;height:24px;border-radius:999px;background:#b7c2d2;transition:.18s}.market-toggle-track:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(15,23,42,.25);transition:.18s}.market-publish-toggle input:checked+.market-toggle-track{background:#2563eb}.market-publish-toggle input:checked+.market-toggle-track:after{transform:translateX(18px)}.market-publish-toggle:focus-within{outline:3px solid #bfdbfe;outline-offset:2px}.market-name-field{grid-column:span 8}.market-slug-field{grid-column:span 8}.market-color-field{grid-column:span 4}.market-logo-field{grid-column:1/-1}.market-url-input{display:flex;overflow:hidden;border:1px solid var(--border);border-radius:9px;background:#fff}.market-url-input:focus-within{border-color:#75a6f6;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.market-url-input>span{display:flex;align-items:center;padding:0 12px;border-right:1px solid var(--border);background:#f4f7fb;color:#52637a;font-size:12px;font-weight:750}.market-url-input input{min-width:0;border:0!important;border-radius:0!important;box-shadow:none!important}.market-color-control{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:7px 10px;border:1px solid var(--border);border-radius:9px;background:#fff;cursor:pointer}.market-color-control:hover{border-color:#9bb8e4;background:#fbfdff}.market-color-control:focus-within{border-color:#75a6f6;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.market-color-control input[type="color"]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.market-color-swatch{display:block;width:34px;height:34px;border:4px solid #fff;border-radius:9px;box-shadow:0 0 0 1px #ccd6e4,0 2px 5px rgba(15,23,42,.12)}.market-color-copy{display:grid;min-width:0;gap:1px}.market-color-control output{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:800}.market-color-copy small{color:#7a8799!important;font-size:9px!important;font-weight:600}.market-color-action{color:#2563eb;font-size:10px;font-weight:800;white-space:nowrap}.market-logo-upload{position:relative;display:flex;align-items:center;gap:12px;min-height:70px;padding:13px 15px;border:1px dashed #aebed3;border-radius:11px;background:#f8fafc;cursor:pointer}.market-logo-upload:hover{border-color:#73a1eb;background:#f3f7ff}.market-logo-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.market-logo-upload>span:last-child{display:grid;gap:3px}.market-logo-upload strong{overflow:hidden;max-width:620px;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.market-logo-upload small,.market-logo-preserved{color:#64748b;font-size:10px}.market-logo-icon{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border-radius:9px;background:#e8f1ff;color:#2563eb;font-size:18px;font-weight:850}.market-logo-preserved{color:#087852!important}@media(max-width:900px){.market-publish-toggle,.market-name-field,.market-slug-field,.market-color-field{grid-column:1/-1}}@media(max-width:600px){.market-identity-card{padding:18px}.market-identity-heading{align-items:stretch;flex-direction:column}.market-store-link{width:100%}.market-identity-grid{grid-template-columns:1fr;gap:15px}.market-color-control{grid-template-columns:34px minmax(0,1fr) auto}.market-url-input>span{padding:0 9px}.market-logo-upload strong{max-width:210px}}
.stock-product-name-link{font-weight:750}
.stock-warehouse-link{color:inherit;text-decoration:none}.stock-warehouse-link:hover{color:var(--blue-600);text-decoration:underline}.stock-alert-warning>td{background:#ffe4ad!important}.stock-alert-danger>td{background:#ffc9c5!important}.stock-alert-warning:hover>td{background:#ffd78a!important}.stock-alert-danger:hover>td{background:#ffaaa4!important}.clickable-data-row{cursor:pointer}.clickable-data-row:focus-visible{outline:2px solid var(--blue-500);outline-offset:-2px}
.stock-movement-filters{display:flex;align-items:center;gap:12px}.stock-movement-filters select{min-width:220px}.stock-movement-filters input{min-width:280px}@media(max-width:720px){.stock-movement-filters{width:100%;flex-direction:column;align-items:stretch}.stock-movement-filters select,.stock-movement-filters input{width:100%;min-width:0}}
.dashboard-critical-stock-card{grid-column:span 2;display:grid;grid-template-columns:minmax(130px,.42fr) minmax(260px,1.58fr);gap:16px;align-items:stretch}.dashboard-critical-stock-summary{display:flex;flex-direction:column}.dashboard-critical-stock-summary>strong{font-size:1.65rem;margin:6px 0}.dashboard-critical-stock-list{display:flex;flex-direction:column;max-height:126px;overflow:auto;padding:0 4px 0 16px;border-left:1px solid #e3eaf3}.dashboard-critical-stock-list>p{margin:auto 0;color:var(--slate-500)}.dashboard-critical-stock-list>a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:6px 2px;border-bottom:1px solid #edf1f6;color:inherit;text-decoration:none}.dashboard-critical-stock-list>a:last-child{border-bottom:0}.dashboard-critical-stock-list>a:hover{background:#f7faff}.dashboard-critical-stock-list a span{min-width:0;display:flex;flex-direction:column}.dashboard-critical-stock-list a b,.dashboard-critical-stock-list a small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-critical-stock-list a b{font-size:12px}.dashboard-critical-stock-list a small{font-size:10.5px}.metric-card .dashboard-critical-stock-list a>strong{font-size:13px;line-height:1.2;white-space:nowrap}.critical-stock-low{color:#a85b00!important}.critical-stock-zero{color:#b42318!important}@media(max-width:900px){.dashboard-critical-stock-card{grid-column:1/-1}}@media(max-width:620px){.dashboard-critical-stock-card{grid-template-columns:1fr}.dashboard-critical-stock-list{max-height:210px;padding:8px 0 0;border-left:0;border-top:1px solid #e3eaf3}.dashboard-critical-stock-list>a{align-items:flex-start;flex-direction:column;gap:3px}}
.stock-product-image-link{display:inline-flex;border-radius:9px}
.stock-product-image-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.detail-conversion, .table-conversion { display: block; margin-top: 4px; color: var(--muted); font-size: 11px; font-weight: 650; }
.warehouse-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.warehouse-value-grid article{display:grid;gap:8px;padding:22px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,#fff,#f3f8f5);box-shadow:0 12px 28px rgba(15,35,28,.06)}.warehouse-value-grid span{color:var(--muted);font-size:13px;font-weight:700}.warehouse-value-grid strong{font-size:28px}.warehouse-value-grid small{color:#167052;font-weight:800}.warehouse-stock-card{margin-top:18px}.table-subtitle{display:block;margin-top:4px;color:var(--muted)}@media(max-width:900px){.warehouse-value-grid{grid-template-columns:1fr}}
.cash-movement-table .cash-related-party-column { min-width: 150px; max-width: 210px; }
.cash-movement-table .cash-description-column { width: 190px; max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.table-cell-meta {
    display: block;
    margin-top: .2rem;
    color: var(--muted);
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.25;
}

/* Market orders: readable filters, payment overview and compact table. */
.market-order-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
.market-order-metrics>div{padding:20px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:9px}
.market-order-metrics span{color:#64748b;font-size:12px;font-weight:650}
.market-order-metrics strong{color:#0f3542;font-size:clamp(18px,2vw,25px);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.market-orders-card .b2c-order-filter{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;flex-wrap:wrap}
.market-orders-card .b2c-order-filter-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1;justify-content:flex-end;min-width:0}
.market-orders-card input[type=search]{flex:1;min-width:180px;max-width:380px}
.market-orders-card .compact-input{min-height:42px}
.market-orders-card table td{vertical-align:middle;padding-top:18px;padding-bottom:18px}
.market-orders-card td small{display:block;color:#64748b;margin-top:5px;font-size:12px}
.market-orders-card .numeric{font-variant-numeric:tabular-nums;white-space:nowrap}
.market-integration-state{display:inline-block;padding:5px 9px;border-radius:8px;background:#f1f5f9;color:#475569;font-size:12px}
@media(max-width:800px){.market-order-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.market-orders-card .b2c-order-filter-actions{width:100%;justify-content:flex-start}.market-orders-card input[type=search]{max-width:none}}
@media(max-width:420px){.market-order-metrics{gap:8px}.market-order-metrics>div{padding:14px}.market-orders-card .b2c-order-filter-actions>*{width:100%;max-width:none}.market-orders-card input[type=search]{min-width:0}}

.market-shopier-settings{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}
.market-shopier-settings h3{margin:0;font-size:18px}

/* Merchant payment callback labels must wrap on narrow settings screens. */
#b2c-settings .field > label { white-space: normal; overflow-wrap: anywhere; }

/* Market order details: keep wide payment tables inside their cards. */
.market-order-detail { min-width: 0; }
.market-order-detail .page-heading h1 { overflow-wrap: anywhere; }
.market-order-detail .form-card { min-width: 0; }
.market-order-detail .table-card { max-width: 100%; overflow-x: auto; }

/* Compact sales invoice detail rows; keep identifiers readable without adding columns. */
.invoice-detail-lines th,.invoice-detail-lines td { padding:10px 9px; }
.invoice-detail-lines th { letter-spacing:.025em; }
.invoice-detail-lines tbody td { vertical-align:top; }
.invoice-detail-lines tbody td:not(:first-child) { white-space:nowrap; }
.invoice-detail-lines .invoice-detail-product { min-width:220px; max-width:340px; }
.invoice-detail-product-name { display:block; margin-bottom:5px; overflow-wrap:anywhere; }
.invoice-detail-product-codes { display:flex; flex-wrap:wrap; gap:3px 12px; color:var(--muted); font-size:11px; line-height:1.5; }
.invoice-detail-product-codes > span { overflow-wrap:anywhere; }
.invoice-detail-product-codes .invoice-detail-supplier-code { color:#b91c1c; }
.invoice-detail-lines tfoot td { vertical-align:top; line-height:1.5; }

.financial-visibility-toggle { display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; width:26px; min-width:26px; height:26px; padding:4px; margin-left:3px; border:0; border-radius:5px; background:transparent; color:var(--muted); box-shadow:none; }
.financial-visibility-toggle:hover { background:#e8eef8; color:#245ff4; }
.financial-visibility-toggle:focus-visible { outline:2px solid #245ff4; outline-offset:2px; }
.financial-visibility-toggle[aria-pressed="true"] .financial-eye-slash { display:none; }
[data-financial-mask] { letter-spacing:.1em; }
[data-financial-value][hidden], [data-financial-mask][hidden] { display:none!important; }