.cash-position-page .cash-position-all-grid dl{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.cash-position-page .cash-position-all-grid dl>div+div{border-left:1px solid var(--border)!important}

:root {
    --ink: #18212f;
    --muted: #6f7886;
    --line: #e5e9ef;
    --surface: #ffffff;
    --canvas: #f5f7fa;
    --nav: #121826;
    --nav-soft: #1d2637;
    --primary: #6656d9;
    --primary-dark: #5142bd;
    --success: #20a774;
    --warning: #f19a3e;
    --danger: #df5b64;
    --font-ui: "Manrope", "Segoe UI Variable", "Segoe UI", Arial, sans-serif;
    --font-mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
    font-family: var(--font-ui);
    color: var(--ink);
    background: var(--canvas);
}

.category-tree{display:grid;gap:6px;margin:12px 0 18px}.category-tree-item{display:flex;align-items:center;gap:10px;min-height:46px;padding:7px 12px 7px calc(12px + var(--category-depth)*24px);border:1px solid #dfe8f3;border-radius:9px;background:#fff}.category-tree-item>span:last-child{display:grid;gap:2px}.category-tree-item strong{font-size:13px;color:#172b4d}.category-tree-item small{font-size:10px;color:#7b8da6}.category-tree-branch{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#edf5ff;color:#2878e8}.category-definition-form{margin-top:14px;padding-top:16px;border-top:1px solid #e3ebf5}.category-definition-form .form-field:nth-child(2){min-width:320px}
.product-image-column{width:64px;text-align:center}.product-list-image-cell{width:64px;padding:6px 8px!important}.product-list-image{display:grid;place-items:center;width:44px;height:44px;overflow:hidden;border:1px solid #dce6f2;border-radius:9px;background:#f4f7fb;text-decoration:none}.product-list-image img{width:100%;height:100%;object-fit:cover;display:block}.product-list-no-image{display:grid;place-items:center;width:100%;height:100%;color:#9aabc0;font-size:17px;background:linear-gradient(135deg,#f7f9fc,#edf2f7)}.product-list-image:hover{border-color:#78aef4;box-shadow:0 0 0 2px rgba(40,120,232,.1)}
.variant-property-summary{display:flex;align-items:center;gap:7px;margin:0 0 12px;padding:8px 10px;border-radius:9px;background:#f4f8fd;color:#71839b;font-size:11px}.variant-property-summary strong{padding:4px 9px;border:1px solid #cfe0f4;border-radius:999px;background:#fff;color:#31597f;font-size:11px}.variant-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);gap:14px}.variant-existing,.variant-builder{padding:14px;border:1px solid #dce6f2;border-radius:12px;background:#fbfdff}.variant-builder{background:#f7faff}.variant-section-title{display:flex;justify-content:space-between;margin-bottom:12px}.variant-section-title div{display:grid;gap:2px}.variant-section-title strong{font-size:13px}.variant-section-title small{font-size:10px;color:#8191a7}.variant-card-list{display:grid;gap:8px}.variant-card{position:relative;display:grid;grid-template-columns:minmax(130px,.55fr) 1fr auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid #dfe8f3;border-radius:10px;background:#fff}.variant-card>div:first-child{display:grid;gap:2px}.variant-card>div:first-child strong{font-size:12px}.variant-card>div:first-child small{font-size:10px;color:#8292a8}.variant-value-chips{display:flex;flex-wrap:wrap;gap:6px}.variant-value-chips span{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:7px;background:#eef5ff;color:#225d9f;font-size:11px;font-weight:600}.variant-value-chips small{color:#7890aa;font-size:9px;text-transform:uppercase}.variant-remove{display:grid;place-items:center;width:28px;height:28px;border:1px solid #ffd2d7;border-radius:8px;background:#fff6f7;color:#d94455}.variant-identity-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.variant-attribute-heading{display:flex;align-items:center;justify-content:space-between;margin:14px 0 7px}.variant-attribute-heading strong{font-size:12px}.variant-attribute-heading button{border:0;background:transparent;color:#2476df;font-size:11px;font-weight:700}.variant-attribute-rows{display:grid;gap:7px}.variant-attribute-row{display:grid;grid-template-columns:1fr 1fr 30px;align-items:end;gap:7px}.variant-attribute-row .form-field{gap:3px}.variant-attribute-row>button{height:36px;border:1px solid #f2d3d7;border-radius:7px;background:#fff;color:#d34b5a}.variant-create-button{width:100%;margin-top:12px}.product-capability-empty.compact{min-height:100px}@media(max-width:1000px){.variant-workspace{grid-template-columns:1fr}}@media(max-width:620px){.variant-identity-fields{grid-template-columns:1fr}.variant-card{grid-template-columns:1fr auto}.variant-value-chips{grid-column:1/-1}.variant-attribute-row{grid-template-columns:1fr 1fr 30px}}
.product-stock-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:13px}.product-stock-summary article{display:grid;gap:4px;padding:13px 15px;border:1px solid #dfe8f3;border-radius:10px;background:#fbfdff}.product-stock-summary span{font-size:10px;color:#75869d}.product-stock-summary strong{font-size:19px;color:#172b4d}.product-stock-summary .available{border-color:#bfe8d8;background:#f1fbf7}.product-stock-summary .available strong{color:#008a62}.product-stock-summary .attention{border-color:#f4cf8f;background:#fff9ed}.product-stock-summary .attention strong{color:#b86b00}.stock-section-tabs{display:flex;align-items:center;gap:5px;margin-bottom:10px;border-bottom:1px solid #dfe7f1}.stock-section-tabs button,.stock-section-tabs a{padding:9px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#647990;font-size:11px;font-weight:700;text-decoration:none}.stock-section-tabs button.is-active{border-bottom-color:#2878e8;color:#1768cf}.product-stock-table{overflow:auto;border:1px solid #dfe7f1;border-radius:10px}.product-stock-table table{width:100%;border-collapse:collapse}.product-stock-table th{padding:9px 12px;background:#f5f8fc;color:#71839a;font-size:9px;text-align:left;text-transform:uppercase}.product-stock-table td{padding:11px 12px;border-top:1px solid #e6edf5;font-size:11px}.product-stock-table td:first-child i{margin-right:7px;color:#6e8cad}.stock-state{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:700}.stock-state.ready{background:#e7f8f1;color:#00875f}.stock-state.critical{background:#fff4dc;color:#a96400}.stock-state.minimum{background:#ffead8;color:#b34800}.stock-state.empty{background:#fff0f1;color:#c73747}.stock-level-row-critical td{background:#fffdf8}.stock-level-row-minimum td{background:#fff9f4}.stock-level-row-empty td{background:#fffafb}.warehouse-rule-mark{display:inline-flex;margin-left:7px;padding:2px 5px;border-radius:8px;background:#eaf2fc;color:#4c6f96;font-size:7px;font-weight:700}.stock-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}@media(max-width:760px){.product-stock-summary{grid-template-columns:1fr 1fr}}
.stock-panel-heading,.stock-heading-actions,.stock-panel-footer,.stock-policy-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.stock-heading-actions{flex-wrap:wrap}.product-stock-workspace .product-stock-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stock-matrix-total td{background:#f7faff;color:#455d78;font-weight:700}.stock-quantity-in{color:#00875f}.stock-quantity-out{color:#d04454}.stock-panel-footer{justify-content:flex-end;margin-top:12px}.stock-policy-shell{display:grid;gap:12px}.stock-policy-switch-grid,.stock-policy-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stock-policy-footer{padding-top:12px;border-top:1px solid #e1e9f2;color:#6f8197;font-size:10px}.inventory-transfer-line{grid-template-columns:auto minmax(210px,1.2fr) minmax(210px,1fr) minmax(100px,.45fr) auto}.form-field select:disabled{background:#f2f5f9;color:#8a98aa;cursor:not-allowed}@media(max-width:900px){.stock-panel-heading{align-items:flex-start;flex-direction:column}.stock-policy-switch-grid,.stock-policy-columns{grid-template-columns:1fr}.inventory-transfer-line{grid-template-columns:auto 1fr}.inventory-transfer-line .line-remove{grid-column:2}}
.stock-policy-editor{padding:14px;border:1px solid #dfe7f1;border-radius:11px;background:#fbfdff}.stock-policy-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.stock-policy-heading>div{display:grid;gap:2px}.stock-policy-heading strong{font-size:13px}.stock-policy-heading small{font-size:10px;color:#7d8da3}.stock-policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stock-policy-switch{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dce6f2;border-radius:9px;background:#fff}.stock-policy-switch>input[type=checkbox]{width:16px;height:16px}.stock-policy-switch>span{display:grid;gap:2px}.stock-policy-switch strong{font-size:11px}.stock-policy-switch small{font-size:9px;color:#8090a5}.stock-tracking-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e3ebf4}.stock-tracking-options label{display:flex;gap:8px;padding:10px;border:1px solid #e0e8f2;border-radius:9px;background:#fff}.stock-tracking-options span{display:grid;gap:2px}.stock-tracking-options strong{font-size:10px}.stock-tracking-options small{font-size:9px;color:#8493a7}@media(max-width:900px){.stock-policy-grid{grid-template-columns:1fr 1fr}.stock-tracking-options{grid-template-columns:1fr 1fr}}@media(max-width:560px){.stock-policy-grid,.stock-tracking-options{grid-template-columns:1fr}.stock-policy-heading{align-items:flex-start;gap:10px}}
.stock-panel-heading{margin-bottom:10px}.stock-policy-switch{justify-content:space-between;min-height:58px}.stock-policy-switch>span:nth-of-type(1){margin-right:auto}.stock-toggle-control{position:relative!important;display:block!important;flex:0 0 38px;width:38px;height:22px}.stock-toggle-control input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.stock-toggle-control i{position:absolute;inset:0;border-radius:999px;background:#c9d4e2;transition:.18s}.stock-toggle-control i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(25,45,70,.25);transition:.18s}.stock-toggle-control input:checked+i{background:#2878e8}.stock-toggle-control input:checked+i:after{transform:translateX(16px)}.stock-toggle-control input:focus-visible+i{box-shadow:0 0 0 3px rgba(40,120,232,.18)}.stock-number-input{-moz-appearance:textfield}.stock-number-input::-webkit-inner-spin-button,.stock-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stock-policy-select{appearance:none!important;-webkit-appearance:none!important;padding-right:40px!important;background-color:#fff!important;background-image:linear-gradient(45deg,transparent 50%,#617892 50%),linear-gradient(135deg,#617892 50%,transparent 50%),linear-gradient(to left,#eef3f8,#eef3f8)!important;background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%,100% 0!important;background-size:5px 5px,5px 5px,38px 100%!important;background-repeat:no-repeat!important;cursor:pointer}.stock-tracking-options label{align-items:center;justify-content:space-between;min-height:58px}.stock-tracking-options label>span:nth-of-type(1){margin-right:auto}
.stock-policy-editor .form-field{min-width:0}.stock-policy-editor .form-field>input.stock-number-input,.stock-policy-editor .form-field>select.stock-policy-select{box-sizing:border-box;width:100%!important;height:38px!important;min-height:38px!important;margin:0!important;padding-top:0!important;padding-bottom:0!important;border:1px solid #ced9e7!important;border-radius:8px!important;font-size:12px!important;line-height:38px!important}.stock-policy-editor .form-field>input.stock-number-input:focus,.stock-policy-editor .form-field>select.stock-policy-select:focus{border-color:#4c8ee8!important;box-shadow:0 0 0 3px rgba(40,120,232,.1)!important;outline:0}.stock-policy-grid{align-items:end}.stock-policy-grid>.stock-policy-switch{align-self:stretch}.stock-policy-editor .form-field>label{min-height:14px;margin-bottom:5px}
.stock-policy-editor{display:grid;gap:12px;padding:16px}.stock-policy-heading{margin:0}.stock-policy-group{padding:13px;border:1px solid #e0e8f2;border-radius:10px;background:#fff}.stock-policy-group-title{display:flex;align-items:center;gap:9px;margin-bottom:11px}.stock-policy-group-title>i{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#edf5ff;color:#2878e8}.stock-policy-group-title>span{display:grid;gap:1px}.stock-policy-group-title strong{font-size:11px}.stock-policy-group-title small{font-size:9px;color:#8494a8}.stock-policy-switch-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stock-policy-two-column{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stock-policy-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:start}.stock-policy-fields .form-field{display:grid;grid-template-rows:auto 38px auto;align-content:start}.stock-field-error{min-height:14px;margin-top:4px;color:#d64354!important;font-size:9px!important}.stock-policy-fields .form-field.is-invalid input{border-color:#e35c69!important;background:#fffafb!important}.stock-tracking-options{margin:0;padding:0;border:0}.stock-policy-footer{display:flex;align-items:center;justify-content:space-between;padding-top:2px}.stock-policy-footer>span{color:#77899f;font-size:9px}.stock-policy-footer>span i{margin-right:5px;color:#2878e8}@media(max-width:1100px){.stock-policy-two-column{grid-template-columns:1fr}}@media(max-width:720px){.stock-policy-switch-grid,.stock-policy-fields{grid-template-columns:1fr}.stock-policy-footer{align-items:flex-start;flex-direction:column;gap:10px}.stock-policy-footer button{width:100%}}
.warehouse-level-section{margin-top:14px;border:1px solid #dbe5f0;border-radius:10px;overflow:hidden;background:#fff}.warehouse-level-heading{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:#f7faff;border-bottom:1px solid #dbe5f0}.warehouse-level-heading>span{display:flex;align-items:center;gap:9px}.warehouse-level-heading>span>i{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#e9f3ff;color:#2378e8}.warehouse-level-heading>span>span{display:grid}.warehouse-level-heading strong{font-size:11px}.warehouse-level-heading small{font-size:9px;color:#7c8da3}.warehouse-level-heading em{padding:4px 8px;border-radius:12px;background:#eaf2fc;color:#456584;font-size:9px;font-style:normal}.warehouse-level-grid-head,.warehouse-level-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(140px,1fr) repeat(3,minmax(95px,.55fr)) 82px;gap:9px;align-items:center}.warehouse-level-grid-head{padding:8px 14px;background:#f1f5fa;color:#71839a;font-size:8px;font-weight:700;text-transform:uppercase}.warehouse-level-row{padding:8px 14px;border-top:1px solid #e4ebf3}.warehouse-level-row:first-of-type{border-top:0}.warehouse-level-name{display:flex;align-items:center;gap:8px;color:#263b53}.warehouse-level-name>i{color:#3b86e8}.warehouse-level-variant{color:#58708a;font-size:10px}.warehouse-level-row label{display:grid;gap:3px}.warehouse-level-row label small{display:none;color:#70839a;font-size:8px}.warehouse-level-row input{width:100%;height:34px;padding:0 9px;border:1px solid #cfdbea;border-radius:7px;background:#fff}.warehouse-level-save{height:34px;padding:0 10px;font-size:9px}.warehouse-level-empty{padding:18px;color:#71839a;text-align:center}@media(max-width:1050px){.warehouse-level-grid-head{display:none}.warehouse-level-row{grid-template-columns:1fr 1fr repeat(3,minmax(90px,1fr)) 75px}.warehouse-level-row label small{display:block}}@media(max-width:760px){.warehouse-level-row{grid-template-columns:1fr 1fr}.warehouse-level-row label,.warehouse-level-save{grid-column:auto}.warehouse-level-save{width:100%}}

html,
body,
button,
input,
select,
textarea,
.k-widget,
.k-input,
.select2-container,
.dataTables_wrapper {
    font-family: var(--font-ui);
}

/* Ortak açılır liste standardı: uygulamadaki bütün yerel select alanları. */
select:not([multiple]) {
    box-sizing: border-box;
    width: 100%;
    min-height: 38px;
    height: 38px;
    padding: 0 38px 0 11px;
    border: 1px solid var(--border, #d7e1ec);
    border-radius: 8px;
    color: #25364a;
    background:
        linear-gradient(45deg, transparent 50%, #718298 50%) calc(100% - 18px) 50%/5px 5px no-repeat,
        linear-gradient(135deg, #718298 50%, transparent 50%) calc(100% - 13px) 50%/5px 5px no-repeat,
        #fff;
    font-size: 12px;
    line-height: 36px;
    appearance: none;
}
select:not([multiple]):hover { border-color: #b9c9dc; }
select:not([multiple]):focus {
    outline: 0;
    border-color: #287df0;
    box-shadow: 0 0 0 3px rgb(40 125 240 / 12%);
}
select:not([multiple]):disabled { color: #8996a6; background-color: #f4f7fa; cursor: not-allowed; }

/* Koşullu e-belge alanları da ortak form ve dropdown standardını kullanır. */
.einvoice-help { margin: -9px 0 16px; color: #7b8999; font-size: 10px; }
.einvoice-card [data-einvoice-fields] { transition: opacity .18s ease; }
.einvoice-card [data-einvoice-fields].is-disabled { opacity: .5; }
.einvoice-card [data-einvoice-fields] select { appearance: none; }

h1,
h2,
h3,
h4,
h5,
h6,
.brand strong,
.sidebar-nav a,
.primary-button,
.secondary-outline-button {
    font-family: var(--font-ui);
    letter-spacing: -.025em;
}

.technical-value,
.error-code,
.system-document-number,
code,
pre {
    font-family: var(--font-mono) !important;
}

/* Kendo UI Core is visually aligned with the TicariPlatform design tokens. */

/* DataTables, Select2 and Notify share the Backoffice visual language. */
.dt-container .dt-search input,
.dt-container .dt-length select,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    min-height: 40px;
    border: 1px solid var(--border, #dbe4f0);
    border-radius: 10px;
    background: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
    padding-left: 12px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px; }
.select2-dropdown { border-color: var(--border, #dbe4f0); border-radius: 10px; overflow: hidden; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background: #247cf0; }

.notifyjs-bootstrap-base {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 42px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background-image: none !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .18) !important;
    padding: 11px 14px !important;
    font-weight: 600 !important;
}
.notifyjs-bootstrap-base::before {
    display: grid;
    place-items: center;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    content: "\f05a";
    font-family: "Font Awesome 6 Free";
    font-size: 13px;
    font-weight: 900;
}
.notifyjs-bootstrap-success::before { content: "\f00c"; color: #087e61; background: rgb(8 126 97 / 12%); }
.notifyjs-bootstrap-error::before { content: "\f00d"; color: #c63f4d; background: rgb(198 63 77 / 12%); }
.notifyjs-bootstrap-warn::before { content: "\f071"; color: #a96813; background: rgb(169 104 19 / 12%); }
.notifyjs-bootstrap-info::before { content: "\f129"; color: #176fdc; background: rgb(23 111 220 / 12%); }

/* Kullanıcı dostu, Türkçe işlem onayı. Tarayıcının OK/Cancel penceresi kullanılmaz. */
.app-confirm-overlay{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:20px;background:rgb(15 23 42 / 42%);backdrop-filter:blur(3px)}
.app-confirm{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;width:min(460px,100%);padding:20px;border:1px solid #dce6f0;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgb(15 23 42 / 24%)}
.app-confirm-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#dc4f5c;background:#fff0f2;font-size:17px}
.app-confirm h2{margin:1px 0 6px;color:#17263a;font-size:16px}.app-confirm p{margin:0;color:#66778c;font-size:11px;line-height:1.55}
.app-confirm footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:5px}.app-confirm footer button{min-width:92px}

/* Application shell v2 */
.skip-link { position: fixed; z-index: 5000; top: 8px; left: 8px; padding: 10px 14px; border-radius: 9px; color: #fff; background: var(--primary); transform: translateY(-150%); transition: transform .15s; }
.skip-link:focus { transform: translateY(0); }
.sidebar-head { display: flex; align-items: center; justify-content: space-between; }
.sidebar-head .brand { min-width: 0; padding-bottom: 18px; }
.brand-copy { min-width: 0; }
.sidebar-close { display: none; width: 34px; height: 34px; border: 0; border-radius: 9px; color: #cbd3df; background: transparent; }
.sidebar-close:hover { color: #fff; background: var(--nav-soft); }
.sidebar-search { position: relative; }
.sidebar-search kbd { margin-left: auto; padding: 2px 5px; border: 1px solid #354157; border-radius: 5px; color: #7e8ba1; background: #1b2435; font: 9px/1.2 inherit; }
.main-nav [aria-current="page"] { color: #fff; background: #263349; }
.main-nav [aria-current="page"] .nav-icon { color: #fff; background: var(--primary); }
.nav-submenu a[aria-current="page"] { color: #fff; background: #25334a; box-shadow: inset 2px 0 0 var(--primary); }
.sidebar-backdrop { display: none; }
.breadcrumb-line { display: flex; align-items: center; gap: 7px; color: #8995a7; font-size: 11px; }
.breadcrumb-line a { display: inline-flex; align-items: center; gap: 5px; }
.breadcrumb-line a:hover { color: var(--primary); }
.topbar-actions { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.topbar-actions .environment { margin-left: 0; }
.topbar-icon { position: relative; }
.notification-dot { position: absolute; top: 6px; right: 6px; width: 6px; height: 6px; border: 2px solid #fff; border-radius: 50%; background: var(--danger); }
.user-menu-toggle { display: flex; align-items: center; gap: 9px; max-width: 420px; min-height: 44px; padding: 4px 6px; border: 0; border-radius: 9px; color: var(--ink); background: transparent; }
.user-menu-toggle:hover,.user-menu-toggle[aria-expanded="true"] { background: #f2f6fb; }
.avatar--small { width: 34px; height: 34px; border-radius: 50%; color:#176dcc; background: #e9f3ff; box-shadow:inset 0 0 0 1px #d9e8fa; }
.user-menu-identity{display:grid;min-width:0;max-width:320px;text-align:left;line-height:1.15}.user-menu-identity strong,.user-menu-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-identity strong{color:#27394e;font-size:11px;font-weight:750}.user-menu-identity small{margin-top:3px;color:#7e8ea2;font-size:8px;font-weight:550}
.user-menu-toggle > .bi-chevron-down { color: #8793a6; font-size: 10px; }
.user-menu .dropdown-menu { min-width: 300px; max-width:380px; margin-top: 8px !important; padding: 8px; border-color: var(--line); border-radius: 12px; box-shadow: 0 18px 45px rgb(24 33 47 / 14%); }
.user-menu-summary { display: grid; gap: 3px; min-width: 0; padding: 8px 10px; }
.user-menu-summary small { overflow: hidden; color: var(--muted); font-size: 10px; white-space: nowrap; text-overflow: ellipsis; }
.user-menu-summary span{overflow:hidden;margin-top:3px;color:#344960;font-size:9px;font-weight:700;line-height:1.35;text-overflow:ellipsis}
.user-menu .dropdown-item { display: flex; align-items: center; gap: 9px; padding: 9px 10px; border-radius: 8px; font-size: 12px; }
.notification-region:empty { display: none; }

@media (max-width: 900px) {
    .sidebar { position: fixed; z-index: 1100; top: 0; bottom: 0; left: -300px; width: 284px; transition: left .2s ease; }
    .sidebar.open { left: 0; box-shadow: 20px 0 50px rgb(10 18 32 / 25%); }
    .sidebar-close { display: grid; place-items: center; }
    .sidebar-backdrop { position: fixed; z-index: 1090; inset: 0; width: 100%; height: 100%; border: 0; background: rgb(10 18 32 / 48%); opacity: 0; pointer-events: none; transition: opacity .2s; }
    .sidebar-visible .sidebar-backdrop { display: block; opacity: 1; pointer-events: auto; }
    .sidebar-visible { overflow: hidden; }
    .menu-button { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; color: #526176; background: #f3f7fc; }
    .topbar { height: 52px; }
    .environment, .user-menu-identity, .user-menu-toggle > .bi-chevron-down { display: none; }
    .user-menu-toggle { min-height: 38px; padding: 3px; border: 0; }
}

@media (max-width: 560px) {
    .topbar { gap: 9px; padding: 0 12px; }
    .topbar-title { min-width: 0; }
    .topbar-page-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .breadcrumb-line { display: none; }
    .topbar-actions { gap: 5px; }
    .page-content { padding: 15px 12px; }
}

/* Executive home v2 */
.executive-dashboard { display: grid; gap: 16px; }
.dashboard-commandbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(120deg, #fff 60%, #f4f8ff); box-shadow: 0 8px 28px rgb(24 33 47 / 4%); }
.dashboard-welcome h2 { margin: 4px 0 5px; color: #1f2d42; font-size: clamp(22px, 2vw, 29px); letter-spacing: -.7px; }
.dashboard-welcome p { margin: 0; color: var(--muted); font-size: 13px; }
.dashboard-commandbar__actions { display: flex; align-items: flex-end; gap: 12px; }
.dashboard-quick-actions { display: flex; align-items: center; gap: 6px; }
.dashboard-quick-actions a { display: inline-flex; align-items: center; gap: 7px; min-height: 39px; padding: 0 11px; border: 1px solid #d9e4f2; border-radius: 10px; color: #40536d; background: #fff; font-size: 11px; font-weight: 650; white-space: nowrap; }
.dashboard-quick-actions a:hover { color: #176bd5; border-color: #9fc5f7; background: #f5f9ff; }
.period-selector label { display: grid; gap: 3px; }
.period-selector label > span { padding-left: 2px; color: #8996a8; font-size: 8px; font-weight: 750; letter-spacing: .7px; text-transform: uppercase; }
.period-selector .btn { min-height: 38px; border-radius: 9px; font-size: 11px; white-space: nowrap; }
.dashboard-kpi { position: relative; display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 12px; align-items: start; min-height: 128px; padding: 18px; overflow: hidden; border: 1px solid var(--line); border-radius: 15px; background: #fff; box-shadow: 0 8px 25px rgb(24 33 47 / 4%); }
.dashboard-kpi::after { position: absolute; right: -20px; bottom: -35px; width: 90px; height: 90px; border-radius: 50%; background: var(--kpi-soft); content: ""; }
.dashboard-kpi__icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; color: var(--kpi); background: var(--kpi-soft); font-size: 18px; }
.dashboard-kpi small { display: block; color: var(--muted); font-size: 11px; }
.dashboard-kpi strong { display: block; margin: 10px 0 6px; font-size: clamp(18px, 1.5vw, 23px); font-variant-numeric: tabular-nums; letter-spacing: -.4px; white-space: nowrap; }
.dashboard-kpi strong em { color: #8491a3; font-size: 10px; font-style: normal; letter-spacing: .4px; }
.dashboard-kpi p { margin: 0; color: #8a96a7; font-size: 10px; }
.dashboard-kpi--sales { --kpi: #6656d9; --kpi-soft: #f0edff; }.dashboard-kpi--collection { --kpi: #159b70; --kpi-soft: #e9f8f2; }.dashboard-kpi--cashflow { --kpi: #247cf0; --kpi-soft: #eaf3ff; }.dashboard-kpi--position { --kpi: #e4872d; --kpi-soft: #fff2e6; }
.mini-balance-panel .balance-sheet dt { display: inline-flex; align-items: center; gap: 8px; }
.mini-balance-panel .balance-sheet dt i { color: #8090a5; }
.currency-badge { padding: 5px 8px; border-radius: 8px; color: #53637a; background: #f1f5fa; font-size: 10px; font-weight: 750; }
.due-panel { min-height: 330px; }
.dashboard-state { display: flex; align-items: center; gap: 16px; min-height: 150px; }
.dashboard-state__icon { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 15px; color: var(--primary); background: #efedff; font-size: 22px; }
.dashboard-state div { flex: 1; }.dashboard-state h3 { margin: 0 0 5px; }.dashboard-state p { margin: 0; color: var(--muted); }

@media (max-width: 1280px) {
    .dashboard-commandbar { align-items: stretch; flex-direction: column; }
    .dashboard-commandbar__actions { justify-content: space-between; }
}
@media (max-width: 820px) {
    .dashboard-commandbar__actions { align-items: stretch; flex-direction: column; }
    .dashboard-quick-actions { display: grid; grid-template-columns: repeat(3,1fr); }
    .dashboard-quick-actions a { justify-content: center; }
    .period-selector { display: grid; grid-template-columns: repeat(3,1fr); }
    .period-selector .btn { grid-column: 1/-1; }
}
@media (max-width: 520px) {
    .dashboard-commandbar { padding: 15px; }
    .dashboard-quick-actions { grid-template-columns: 1fr; }
    .period-selector { grid-template-columns: 1fr; }
    .dashboard-kpi { grid-template-columns: 36px minmax(0,1fr); min-height: 112px; padding: 15px; }
    .dashboard-kpi__icon { width: 36px; height: 36px; }
    .dashboard-state { align-items: flex-start; flex-wrap: wrap; }
}
.k-input-solid, .k-picker-solid, .k-dropdownlist, .k-numerictextbox { border-color: var(--line); border-radius: 9px; background: var(--surface); }
.k-input-solid:focus-within, .k-picker-solid:focus-within { border-color: var(--primary); box-shadow: 0 0 0 3px rgb(102 86 217 / 12%); }
.k-button-solid-primary { background-color: var(--primary); border-color: var(--primary); }
.k-popup, .k-dialog { border-radius: 12px; box-shadow: 0 18px 55px rgb(18 24 38 / 18%); }
.filter-field .k-dropdownlist, .filter-field .k-datepicker, .form-grid .k-dropdownlist, .form-grid .k-datepicker, .form-grid .k-numerictextbox { width: 100%; }

/* Executive dashboard */
.executive-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.executive-heading h2{margin:5px 0 6px;font-size:30px;letter-spacing:-.8px}.executive-heading p{margin:0;color:var(--muted)}
.period-selector{display:flex;align-items:end;gap:8px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 25px rgb(24 33 47 / 5%)}.period-selector .k-dropdownlist{width:130px}
.executive-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.executive-metrics article{position:relative;overflow:hidden;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 8px 28px rgb(24 33 47 / 5%)}.executive-metrics article::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--primary)}.executive-metrics article:nth-child(2)::before{background:var(--success)}.executive-metrics article:nth-child(3)::before{background:#2f80ed}.executive-metrics article:nth-child(4)::before{background:#f19a3e}.executive-metrics span,.executive-metrics small{display:block;color:var(--muted)}.executive-metrics strong{display:block;margin:12px 0 7px;font-size:23px}.positive{color:var(--success)!important}.negative{color:var(--danger)!important}
.finance-dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.span-four{grid-column:span 4}.span-six{grid-column:span 6}.span-eight{grid-column:span 8}.span-twelve{grid-column:span 12}
.chart-panel{min-height:370px}.chart-legend{display:flex;gap:15px;font-size:12px;color:var(--muted)}.chart-legend span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px}.chart-legend .sales::before,.bar.sales{background:#6656d9}.chart-legend .collections::before,.bar.collections{background:#20a774}.chart-legend .payments::before,.bar.payments{background:#f19a3e}
.bar-chart{height:275px;display:grid;grid-template-columns:repeat(12,minmax(30px,1fr));gap:10px;align-items:end;padding:25px 5px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 54px,#edf0f5 55px)}.bar-month{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bars{height:225px;width:100%;display:flex;align-items:end;justify-content:center;gap:3px}.bar{display:block;width:24%;min-height:2px;border-radius:5px 5px 1px 1px;transition:filter .2s}.bar:hover{filter:brightness(.85)}.bar-month>span{font-size:11px;color:var(--muted);text-transform:uppercase}
.balance-sheet{margin:8px 0 0}.balance-sheet div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}.balance-sheet dt{color:var(--muted)}.balance-sheet dd{margin:0;font-weight:700}.balance-sheet .subtotal{margin-top:4px;border-top:2px solid var(--line)}.balance-sheet .grand-total{margin-top:8px;padding:15px;border:0;border-radius:10px;background:#f1efff;color:var(--primary-dark)}
.hero-amount{display:block;font-size:27px;margin:16px 0 5px}.cash-flow-summary{margin-top:22px}.cash-flow-summary div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}
.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.account-grid a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px}.account-grid a:hover{border-color:var(--primary);background:#faf9ff}.account-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eef2ff;color:var(--primary);font-size:11px;font-weight:800}.account-grid small,.account-grid strong{display:block}.account-grid small{color:var(--muted);margin-bottom:3px}
.compact-grid .grid-head,.compact-grid>a{display:grid;grid-template-columns:minmax(0,1fr) 80px 120px;gap:12px;align-items:center;padding:11px 4px;border-bottom:1px solid var(--line)}.compact-grid .grid-head{font-size:11px;color:var(--muted);text-transform:uppercase}.compact-grid>a:hover{background:#fafbfc}.compact-grid b,.compact-grid small{display:block}.compact-grid small{color:var(--muted);margin-top:3px}.compact-grid>a>strong{text-align:right}.overdue{color:var(--danger);font-weight:700;font-size:12px}
.trend-table .trend-head,.trend-table>div{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:12px;padding:11px 8px;border-bottom:1px solid var(--line);text-align:right}.trend-table .trend-head{font-size:11px;color:var(--muted);text-transform:uppercase}.trend-table span:first-child{text-align:left}.trend-table>div:hover:not(.trend-head){background:#fafbfc}
@media(max-width:1100px){.executive-metrics{grid-template-columns:repeat(2,1fr)}.span-four,.span-six,.span-eight{grid-column:span 12}.account-grid{grid-template-columns:1fr}}@media(max-width:700px){.executive-heading{align-items:stretch;flex-direction:column}.period-selector{flex-wrap:wrap}.executive-metrics{grid-template-columns:1fr}.bar-chart{overflow-x:auto;grid-template-columns:repeat(12,42px)}.finance-dashboard-grid{display:block}.finance-dashboard-grid>.panel{margin-bottom:14px}}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { background: var(--canvas); }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button, input, select, textarea { font: inherit; }
.app-shell { display: grid; grid-template-columns: 268px minmax(0, 1fr); min-height: 100vh; }
.sidebar { position: sticky; top: 0; height: 100vh; background: var(--nav); color: #cbd3df; display: flex; flex-direction: column; padding: 22px 16px 16px; overflow-y: auto; }
.sidebar{width:284px}.app-shell{grid-template-columns:284px minmax(0,1fr)}
.nav-module{margin:3px 0;border-radius:11px}.nav-module summary{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:11px 10px;cursor:pointer;color:#d6dbea;font-size:14px;font-weight:650;list-style:none;border-radius:10px}.nav-module summary::-webkit-details-marker{display:none}.nav-module summary:hover,.nav-module[open] summary{background:var(--nav-soft);color:#fff}.nav-chevron{transition:transform .18s;color:#8792a8}.nav-module[open] .nav-chevron{transform:rotate(180deg)}
.nav-submenu{position:relative;margin:2px 0 7px 25px;padding:3px 0 3px 20px;border-left:1px solid #344055}.nav-submenu a{display:block;padding:8px 9px;border-radius:8px;color:#aeb8ca;font-size:13px}.nav-submenu a:hover{background:#252f42;color:#fff}.nav-group h2{margin-top:22px}
.brand { display: flex; align-items: center; gap: 12px; padding: 4px 10px 23px; }
.brand-mark { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; color: white; font-size: 14px; font-weight: 800; background: linear-gradient(140deg, #8374f0, #5242c3); box-shadow: 0 8px 24px rgb(85 65 196 / 30%); }
.brand strong, .brand small { display: block; }
.brand strong { color: white; letter-spacing: -.2px; }
.brand small { margin-top: 2px; color: #818da0; font-size: 11px; text-transform: uppercase; letter-spacing: 1.2px; }
.main-nav { flex: 1; }
.nav-group { margin-top: 22px; }
.nav-group h2 { margin: 0 12px 8px; color: #6f7b8f; font-size: 10px; line-height: 1; text-transform: uppercase; letter-spacing: 1.35px; }
.nav-item { display: flex; align-items: center; gap: 11px; min-height: 42px; margin: 3px 0; padding: 7px 11px; border-radius: 9px; font-size: 13px; transition: background .15s ease, color .15s ease; }
.nav-item:hover { color: white; background: var(--nav-soft); }
.nav-home { color: white; background: #262e41; }
.nav-icon { width: 25px; height: 25px; border-radius: 7px; display: grid; place-items: center; background: #252e40; color: #aeb9ca; font-size: 9px; font-weight: 800; letter-spacing: .4px; }
.nav-home .nav-icon { background: var(--primary); color: white; }
.sidebar-footer { display: grid; grid-template-columns: 34px minmax(0, 1fr) 30px; gap: 9px; align-items: center; padding: 14px 8px 2px; margin-top: 18px; border-top: 1px solid #2a3343; }
.avatar { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: #2b3750; color: white; text-transform: uppercase; font-weight: 700; }
.user-meta { min-width: 0; }
.user-meta strong, .user-meta small { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.user-meta strong { color: #e8edf5; font-size: 12px; }
.user-meta small { color: #6f7b8f; font-size: 9px; margin-top: 3px; }
.icon-button, .menu-button { border: 0; cursor: pointer; }
.icon-button { width: 30px; height: 30px; color: #8792a3; background: transparent; font-size: 19px; }
.workspace { min-width: 0; }
.topbar { height: 78px; display: flex; align-items: center; gap: 14px; padding: 0 34px; background: var(--surface); border-bottom: 1px solid var(--line); }
.topbar-page-title { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.1; letter-spacing: -.2px; }
.eyebrow { display: block; color: #8a93a0; font-size: 10px; font-weight: 700; letter-spacing: 1.15px; text-transform: uppercase; }
.environment { margin-left: auto; padding: 8px 12px; border: 1px solid var(--line); border-radius: 22px; color: var(--muted); font-size: 11px; }
.environment span { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--success); }
.menu-button { display: none; background: transparent; font-size: 22px; }
.page-content { width: min(1460px, 100%); margin: 0 auto; padding: 34px; }
.page-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 24px; }
.page-heading h2, .module-hero h2 { margin: 6px 0 7px; font-size: 27px; letter-spacing: -.7px; }
.page-heading p, .module-hero p { margin: 0; color: var(--muted); font-size: 14px; }
.date-chip { padding: 9px 13px; border-radius: 9px; border: 1px solid var(--line); background: var(--surface); color: var(--muted); font-size: 12px; }
.notice { display: flex; gap: 13px; padding: 14px 17px; margin-bottom: 20px; border: 1px solid #ddd9fb; border-radius: 11px; background: #f4f2ff; color: #5549a7; font-size: 13px; }
.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.metric-card { position: relative; min-height: 142px; padding: 23px; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); box-shadow: 0 6px 22px rgb(20 30 50 / 4%); }
.metric-card::before { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: var(--accent); }
.metric-card::after { content: ""; position: absolute; width: 90px; height: 90px; top: -45px; right: -35px; border-radius: 50%; background: color-mix(in srgb, var(--accent) 10%, white); }
.accent-purple { --accent: #725fd8; }.accent-green { --accent: #22a978; }.accent-orange { --accent: #ef973c; }.accent-blue { --accent: #4786d8; }
.metric-label { display: block; color: var(--muted); font-size: 12px; }
.metric-card strong { display: block; margin: 17px 0 10px; font-size: 24px; letter-spacing: -.5px; }
.metric-card small { color: #8b94a1; font-size: 11px; }
.dashboard-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 16px; margin-top: 16px; }
.panel { padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); box-shadow: 0 6px 22px rgb(20 30 50 / 3%); }
.span-two { grid-column: span 1; }.span-three { grid-column: 1 / -1; }
.panel-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 18px; }
.panel-heading h3 { margin: 4px 0 0; font-size: 17px; }
.panel-heading > a { color: var(--primary); font-size: 12px; font-weight: 600; }
.status-badge { padding: 6px 9px; border-radius: 7px; background: #eaf8f2; color: #1b8d65; font-size: 10px; font-weight: 700; text-transform: uppercase; }
.work-list a { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 13px; align-items: center; padding: 13px 0; border-top: 1px solid #edf0f4; }
.work-list a:hover strong { color: var(--primary); }
.work-icon { width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; font-size: 10px; font-weight: 800; }
.work-icon.orange { color: #b76b21; background: #fff0df; }.work-icon.red { color: #bf4c55; background: #fdecee; }.work-icon.blue { color: #3d75b7; background: #eaf2fc; }
.work-list strong, .work-list small { display: block; }
.work-list strong { font-size: 13px; }.work-list small { margin-top: 4px; color: var(--muted); font-size: 11px; }
.work-list b { min-width: 27px; height: 27px; padding: 6px; border-radius: 8px; background: #f0f2f6; text-align: center; font-size: 11px; }
.summary-list { margin: 0; }
.summary-list div { display: flex; justify-content: space-between; gap: 10px; padding: 14px 0; border-top: 1px solid #edf0f4; }
.summary-list dt { color: var(--muted); font-size: 12px; }.summary-list dd { margin: 0; font-size: 13px; font-weight: 700; }
.summary-list .summary-total { margin-top: 4px; border-top-color: #dce1e8; }.summary-list .summary-total dd { color: var(--primary); }
.freshness-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.freshness-grid > div { display: flex; align-items: center; gap: 11px; padding: 12px; border-radius: 10px; background: #f7f8fa; }
.freshness-grid strong, .freshness-grid small { display: block; }.freshness-grid strong { font-size: 11px; }.freshness-grid small { color: var(--muted); margin-top: 3px; font-size: 9px; }
.health-dot { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; }.health-dot.healthy { background: var(--success); }.health-dot.warning { background: var(--warning); }
.module-hero { display: flex; align-items: center; gap: 20px; padding: 25px; margin-bottom: 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.module-icon { width: 62px; height: 62px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 16px; background: #efedff; color: var(--primary); font-size: 16px; font-weight: 800; }
.empty-state { display: flex; flex-direction: column; align-items: center; max-width: 640px; margin: 80px auto; padding: 44px; text-align: center; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.empty-state.compact { margin-top: 16px; }.empty-state h2 { margin: 18px 0 8px; }.empty-state p { color: var(--muted); line-height: 1.6; }.empty-state small { color: #929aa6; }
.empty-icon { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; color: var(--primary); background: #efedff; font-weight: 800; }
.login-page { display: grid; grid-template-columns: minmax(390px, .85fr) 1.15fr; min-height: 100vh; background: white; }
.login-story { display: flex; flex-direction: column; padding: 42px 54px; color: white; background: radial-gradient(circle at 15% 25%, #524aaa 0, transparent 33%), linear-gradient(145deg, #161c2c, #252050 62%, #463bb0); }
.brand-light { padding-left: 0; }.story-copy { margin: auto 0; max-width: 520px; }.story-kicker { color: #b9b3f2; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; }
.story-copy h1 { margin: 18px 0; font-size: clamp(38px, 4vw, 62px); line-height: 1.04; letter-spacing: -2px; }.story-copy p { max-width: 440px; color: #c4c6d4; font-size: 16px; line-height: 1.7; }.story-footer { color: #a9a9c0; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; }
.login-panel { display: grid; place-items: center; padding: 50px 7vw; }.login-card { width: min(430px, 100%); }.login-card h2 { margin: 8px 0; font-size: 29px; letter-spacing: -.8px; }.muted { color: var(--muted); font-size: 13px; line-height: 1.6; }
.form-stack { display: flex; flex-direction: column; margin-top: 28px; }.form-stack label { margin: 14px 0 7px; color: #3b4553; font-size: 12px; font-weight: 650; }.form-stack input { width: 100%; padding: 13px 14px; border: 1px solid #dce1e7; border-radius: 9px; outline: none; background: #fbfcfd; }.form-stack input:focus { border-color: #8072e1; box-shadow: 0 0 0 3px rgb(102 86 217 / 10%); }
.primary-button { display: flex; justify-content: space-between; align-items: center; margin-top: 22px; padding: 13px 17px; border: 0; border-radius: 9px; background: var(--primary); color: white; font-weight: 700; cursor: pointer; }.primary-button:hover { background: var(--primary-dark); }.inline-button { display: inline-flex; margin-top: 18px; }
.validation-summary, .field-error { color: #c94852; font-size: 11px; }.validation-summary ul { padding-left: 17px; }.field-error { margin-top: 4px; }.security-note { margin-top: 20px; color: #8a929e; font-size: 11px; }.security-note span { color: var(--success); margin-right: 6px; }
.status-badge { display: inline-flex; align-items: center; gap: 6px; width: max-content; padding: 6px 9px; border-radius: 999px; font-size: 10px; font-weight: 750; white-space: nowrap; }
.status-badge__dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.status-badge--neutral { color: #667181; background: #eef1f5; }.status-badge--info { color: #326fae; background: #e9f2fc; }.status-badge--success { color: #19855f; background: #e8f7f1; }.status-badge--warning { color: #a56420; background: #fff1df; }.status-badge--danger { color: #b33f49; background: #fdebed; }
.ui-notice { display: flex; align-items: flex-start; gap: 12px; padding: 14px 17px; margin-bottom: 20px; border: 1px solid; border-radius: 11px; font-size: 13px; }.ui-notice__icon { width: 23px; height: 23px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; color: white; font-size: 11px; font-weight: 800; background: currentColor; }.ui-notice>span:nth-child(2){flex:1;min-width:0}.ui-notice strong, .ui-notice small { display: block; }.ui-notice small { margin-top: 3px; color: inherit; opacity: .86; }.ui-notice__close{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;margin:-3px -5px -3px 8px;padding:0;border:0;border-radius:7px;color:currentColor;background:transparent;cursor:pointer;opacity:.65}.ui-notice__close:hover{background:rgba(0,0,0,.06);opacity:1}
.ui-notice--info { color: #3f6f9d; border-color: #cfe1f3; background: #f0f7fd; }.ui-notice--success { color: #247c5f; border-color: #c7e7dc; background: #eef9f5; }.ui-notice--warning { color: #956021; border-color: #f1dabd; background: #fff7ec; }.ui-notice--danger { color: #a83d47; border-color: #f1c9ce; background: #fff1f2; }.ui-notice--neutral { color: #626d7c; border-color: #dce1e7; background: #f6f7f9; }
.filter-bar { display: grid; grid-template-columns: minmax(220px, 1fr) 190px 140px auto auto; gap: 12px; align-items: end; padding-bottom: 18px; border-bottom: 1px solid var(--line); }.filter-field label { display: block; margin-bottom: 6px; color: #586272; font-size: 11px; font-weight: 700; }.filter-field input, .filter-field select { width: 100%; height: 40px; padding: 0 11px; border: 1px solid #dce1e7; border-radius: 8px; outline: none; background: #fbfcfd; }.filter-field input:focus, .filter-field select:focus { border-color: #8072e1; box-shadow: 0 0 0 3px rgb(102 86 217 / 9%); }
.secondary-button, .text-button { height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0 14px; border-radius: 8px; font-size: 12px; font-weight: 700; cursor: pointer; }.secondary-button { color: white; border: 0; background: var(--primary); }.secondary-button:hover { background: var(--primary-dark); }.text-button { color: var(--muted); }
.table-scroll { overflow-x: auto; }.data-table { width: 100%; border-collapse: collapse; }.data-table th { padding: 13px 12px; color: #7b8491; background: #f7f8fa; text-align: left; font-size: 10px; letter-spacing: .55px; text-transform: uppercase; }.data-table td { padding: 14px 12px; border-bottom: 1px solid #edf0f4; color: #4e5968; font-size: 12px; }.data-table td strong { color: var(--ink); }.data-table tr:hover td { background: #fbfbfe; }.data-table .numeric { text-align: right; white-space: nowrap; }
.pagination { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-top: 17px; color: var(--muted); font-size: 11px; }.pagination div { display: flex; align-items: center; gap: 12px; }.pagination a { color: var(--primary); font-weight: 700; }.pagination strong { color: var(--ink); }.pagination .disabled { color: #b1b7c0; }
.component-command { display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-top: 16px; }.component-command h3 { margin: 5px 0; }.component-command p { margin: 0; color: var(--muted); font-size: 12px; }
.detail-heading { align-items: center; }.back-link { display: block; width: max-content; margin-bottom: 18px; color: var(--primary); font-size: 12px; font-weight: 700; }.heading-actions { display: flex; align-items: center; gap: 10px; }.secondary-outline-button { display: inline-flex; min-height: 38px; align-items: center; padding: 0 14px; border: 1px solid #d7dce4; border-radius: 8px; background: white; color: #4e5968; font-size: 12px; font-weight: 700; }.secondary-outline-button:hover { border-color: var(--primary); color: var(--primary); }
.record-link { color: var(--ink); font-weight: 700; }.record-link:hover, .row-action a:hover { color: var(--primary); }.cell-subtitle { display: block; margin-top: 4px; color: #8a93a0; font-size: 10px; }.row-action { text-align: right; white-space: nowrap; }.row-action a { color: var(--primary); font-size: 11px; font-weight: 700; }
.detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }.detail-list { margin: 0; }.detail-list > div { display: grid; grid-template-columns: minmax(120px, .7fr) 1.3fr; gap: 18px; padding: 13px 0; border-top: 1px solid #edf0f4; }.detail-list dt { color: var(--muted); font-size: 11px; }.detail-list dd { margin: 0; color: var(--ink); font-size: 12px; font-weight: 650; text-align: right; }.detail-list .stacked { grid-template-columns: 1fr; gap: 7px; }.detail-list .stacked dd { text-align: left; line-height: 1.6; }.technical-value { overflow-wrap: anywhere; font-family: Consolas, monospace; font-size: 10px !important; }
.danger-zone { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 20px 22px; margin-top: 16px; border: 1px solid #f0ccd0; border-radius: 14px; background: #fff8f8; }.danger-zone h3 { margin: 0 0 5px; color: #993a43; font-size: 14px; }.danger-zone p { margin: 0; color: #8d6970; font-size: 11px; }.danger-button { min-height: 38px; padding: 0 15px; border: 0; border-radius: 8px; color: white; background: var(--danger); font-weight: 700; cursor: pointer; }.danger-button:hover { background: #c94852; }
.entity-form { display: grid; gap: 16px; }.form-section { padding: 0; overflow: hidden; }.form-section-heading { display: flex; gap: 13px; align-items: flex-start; padding: 19px 22px; border-bottom: 1px solid var(--line); background: #fafbfc; }.form-section-heading > span { width: 26px; height: 26px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 8px; color: white; background: var(--primary); font-size: 11px; font-weight: 800; }.form-section-heading h3 { margin: 1px 0 4px; font-size: 14px; }.form-section-heading p { margin: 0; color: var(--muted); font-size: 11px; }.form-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; padding: 22px; }.form-grid .span-two { grid-column: span 2; }.form-grid .span-three { grid-column: 1 / -1; }.form-field label { display: block; margin-bottom: 7px; color: #4e5968; font-size: 11px; font-weight: 700; }.form-field input:not([type="checkbox"]), .form-field select, .form-field textarea { width: 100%; min-height: 41px; padding: 10px 12px; border: 1px solid #dce1e7; border-radius: 8px; outline: none; background: #fbfcfd; }.form-field textarea { resize: vertical; }.form-field input:focus, .form-field select:focus, .form-field textarea:focus { border-color: #8072e1; box-shadow: 0 0 0 3px rgb(102 86 217 / 9%); }.form-field > span { display: block; margin-top: 5px; color: #c94852; font-size: 10px; }.check-row { min-height: 41px; display: flex; align-items: center; gap: 22px; }.check-row label { display: flex; align-items: center; gap: 8px; margin: 0; }.form-actions { display: flex; justify-content: flex-end; align-items: center; gap: 12px; }.form-actions .inline-button { margin: 0; }.form-validation:empty { display: none; }.input-suffix { display: grid; grid-template-columns: 1fr 36px; }.input-suffix input { border-radius: 8px 0 0 8px !important; }.input-suffix span { display: grid; place-items: center; border: 1px solid #dce1e7; border-left: 0; border-radius: 0 8px 8px 0; color: var(--muted); background: #f4f6f8; }
.order-lines-panel { margin-top: 16px; }.order-totals { width: min(360px, 100%); margin: 18px 0 0 auto; }.order-totals > div { display: flex; justify-content: space-between; gap: 20px; padding: 8px 4px; color: var(--muted); font-size: 12px; }.order-totals dd { margin: 0; color: var(--ink); font-weight: 700; }.order-totals .grand-total { padding-top: 13px; margin-top: 5px; border-top: 1px solid var(--line); color: var(--ink); font-size: 14px; }.order-totals .grand-total dd { color: var(--primary); font-size: 16px; }
.workflow-command { display: flex; justify-content: space-between; align-items: center; gap: 30px; padding: 22px; margin-top: 16px; border: 1px solid #d8d3f6; border-radius: 14px; background: #f7f5ff; }.workflow-command h3 { margin: 5px 0; font-size: 15px; }.workflow-command p { margin: 0; color: var(--muted); font-size: 11px; }.workflow-command form { display: grid; grid-template-columns: minmax(220px, 1fr) auto; gap: 7px 10px; align-items: end; }.workflow-command label { grid-column: 1 / -1; color: #575f70; font-size: 10px; font-weight: 700; }.workflow-command select { min-height: 40px; padding: 0 11px; border: 1px solid #d5d1ed; border-radius: 8px; background: white; }.workflow-command .primary-button { margin: 0; min-height: 40px; }
.order-line-heading { align-items: center; }.order-line-heading > div { flex: 1; }.sales-line-list { display: grid; }.sales-line { display: grid; grid-template-columns: 32px minmax(260px, 2fr) repeat(3, minmax(115px, .7fr)) 34px; gap: 12px; align-items: start; padding: 18px 22px; border-bottom: 1px solid var(--line); }.sales-line:last-child { border-bottom: 0; }.line-sequence { width: 27px; height: 27px; display: grid; place-items: center; margin-top: 25px; border-radius: 8px; color: var(--primary); background: #efedff; font-size: 10px; font-weight: 800; }.line-remove { width: 30px; height: 30px; margin-top: 23px; border: 0; border-radius: 8px; color: #a44a52; background: #fdebed; cursor: pointer; font-size: 18px; }.line-remove:hover { color: white; background: var(--danger); }.section-tabs { display: flex; gap: 6px; width: max-content; margin: -8px 0 16px; padding: 5px; border: 1px solid var(--line); border-radius: 10px; background: white; }.section-tabs a { padding: 8px 13px; border-radius: 7px; color: var(--muted); font-size: 11px; font-weight: 700; }.section-tabs a.active { color: var(--primary); background: #efedff; }.receipt-quantity input { width: 110px; min-height: 37px; padding: 7px 9px; text-align: right; border: 1px solid #dce1e7; border-radius: 7px; background: #fbfcfd; }.selection-checkbox { width: 18px; height: 18px; accent-color: var(--primary); }.invoice-entry-table { min-width: 1080px; }.inventory-metrics { margin-bottom: 16px; }.inventory-table-panel { margin-top: 0; }.inventory-movement-filter { grid-template-columns: minmax(180px, .7fr) minmax(220px, 1fr) minmax(220px, 1fr) auto auto; }.movement-delta { font-weight: 800; }.movement-delta.positive { color: var(--success); }.movement-delta.negative { color: var(--danger); }.transfer-line-list { display: grid; }.transfer-line { display: grid; grid-template-columns: 32px minmax(280px, 1fr) minmax(140px, .35fr) 34px; gap: 12px; align-items: start; padding: 18px 22px; border-bottom: 1px solid var(--line); }.transfer-line:last-child { border-bottom: 0; }
.purchase-line-with-variant { grid-template-columns:32px minmax(230px,1.6fr) minmax(190px,1.15fr) repeat(3,minmax(105px,.65fr)) 34px; }
.inventory-workspace{display:grid;gap:0;border:1px solid #d8e3ef;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 9px 24px rgb(43 72 108 / 5%)}
.inventory-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px 14px}.inventory-title{display:flex;align-items:center;gap:12px}.inventory-title-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#1674eb;background:#eaf3ff}.inventory-title h2{margin:1px 0 2px;font-size:17px}.inventory-title p{margin:0;color:var(--muted);font-size:10px}.inventory-actions{display:flex;gap:7px}.inventory-actions a{min-height:34px;padding:7px 11px;font-size:10px}
.inventory-nav{display:flex;align-items:center;gap:2px;padding:0 17px;border-top:1px solid #e3ebf4;border-bottom:1px solid #d8e3ef;background:#fbfdff}.inventory-nav a{position:relative;padding:11px 13px;color:#607087;font-size:10px;font-weight:700}.inventory-nav a:hover{color:#176fdf}.inventory-nav a.active{color:#176fdf}.inventory-nav a.active::after{content:"";position:absolute;right:10px;bottom:-1px;left:10px;height:2px;border-radius:2px;background:#247cf0}
.inventory-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #dfe8f1;background:#fff}.inventory-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px;border-right:1px solid #e4ebf3}.inventory-summary>div:last-child{border-right:0}.inventory-summary span{color:#75859a;font-size:9px;font-weight:700}.inventory-summary strong{font-size:15px}.inventory-summary .warning strong{color:#d87a16}
.inventory-balance-table{min-width:0}.inventory-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-bottom:1px solid #e0e8f1}.inventory-table-toolbar>div{display:flex;align-items:baseline;gap:9px}.inventory-table-toolbar h3{margin:0;font-size:12px}.inventory-table-toolbar>div span{color:#8290a2;font-size:9px}.inventory-inline-filter{display:flex;align-items:center;gap:7px}.inventory-search{display:flex;align-items:center;gap:7px;width:280px;min-height:34px;padding:0 10px;border:1px solid #d4e0ed;border-radius:8px;color:#8b9aab;background:#fff}.inventory-search input{width:100%;border:0;outline:0;background:transparent;font-size:10px}.inventory-inline-filter select{width:155px;min-height:34px;padding:6px 30px 6px 9px;font-size:10px}.inventory-inline-filter button{min-height:34px;padding:7px 12px;font-size:10px}.inventory-balance-grid th{padding-top:10px;padding-bottom:10px}.inventory-balance-grid td{padding-top:10px;padding-bottom:10px}.inventory-balance-grid .row-action a{display:grid;place-items:center;width:28px;height:28px;border:1px solid #d6e2ef;border-radius:7px;color:#247cf0}.inventory-balance-grid .row-action a:hover{color:#fff;background:#247cf0}
@media(max-width:1000px){.inventory-workspace-head,.inventory-table-toolbar{align-items:flex-start;flex-direction:column}.inventory-inline-filter{width:100%;flex-wrap:wrap}.inventory-search{width:min(100%,420px)}}
@media(max-width:700px){.inventory-summary{grid-template-columns:repeat(2,1fr)}.inventory-summary>div:nth-child(2){border-right:0}.inventory-nav{overflow-x:auto}.inventory-nav a{white-space:nowrap}}
[data-f5-production-recipes] > .section-tabs,
[data-f5-production-orders] > .section-tabs { display:none; }
.inventory-summary .danger strong{color:#d94655}.inventory-summary .caution strong{color:#b48a10}.inventory-title-icon--warning{color:#c87913;background:#fff3df}.inventory-tag{display:inline-flex;padding:4px 8px;border-radius:999px;color:#28669f;background:#eaf3fc;font-size:8px;font-weight:800}.inventory-warehouse-grid td{height:49px;vertical-align:middle}.inventory-warehouse-grid .row-action a{display:grid;place-items:center;width:28px;height:28px;margin-left:auto;border:1px solid #d5e2ef;border-radius:7px;color:#2476d8;background:#fff}.inventory-table-toolbar--filter{gap:12px}.inventory-table-toolbar--filter .inventory-inline-filter{flex:1;justify-content:flex-end}.inventory-table-toolbar--filter .filter-field{display:grid;gap:3px}.inventory-table-toolbar--filter .filter-field label{display:none}.inventory-table-toolbar--filter .filter-search{width:min(34vw,360px)}
.warehouse-filter-form{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.warehouse-filter-form .filter-field>span{font-size:9px;font-weight:700;color:#71839a}.warehouse-filter-form input,.warehouse-filter-form select{height:36px;border:1px solid #d4e0ed;border-radius:8px;background:#fff;padding:0 11px;color:#25364b}.warehouse-filter-form select{min-width:145px}.warehouse-row-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px}.warehouse-row-actions>a,.warehouse-row-actions button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d5e2ef;border-radius:7px;color:#2476d8;background:#fff;cursor:pointer}.warehouse-row-actions button{color:#e34e5d;border-color:#ffc4ca}.warehouse-row-actions button:disabled{opacity:.35;cursor:not-allowed}.warehouse-toggle-form{display:inline-flex;margin:0}.ui-switch{position:relative;width:36px;height:20px;padding:0;border:0;border-radius:999px;background:#c7d4e3;cursor:pointer;transition:.18s ease}.ui-switch span{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #4563;transition:.18s ease}.ui-switch.is-active{background:#2f80ed}.ui-switch.is-active span{transform:translateX(16px)}
@media(max-width:900px){.inventory-table-toolbar--filter{align-items:stretch}.warehouse-filter-form{width:100%}.warehouse-filter-form .filter-search{width:100%;flex:1 1 100%}.warehouse-filter-form .filter-field:not(.filter-search){flex:1}.warehouse-filter-form input,.warehouse-filter-form select{width:100%}}

.critical-stock-panel .inventory-table-toolbar--filter{display:grid;grid-template-columns:minmax(150px,.35fr) minmax(0,1fr);align-items:end;padding:14px 18px;background:#f8fbfe}.critical-stock-filter-form{display:grid!important;grid-template-columns:minmax(260px,1.4fr) minmax(220px,1fr) minmax(210px,.85fr) auto;align-items:end!important;gap:10px!important}.critical-stock-filter-form .filter-field{display:grid!important;gap:5px!important;width:auto!important;min-width:0}.critical-stock-filter-form .filter-field label{display:block!important;color:#687d96;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.critical-stock-filter-form input[type=text],.critical-stock-filter-form .filter-search input{width:100%;height:38px;padding:0 12px;border:1px solid #cfdeed;border-radius:8px;background:#fff}.critical-stock-filter-form .select2-container{width:100%!important}.critical-stock-filter-form .select2-selection--multiple{min-height:38px!important;border-color:#cfdeed!important;border-radius:8px!important;background:#fff!important}.critical-stock-filter-form .select2-selection__rendered{display:flex!important;align-items:center;gap:4px;min-height:36px;padding:3px 7px!important}.critical-stock-filter-form .select2-selection__choice{margin:0!important;padding:3px 7px!important;border:0!important;border-radius:999px!important;color:#2463a4;background:#e9f3ff!important;font-size:9px}.critical-filter-actions{display:flex;align-items:center;gap:7px}.critical-filter-actions .primary-button,.critical-filter-actions .secondary-outline-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;min-height:38px;padding:0 13px;font-size:9px;white-space:nowrap}@media(max-width:1100px){.critical-stock-panel .inventory-table-toolbar--filter{grid-template-columns:1fr}.critical-stock-filter-form{grid-template-columns:1fr 1fr}.critical-stock-filter-form .filter-search{grid-column:1/-1}.critical-filter-actions{justify-content:flex-end}}@media(max-width:650px){.critical-stock-filter-form{grid-template-columns:1fr}.critical-stock-filter-form .filter-search{grid-column:auto}.critical-filter-actions{justify-content:stretch}.critical-filter-actions>*{flex:1}}
.inventory-balance-toolbar{display:block!important;padding:0!important;background:#fff!important}.inventory-balance-toolbar .inventory-toolbar-title{display:flex;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid #dce7f1}.inventory-balance-toolbar .inventory-toolbar-title h3{margin:0}.balance-filter-form{display:grid;grid-template-columns:minmax(250px,1.35fr) minmax(210px,1fr) minmax(210px,1fr) minmax(210px,.9fr);gap:10px;padding:13px 18px;background:#f8fbfe}.balance-filter-form .filter-field{display:grid;gap:5px;min-width:0}.balance-filter-form .filter-field>label{color:#687d96;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.balance-filter-form input,.balance-filter-form select{width:100%;height:38px;border:1px solid #cfdeed;border-radius:8px;background:#fff;padding:0 11px}.balance-filter-form .filter-search-control{position:relative}.balance-filter-form .filter-search-control i{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:#2b7de9}.balance-filter-form .filter-search-control input{padding-left:34px}.balance-filter-form .select2-container{width:100%!important}.balance-filter-form .select2-selection--multiple{min-height:38px!important;border:1px solid #cfdeed!important;border-radius:8px!important;background:#fff!important}.balance-filter-form .select2-selection__rendered{display:flex!important;align-items:center;gap:4px;min-height:36px;padding:3px 7px!important;overflow:hidden}.balance-filter-form .select2-selection__choice{margin:0!important;padding:3px 7px!important;border:0!important;border-radius:999px!important;background:#e9f3ff!important;color:#2463a4!important;font-size:9px}.balance-filter-form .range-inputs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:5px}.balance-filter-form .range-inputs span{color:#8092a7}.balance-filter-form .page-size-field{max-width:140px}.balance-filter-actions{display:flex;align-items:end;justify-content:flex-end;gap:7px;grid-column:4}.balance-filter-actions .primary-button,.balance-filter-actions .secondary-outline-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;min-height:38px;padding:0 13px;font-size:9px;white-space:nowrap}@media(max-width:1250px){.balance-filter-form{grid-template-columns:repeat(3,minmax(0,1fr))}.balance-search{grid-column:span 2}.balance-filter-actions{grid-column:3}}@media(max-width:800px){.balance-filter-form{grid-template-columns:1fr 1fr}.balance-search{grid-column:1/-1}.balance-filter-actions{grid-column:auto}.balance-filter-form .page-size-field{max-width:none}}@media(max-width:560px){.balance-filter-form{grid-template-columns:1fr}.balance-search,.balance-filter-actions{grid-column:auto}.balance-filter-actions>*{flex:1}}

/* Stock balances: standalone filter surface */
.stock-balance-toolbar{background:#fff;border-bottom:1px solid #dce7f1}.stock-balance-toolbar__title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid #e3ebf3}.stock-balance-toolbar__title h3{margin:0;color:#172b45;font-size:14px}.stock-balance-toolbar__title p{margin:3px 0 0;color:#7b8da3;font-size:10px}.stock-balance-toolbar__count{flex:none;padding:5px 9px;border-radius:999px;background:#edf4fb;color:#526d8c;font-size:9px;font-weight:700}.stock-balance-filter{display:grid;grid-template-columns:minmax(280px,1.35fr) minmax(230px,1fr) minmax(210px,.9fr) minmax(210px,.9fr);gap:12px;padding:16px 18px 18px;background:#f7fafc}.stock-filter-field,.stock-filter-range{display:grid;align-content:start;gap:6px;min-width:0;margin:0;padding:0;border:0}.stock-filter-field>label,.stock-filter-range>legend{display:block;margin:0;padding:0;color:#647a94;font-size:9px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.stock-filter-field input,.stock-filter-field select,.stock-filter-range input{box-sizing:border-box;width:100%;height:40px;border:1px solid #cbd9e8;border-radius:8px;background:#fff;color:#263d57;padding:0 11px;outline:0}.stock-filter-field input:focus,.stock-filter-field select:focus,.stock-filter-range input:focus{border-color:#2f80ed;box-shadow:0 0 0 3px rgba(47,128,237,.12)}.stock-filter-field--search{grid-column:span 2}.stock-filter-search{position:relative}.stock-filter-search i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#2f80ed}.stock-filter-search input{padding-left:38px}.stock-filter-range>div{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);align-items:center;gap:7px}.stock-filter-range span{text-align:center;color:#8393a7}.stock-filter-field--size{max-width:150px}.stock-balance-filter .select2-container{display:block;width:100%!important;min-width:0}.stock-balance-filter .select2-container .select2-selection--multiple{box-sizing:border-box;display:flex;align-items:center;width:100%;height:40px;min-height:40px!important;max-height:40px;overflow:hidden;border:1px solid #cbd9e8!important;border-radius:8px!important;background:#fff!important}.stock-balance-filter .select2-selection__rendered{display:flex!important;align-items:center;gap:4px;width:100%;min-width:0;max-height:38px;padding:4px 8px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap}.stock-balance-filter .select2-selection__choice{flex:none;max-width:150px;margin:0!important;padding:3px 7px!important;border:0!important;border-radius:999px!important;background:#e8f2ff!important;color:#2968aa!important;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-balance-filter .select2-search--inline{flex:1;min-width:70px}.stock-balance-filter .select2-search__field{height:26px!important;margin:0!important;border:0!important;box-shadow:none!important}.stock-filter-actions{display:flex;align-items:end;justify-content:flex-end;gap:8px}.stock-filter-actions .primary-button,.stock-filter-actions .secondary-outline-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;min-height:40px;padding:0 15px;white-space:nowrap}@media(max-width:1250px){.stock-balance-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.stock-filter-field--search{grid-column:span 2}.stock-filter-actions{grid-column:3}}@media(max-width:820px){.stock-balance-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-filter-field--search{grid-column:1/-1}.stock-filter-actions{grid-column:auto}.stock-filter-field--size{max-width:none}}@media(max-width:560px){.stock-balance-toolbar__title{align-items:flex-start}.stock-balance-filter{grid-template-columns:1fr}.stock-filter-field--search,.stock-filter-actions{grid-column:auto}.stock-filter-actions>*{flex:1}}
[data-f5-production-recipes] > .page-heading .back-link,
[data-f5-production-orders] > .page-heading .back-link { display:none; }

@media (max-width: 1100px) {
    .metric-grid { grid-template-columns: repeat(2, 1fr); }
    .freshness-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 800px) {
    .app-shell { grid-template-columns: 1fr; }
    .sidebar { position: fixed; z-index: 20; width: 268px; left: -280px; transition: left .2s ease; box-shadow: 15px 0 40px rgb(0 0 0 / 18%); }
    .sidebar.open { left: 0; }.menu-button { display: block; }.topbar { padding: 0 18px; }.page-content { padding: 22px 18px; }
    .dashboard-grid, .detail-grid { grid-template-columns: 1fr; }.span-three { grid-column: auto; }.login-page { grid-template-columns: 1fr; }.login-story { display: none; }.login-panel { min-height: 100vh; padding: 30px; }.filter-bar { grid-template-columns: 1fr 1fr; }.filter-search { grid-column: 1 / -1; }.component-command, .workflow-command { align-items: flex-start; flex-direction: column; }.form-grid { grid-template-columns: 1fr 1fr; }.form-grid .span-three { grid-column: 1 / -1; }.sales-line { grid-template-columns: 32px minmax(220px, 2fr) repeat(2, minmax(110px, 1fr)) 34px; }.sales-line .form-field:nth-of-type(4) { grid-column: 2 / 3; }
}
@media (max-width: 560px) {
    .metric-grid, .freshness-grid, .form-grid { grid-template-columns: 1fr; }.page-heading, .danger-zone { align-items: flex-start; flex-direction: column; }.environment { display: none; }.filter-bar, .workflow-command form { grid-template-columns: 1fr; width: 100%; }.filter-search, .form-grid .span-two, .form-grid .span-three, .workflow-command label { grid-column: auto; }.pagination { align-items: flex-start; flex-direction: column; }.sales-line { grid-template-columns: 28px 1fr 30px; }.sales-line .form-field { grid-column: 2 / 3; }.sales-line .line-remove { grid-column: 3; grid-row: 1; }.sales-line .line-sequence { grid-row: 1; }.order-line-heading { align-items: flex-start; flex-wrap: wrap; }
}
.dashboard-chart-canvas { height: 320px; min-height: 260px; position: relative; }

/* 2026 compact workspace: Bootstrap-based spacing and Bootstrap Icons sidebar. */
:root { --canvas: #f3f8fc; --nav: #fff; --nav-soft: #eef6ff; --primary: #247cf0; --primary-dark: #155fc4; --line: #dce6ef; }
.app-shell { grid-template-columns: 238px minmax(0, 1fr); }
.sidebar { width: 238px; padding: 16px 12px 12px; color: #65758b; background: #fff; border-right: 1px solid var(--line); box-shadow: 4px 0 18px rgb(35 62 92 / 3%); }
.brand { padding: 2px 8px 14px; }
.brand-mark { width: 34px; height: 34px; border-radius: 10px; background: linear-gradient(145deg, #278cf6, #6559e8); box-shadow: 0 7px 18px rgb(36 124 240 / 20%); }
.brand strong { color: #26354a; font-size: 14px; }
.brand small { color: #8a99ac; font-size: 9px; }
.sidebar-search { display: flex; align-items: center; gap: 8px; margin: 0 4px 12px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 9px; color: #96a3b4; background: #fbfdff; }
.sidebar-search:focus-within { border-color: #8dbdf7; box-shadow: 0 0 0 3px rgb(36 124 240 / 9%); }
.sidebar-search input { width: 100%; min-width: 0; border: 0; outline: 0; color: #35445a; background: transparent; font-size: 12px; }
.nav-group { margin-top: 13px; }
.nav-group h2 { margin: 0 11px 6px; color: #9aa7b8; font-size: 9px; letter-spacing: 1.1px; }
.nav-item, .nav-module summary { min-height: 37px; margin: 2px 0; padding: 7px 9px; border-radius: 8px; color: #617189; font-size: 12px; font-weight: 600; }
.nav-item:hover, .nav-module summary:hover, .nav-module[open] summary { color: var(--primary-dark); background: var(--nav-soft); }
.nav-home { color: #fff; background: linear-gradient(100deg, #2f8cf2, #247cf0); box-shadow: 0 8px 18px rgb(36 124 240 / 20%); }
.nav-home:hover { color: #fff; background: #176dd8; }
.nav-icon { width: 24px; height: 24px; border-radius: 7px; color: #7890ab; background: #eef3f8; font-size: 13px; }
.nav-home .nav-icon { color: #fff; background: rgb(255 255 255 / 17%); }
.nav-chevron { color: #9cacbd; font-size: 10px; }
.nav-submenu { margin: 1px 0 5px 20px; padding: 2px 0 2px 14px; border-left-color: #d9e4ee; }
.nav-submenu a { display: flex; align-items: center; gap: 2px; padding: 6px 8px; color: #75849a; font-size: 11px; }
.nav-submenu a:hover { color: var(--primary-dark); background: #eef6ff; }
.sidebar-footer { border-top-color: var(--line); }
.avatar { color: #2377dd; background: #eaf4ff; }
.user-meta strong { color: #35445a; }.user-meta small { color: #98a4b4; }.icon-button { color: #7e8da1; }
.topbar { height: 70px; padding: 0 26px; border-bottom-color: var(--line); box-shadow: 0 2px 10px rgb(35 62 92 / 3%); }
.topbar-page-title { color: #243348; }
.breadcrumb-line { display: flex; align-items: center; gap: 6px; color: #91a0b2; font-size: 10px; }
.breadcrumb-line .bi-chevron-right { font-size: 8px; }
.topbar-actions { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.topbar-icon { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 50%; color: #74849a; background: #fff; }
.topbar-icon:hover { color: var(--primary); background: #f3f8ff; }
.environment { margin: 0; background: #fff; }
.page-content { width: min(1580px, 100%); padding: 22px 26px 34px; }
.executive-heading { align-items: center; margin-bottom: 15px; }
.executive-heading h2 { font-size: 24px; }.executive-heading p { font-size: 13px; }
.period-selector { padding: 7px; border-radius: 11px; }
.period-selector .btn { min-height: 38px; border-radius: 8px; font-size: 12px; }
.executive-metrics { gap: 10px; margin-bottom: 11px; }
.executive-metrics article { min-height: 116px; padding: 15px 16px; border-radius: 12px; box-shadow: 0 5px 16px rgb(35 62 92 / 5%) !important; }
.executive-metrics strong { margin: 9px 0 4px; font-size: 20px; }.executive-metrics span { font-size: 12px; }.executive-metrics small { font-size: 10px; }
.finance-dashboard-grid { gap: 11px; }
.panel { padding: 16px 18px; border-radius: 12px; box-shadow: 0 5px 16px rgb(35 62 92 / 5%) !important; }
.panel-heading { margin-bottom: 11px; }.panel-heading h3 { font-size: 15px; }
.chart-panel { min-height: 340px; }.dashboard-chart-canvas { height: 270px; min-height: 240px; }
.primary-button, .secondary-button, .danger-button, .ghost-button { min-height: 38px; padding: 8px 14px; border-radius: 8px; font-size: 12px; font-weight: 650; }
.primary-button { color: #fff; border-color: var(--primary); background: var(--primary); }.primary-button:hover { background: var(--primary-dark); }
.k-input-solid, .k-picker-solid, .k-dropdownlist, .k-numerictextbox { min-height: 38px; border-radius: 8px; }
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{width:238px}.page-content{padding:18px}.topbar{padding:0 18px}}

/* Dashboard density and marked financial panels. */
.page-content { width: min(1780px, 100%); padding-inline: 14px; }
.executive-heading { padding-inline: 2px; }
.period-selector { position: relative; gap: 6px; padding: 6px; background: linear-gradient(135deg, #fff, #f7fbff); }
.period-selector::before { content: "Dönem"; align-self: center; padding: 0 5px 0 3px; color: #8090a5; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .7px; }
.period-selector .k-dropdownlist { width: 112px; border-color: #d8e4ef; background: #fff; }
.period-selector .k-dropdownlist:first-of-type { width: 126px; }
.balance-sheet div { align-items: center; padding: 9px 0; }
.balance-sheet dt { font-size: 12px; }.balance-sheet dd { font-variant-numeric: tabular-nums; }
.balance-sheet .subtotal { padding: 11px 10px; border: 0; border-radius: 8px; background: #f6f9fc; }
.balance-sheet .grand-total { background: linear-gradient(100deg, #edf4ff, #f2efff); }
.opening-balance-card { position: relative; align-self: start; min-height: 290px; overflow: hidden; background: linear-gradient(145deg, #fff 55%, #f7f4ff); }
.opening-balance-card::after { content: ""; position: absolute; width: 150px; height: 150px; right: -70px; bottom: -80px; border-radius: 50%; background: rgb(104 83 221 / 8%); }
.section-icon { float: right; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; font-size: 18px; }
.section-icon.purple { color: #6853dd; background: #efecff; }
.cash-flow-summary { margin-top: 18px; }.cash-flow-summary div { padding: 10px 2px; font-size: 12px; }
.accounts-panel { align-self: start; min-height: 290px; }
.count-badge { display: inline-grid; place-items: center; min-width: 22px; height: 20px; margin-left: 5px; padding: 0 6px; border-radius: 10px; color: #247cf0; background: #eaf4ff; font-size: 10px; vertical-align: 2px; }
.account-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); max-height: 390px; padding-right: 5px; overflow: auto; scrollbar-width: thin; scrollbar-color: #b9c9da transparent; }
.account-grid a { min-height: 66px; padding: 9px 10px; border-color: #e0e9f2; border-radius: 10px; background: #fff; transition: transform .15s, border-color .15s, box-shadow .15s; }
.account-grid a:hover { transform: translateY(-1px); border-color: #8dbdf7; background: #fff; box-shadow: 0 5px 14px rgb(36 124 240 / 9%); }
.account-icon { width: 34px; height: 34px; color: #247cf0; background: #eaf4ff; font-size: 15px; }
.account-copy { min-width: 0; }.account-copy strong,.account-copy small { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.account-grid a>b { text-align: right; font-size: 11px; font-variant-numeric: tabular-nums; }.account-grid a>b small { margin: 2px 0 0; font-size: 8px; }
.amount-chip { padding: 5px 8px; border-radius: 8px; font-size: 11px; }.amount-chip.danger { color: #c94450; background: #fff0f1; }.amount-chip.warning { color: #b36d16; background: #fff5e8; }
.dashboard-empty { grid-column: 1/-1; display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 82px; color: #7c8ca0; font-size: 12px; }
.dashboard-empty i { color: #22a774; font-size: 17px; }
@media(max-width:1350px){.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.page-content{padding-inline:10px}.account-grid{grid-template-columns:1fr;max-height:420px}.period-selector::before{display:none}}

/* Executive header and period toolbar. Bootstrap card defaults must not stack the form. */
.executive-heading {
    display: flex;
    align-items: center;
    min-height: 92px;
    padding: 16px 18px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: linear-gradient(105deg, #fff 0%, #f8fbff 100%);
    box-shadow: 0 5px 18px rgb(35 62 92 / 4%);
}
.executive-heading h2 { margin-top: 3px; font-size: 22px; }
.executive-heading p { font-size: 12px; }
.period-selector.card {
    width: auto;
    margin-left: auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 7px;
    padding: 6px;
    border: 1px solid #dce6ef !important;
    background: #fff;
    box-shadow: 0 4px 14px rgb(35 62 92 / 5%) !important;
}
.period-selector.card::before { margin: 0 3px; white-space: nowrap; }
.period-selector.card .k-dropdownlist { flex: 0 0 auto; width: 116px; }
.period-selector.card .k-dropdownlist:first-of-type { width: 132px; }
.period-selector.card .btn { min-width: 120px; white-space: nowrap; }
@media (max-width: 900px) {
    .executive-heading { align-items: flex-start; flex-direction: column; }
    .period-selector.card { width: 100%; margin: 12px 0 0; flex-wrap: wrap; }
    .period-selector.card .k-dropdownlist { flex: 1 1 120px; width: auto; }
    .period-selector.card .btn { flex: 1 1 130px; }
}

/* Liquidity summary replaces the long account-card wall on the dashboard. */
.liquidity-panel { align-self: start; min-height: 290px; }
.liquidity-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 20px; align-items: center; }
.liquidity-chart { position: relative; width: 210px; height: 210px; margin: 0 auto; }
.liquidity-center { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; pointer-events: none; }
.liquidity-center small,.liquidity-center span { color: #8a99aa; font-size: 9px; text-transform: uppercase; letter-spacing: .7px; }
.liquidity-center strong { max-width: 115px; margin: 4px 0 1px; overflow: hidden; color: #243348; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.liquidity-detail { min-width: 0; }
.liquidity-totals { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-bottom: 12px; }
.liquidity-totals>div { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 9px; padding: 9px 10px; border: 1px solid #e0e9f2; border-radius: 10px; background: #f9fbfd; }
.liquidity-totals>div>i { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; color: #247cf0; background: #e7f2ff; }
.liquidity-totals small,.liquidity-totals b { display: block; }.liquidity-totals small { color: #8b99aa; font-size: 8px; }.liquidity-totals b { margin-top: 2px; font-size: 10px; }.liquidity-totals strong { font-size: 11px; font-variant-numeric: tabular-nums; }
.top-account-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px 12px; }
.top-account-title { grid-column: 1/-1; display: flex; justify-content: space-between; padding: 0 2px 3px; color: #718196; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .6px; }
.top-account-title small { color: #9aa8b8; }
.top-account-list>a { display: grid; grid-template-columns: 25px minmax(0,1fr) auto; align-items: center; gap: 7px; min-height: 42px; padding: 5px 7px; border-radius: 8px; }
.top-account-list>a:hover { background: #f4f8fc; }
.top-account-icon { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 7px; color: #247cf0; background: #eaf4ff; font-size: 11px; }
.top-account-copy { min-width: 0; }.top-account-copy b { display: block; overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.top-account-copy i { display: block; height: 3px; margin-top: 5px; overflow: hidden; border-radius: 3px; background: #e9eef4; }.top-account-copy em { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#247cf0,#55b4f6); }
.top-account-list>a>strong { font-size: 9px; font-variant-numeric: tabular-nums; }
@media(max-width:1200px){.liquidity-layout{grid-template-columns:190px minmax(0,1fr)}.liquidity-chart{width:180px;height:180px}.top-account-list{grid-template-columns:1fr}}
@media(max-width:700px){.liquidity-layout{grid-template-columns:1fr}.liquidity-totals,.top-account-list{grid-template-columns:1fr}}

/* F5-10D provider operations workspace. */
.compliance-operation-filter { grid-template-columns: minmax(260px,1fr) 190px auto; align-items: end; }
.operation-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 12px 0; }
.operation-summary article { display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.operation-summary article>i { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; color: #d05b42; background: #fff1ed; }
.operation-summary small,.operation-summary strong { display: block; }.operation-summary small { color: var(--muted); font-size: 9px; text-transform: uppercase; }.operation-summary strong { margin-top: 2px; font-size: 19px; }
.operation-queue { padding: 8px; }
.operation-row { display: grid; grid-template-columns: 100px minmax(260px,1fr) auto auto; align-items: center; gap: 14px; padding: 12px; border-bottom: 1px solid var(--line); }
.operation-row:last-child { border-bottom: 0; }.operation-row:hover { background: #fafcff; }
.operation-status { display: flex; align-items: center; gap: 6px; color: #c44b50; font-size: 10px; font-weight: 700; }.operation-status i { font-size: 16px; }
.operation-main { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; }.operation-main strong,.operation-main small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.operation-main small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.error-code { padding: 5px 7px; border-radius: 7px; color: #a94b50; background: #fff0f1; font-family: Consolas,monospace; font-size: 9px; }
.operation-stats { display: flex; gap: 18px; }.operation-stats span { min-width: 58px; }.operation-stats small,.operation-stats b { display: block; }.operation-stats small { color: var(--muted); font-size: 8px; text-transform: uppercase; }.operation-stats b { margin-top: 3px; font-size: 10px; }
@media(max-width:1000px){.operation-row{grid-template-columns:90px 1fr}.operation-stats,.operation-row form{grid-column:2}.operation-summary{grid-template-columns:1fr}.compliance-operation-filter{grid-template-columns:1fr}}

/* F5-11A IntegrationHub connection workspace. */
.integration-filter { grid-template-columns: minmax(260px,1fr) 200px auto; align-items: end; }
.integration-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 12px 0; }
.integration-card { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 11px; min-height: 84px; padding: 13px; border: 1px solid var(--line); border-radius: 12px; background: #fff; transition: transform .15s,border-color .15s,box-shadow .15s; }
.integration-card:hover { transform: translateY(-1px); border-color: #8dbdf7; box-shadow: 0 6px 17px rgb(36 124 240 / 8%); }
.integration-logo { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; color: #247cf0; background: #eaf4ff; font-size: 18px; }
.integration-copy { min-width: 0; }.integration-copy small,.integration-copy strong,.integration-copy em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.integration-copy small { color: var(--muted); font-size: 9px; }.integration-copy strong { margin: 4px 0; font-size: 13px; }.integration-copy em { color: #8795a7; font-size: 9px; font-style: normal; }
.integration-card>span:last-child { text-align: right; }.integration-card>span:last-child small { display: block; margin-top: 7px; color: #9aa7b7; font-size: 8px; }
.integration-create { margin-top: 12px; }
.integration-sync-form { display:grid; grid-template-columns:minmax(180px,1fr) 140px minmax(210px,1fr) auto; gap:10px; align-items:end; margin:12px 0; padding:12px; border:1px solid var(--line); border-radius:12px; background:#f8fbff; }
.integration-sync-form label { display:grid; gap:5px; color:var(--muted); font-size:10px; font-weight:700; }
.integration-attempt-row td { padding-top:0; background:#fbfcfe; }.integration-attempt-row details summary { cursor:pointer; color:#247cf0; font-size:10px; font-weight:700; }.integration-attempt-row .timeline { margin-top:8px; }
@media(max-width:1200px){.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.integration-grid,.integration-filter,.integration-sync-form{grid-template-columns:1fr}}
.report-catalog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:12px 0; }.report-catalog-card { display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:12px; align-items:center; padding:14px; border:1px solid var(--line); border-radius:12px; background:#fff; }.report-catalog-card>i { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; color:#247cf0; background:#eaf4ff; font-size:18px; }.report-catalog-card strong,.report-catalog-card small { display:block; }.report-catalog-card small { margin-top:4px; color:var(--muted); }.report-catalog-card.is-disabled { opacity:.7; }.report-filter { grid-template-columns:repeat(4,minmax(150px,1fr)) auto; }.source-chip { display:inline-flex; padding:4px 7px; border-radius:7px; color:#1769d2; background:#eaf4ff; font-size:9px; }.pagination { display:flex; justify-content:flex-end; align-items:center; gap:10px; margin-top:12px; }
@media(max-width:900px){.report-catalog-grid,.report-filter{grid-template-columns:1fr}}
.finance-report-filter { grid-template-columns:repeat(5,minmax(130px,1fr)) auto; }
@media(max-width:1100px){.finance-report-filter{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.finance-report-filter{grid-template-columns:1fr}}

/* Sales orders: compact DataTables workspace. */
.sales-orders-workspace { display: grid; gap: 10px; }
.sales-orders-header { display: grid; grid-template-columns: minmax(330px,1fr) auto minmax(240px,1fr); align-items: center; gap: 18px; min-height: 68px; padding: 10px 14px; border: 1px solid var(--line); border-radius: 12px; background: linear-gradient(100deg,#fff 0%,#fbfdff 65%,#f5f9ff 100%); box-shadow: 0 4px 14px rgb(31 65 114 / 5%); }
.sales-orders-heading { display: flex; align-items: center; gap: 12px; }
.sales-orders-heading h2 { margin: 1px 0 2px; font-size: 19px; letter-spacing: -.03em; }
.sales-orders-heading p { margin: 0; color: var(--muted); font-size: 11px; }
.workspace-icon { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 38px; border-radius: 10px; color: #247cf0; background: linear-gradient(145deg,#eaf4ff,#f4f0ff); font-size: 16px; }
.sales-orders-actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; }
.record-count { color: var(--muted); font-size: 10px; white-space: nowrap; }.record-count strong { color: var(--ink); font-size: 14px; }
.workspace-tabs { display: flex; gap: 3px; width: fit-content; padding: 3px; border: 1px solid var(--line); border-radius: 9px; background: #fff; box-shadow: 0 2px 8px rgb(31 65 114 / 4%); }
.workspace-tabs a { display: inline-flex; align-items: center; gap: 6px; padding: 7px 11px; border-radius: 7px; color: #64748b; font-size: 10px; font-weight: 700; text-decoration: none; }
.workspace-tabs a:hover { color: #1769d2; background: #f5f9ff; }.workspace-tabs a.active { color: #1769d2; background: #eaf4ff; }
.sales-orders-panel { padding: 0; overflow: hidden; }
.sales-orders-toolbar { display: grid; grid-template-columns: minmax(430px,1fr) minmax(240px,300px) 120px auto 38px; align-items: end; gap: 12px; padding: 15px 16px; border-bottom: 1px solid var(--line); background: #fbfdff; }
.sales-search-field { min-width: 0; }
.sales-search { position: relative; margin: 0; }.sales-search i { position: absolute; top: 50%; left: 12px; z-index: 1; transform: translateY(-50%); color: #91a0b4; }
.sales-search input { width: 100%; height: 42px; padding-left: 38px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.toolbar-filter { display: grid; gap: 4px; }.toolbar-filter>label { margin: 0; color: #78879a; font-size: 9px; font-weight: 700; text-transform: uppercase; }
.toolbar-filter select { width:100%; height: 42px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.toolbar-filter>input { width:100%; height:42px; padding:0 11px; border:1px solid var(--line); border-radius:9px; background:#fff; }
.sales-orders-toolbar .select2-container { width:100% !important; }.sales-orders-toolbar .select2-container .select2-selection--single { min-height: 42px; border-radius: 9px; }.sales-orders-toolbar .select2-container--default .select2-selection--single .select2-selection__rendered { line-height:40px; }.sales-orders-toolbar .select2-container--default .select2-selection--single .select2-selection__arrow { height:40px; }
.sales-orders-toolbar .primary-button { min-height: 42px; padding-inline:18px; white-space: nowrap; }.sales-orders-toolbar .icon-button { width: 42px; height: 42px; }
.sales-orders-table-wrap { margin: 0; overflow-x: auto; }.sales-orders-table-wrap .dt-container { width: 100%; }
.sales-orders-table { width: 100% !important; margin: 0 !important; border-collapse: collapse !important; }
.sales-orders-table thead th { padding: 10px 14px !important; border-bottom: 1px solid var(--line) !important; color: #77869a; background: #f7f9fc; font-size: 9px; letter-spacing: .05em; text-transform: uppercase; }
.sales-orders-table tbody td { padding: 11px 14px !important; border-bottom: 1px solid #edf1f6 !important; vertical-align: middle; }
.sales-orders-table tbody tr:hover td { background: #f8fbff; }
.order-number { color: #14233b; font-size: 11px; font-weight: 800; text-decoration: none; }.order-number:hover { color: #1769d2; }
.sales-orders-table .cell-subtitle { display: flex; align-items: center; gap: 4px; margin-top: 4px; color: #8a98aa; font-size: 9px; }
.sales-orders-table .sales-order-action-column { width:92px; text-align:center; }
.sales-orders-table .sales-order-row-action { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-width:68px; min-height:32px; padding:0 10px; border:1px solid #cfe0f3; border-radius:8px; color:#176dcc; background:#fff; font-size:9px; font-weight:800; text-decoration:none; transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease; }
.sales-orders-table .sales-order-row-action:hover { transform:translateY(-1px); border-color:#287ff0; color:#fff; background:#287ff0; }
.date-cell { display: inline-flex; align-items: center; gap: 6px; color: #526277; white-space: nowrap; }.date-cell i { color: #8aa8ce; }
.currency-code { display: block; margin-top: 2px; color: #8795a7; font-size: 8px; font-weight: 700; }
.row-detail-button { display: inline-flex; align-items: center; gap: 5px; padding: 6px 8px; border-radius: 7px; color: #1769d2; font-size: 9px; font-weight: 800; text-decoration: none; }.row-detail-button:hover { background: #eaf4ff; }
.sales-orders-panel .pagination { padding: 0 14px 12px; }
.sales-orders-toolbar.expanded { grid-template-columns:repeat(12,minmax(0,1fr)); }
.sales-orders-toolbar.expanded .sales-search-field { grid-column:span 5; }.sales-orders-toolbar.expanded .sales-customer-filter { grid-column:span 4; }.sales-orders-toolbar.expanded .sales-status-filter { grid-column:span 3; }
.sales-orders-toolbar.expanded .sales-date-from,.sales-orders-toolbar.expanded .sales-date-to { grid-column:span 2; }.sales-orders-toolbar.expanded .sales-min-amount,.sales-orders-toolbar.expanded .sales-max-amount { grid-column:span 2; }.sales-orders-toolbar.expanded .sales-currency { grid-column:span 1; }.sales-orders-toolbar.expanded .sales-page-size { grid-column:span 1; }
.sales-orders-toolbar.expanded>.primary-button { grid-column:span 1; }.sales-orders-toolbar.expanded>.icon-button { grid-column:span 1; }
.currency-pill { display:inline-flex; align-items:center; justify-content:center; min-width:38px; padding:5px 8px; border-radius:7px; color:#1769d2; background:#eaf4ff; font-size:9px; font-weight:800; }
@media(max-width:1250px){.sales-orders-toolbar.expanded{grid-template-columns:repeat(6,minmax(0,1fr))}.sales-orders-toolbar.expanded .sales-search-field{grid-column:span 3}.sales-orders-toolbar.expanded .sales-customer-filter{grid-column:span 2}.sales-orders-toolbar.expanded .sales-status-filter{grid-column:span 1}.sales-orders-toolbar.expanded .sales-date-from,.sales-orders-toolbar.expanded .sales-date-to,.sales-orders-toolbar.expanded .sales-min-amount,.sales-orders-toolbar.expanded .sales-max-amount{grid-column:span 2}}
@media(max-width:1100px){.sales-orders-header{grid-template-columns:1fr auto}.sales-orders-header .workspace-tabs{grid-column:1/-1;grid-row:2}.sales-orders-toolbar{grid-template-columns:minmax(0,1fr) minmax(220px,.55fr) 110px}.sales-search-field{grid-column:1}.sales-orders-toolbar .primary-button{grid-column:2}.sales-orders-actions .record-count{display:none}}
@media(max-width:600px){.sales-orders-header{grid-template-columns:1fr}.sales-orders-actions{justify-content:space-between}.sales-orders-header .workspace-tabs{grid-column:auto;grid-row:auto;width:100%}.sales-orders-toolbar,.sales-orders-toolbar.expanded{grid-template-columns:1fr}.sales-orders-toolbar.expanded>*{grid-column:1!important}.sales-search{grid-column:auto}.workspace-tabs a{flex:1;justify-content:center}.row-detail-button span{display:none}}

.new-order-menu { position:relative; z-index:20; }.new-order-menu>summary { list-style:none; cursor:pointer; }.new-order-menu>summary::-webkit-details-marker { display:none; }.new-order-menu[open]>summary { background:#1769d2; }
.new-order-menu-popover { position:absolute; top:calc(100% + 8px); right:0; width:310px; padding:7px; border:1px solid var(--line); border-radius:12px; background:#fff; box-shadow:0 16px 40px rgb(30 55 90 / 18%); }
.new-order-menu-popover::before { content:""; position:absolute; top:-6px; right:25px; width:11px; height:11px; transform:rotate(45deg); border-top:1px solid var(--line); border-left:1px solid var(--line); background:#fff; }
.new-order-menu-popover>a { position:relative; display:grid; grid-template-columns:36px 1fr auto; align-items:center; gap:10px; padding:11px; border-radius:9px; color:var(--ink); text-decoration:none; }.new-order-menu-popover>a:hover { background:#f3f8ff; }
.new-order-menu-popover strong,.new-order-menu-popover small { display:block; }.new-order-menu-popover strong { font-size:11px; }.new-order-menu-popover small { margin-top:3px; color:var(--muted); font-size:9px; }.new-order-menu-popover>a>i { color:#9aa9bb; }
.order-type-icon { display:grid; place-items:center; width:36px; height:36px; border-radius:10px; font-size:15px; }.order-type-icon.wholesale { color:#1769d2; background:#eaf4ff; }.order-type-icon.retail { color:#14976f; background:#e6f7f1; }
.sales-form-heading { align-items:center; }.price-mode-badge { display:inline-flex; align-items:center; gap:7px; padding:9px 12px; border-radius:9px; font-size:10px; font-weight:800; }.price-mode-badge.wholesale { color:#1769d2; background:#eaf4ff; }.price-mode-badge.retail { color:#11805f; background:#e6f7f1; }
@media(max-width:600px){.new-order-menu-popover{right:auto;left:0;width:min(310px,calc(100vw - 36px))}.new-order-menu-popover::before{right:auto;left:25px}}

/* Sales order document editor. */
.sales-editor-shell { max-width: 1680px; margin: 0 auto; }
.sales-editor { display:grid; gap:10px; }
.sales-editor-toolbar { position:sticky; top:0; z-index:12; display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:52px; padding:8px 12px; border:1px solid var(--line); border-radius:11px; background:rgb(255 255 255 / 96%); box-shadow:0 4px 14px rgb(31 65 114 / 6%); backdrop-filter:blur(10px); }
.sales-editor-title,.sales-editor-actions { display:flex; align-items:center; gap:9px; }.sales-editor-title { min-width:0; color:#8a98aa; font-size:10px; }.sales-editor-title strong { overflow:hidden; color:var(--ink); font-size:13px; text-overflow:ellipsis; white-space:nowrap; }.sales-editor-title .back-link { display:inline-flex; align-items:center; gap:5px; margin:0; white-space:nowrap; }
.sales-editor-head { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(520px,.85fr); gap:0; padding:0; overflow:hidden; }
.sales-editor-customer,.sales-editor-document { padding:16px 18px; }.sales-editor-customer { border-right:1px solid var(--line); background:linear-gradient(110deg,#fff,#fbfdff); }.sales-editor-document { background:#fbfcfe; }
.section-caption { display:flex; align-items:center; gap:9px; margin-bottom:12px; }.section-caption>i { display:grid; place-items:center; width:32px; height:32px; flex:0 0 32px; border-radius:9px; color:#247cf0; background:#eaf4ff; }.section-caption strong,.section-caption small { display:block; }.section-caption strong { font-size:11px; }.section-caption small { margin-top:2px; color:var(--muted); font-size:9px; }
.sales-editor-head .form-field { gap:5px; }.sales-editor-head input,.sales-editor-head select { min-height:40px; }
.customer-selection-hint { display:flex; align-items:flex-start; gap:7px; margin-top:10px; color:#7b899b; font-size:9px; line-height:1.45; }.customer-selection-hint i { color:#247cf0; }
.document-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 12px; }
.sales-editor-lines { padding:0; overflow:hidden; }.sales-lines-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 14px; border-bottom:1px solid var(--line); background:#fbfdff; }.sales-lines-heading h3 { margin:2px 0 0; font-size:13px; }.sales-lines-heading .eyebrow { font-size:8px; }
.sales-editor-table-wrap { overflow-x:auto; }.sales-editor-table-head,.sales-editor-line { display:grid; grid-template-columns:30px minmax(250px,1.8fr) 90px 90px 125px 70px 105px 110px 125px 36px; align-items:center; min-width:1120px; }
.sales-editor-table-head { min-height:34px; padding:0 10px; border-bottom:1px solid var(--line); color:#77869a; background:#f6f8fb; font-size:8px; font-weight:800; letter-spacing:.045em; text-transform:uppercase; }
.sales-editor-line { min-height:61px; padding:7px 10px; border-bottom:1px solid #edf1f6; }.sales-editor-line:last-child { border-bottom:0; }.sales-editor-line:hover { background:#fbfdff; }
.sales-editor-line>.line-sequence { color:#8b99aa; font-size:9px; }.sales-editor-line .form-field { min-width:0; padding-right:8px; }.sales-editor-line input,.sales-editor-line select { width:100%; min-height:37px; padding:7px 9px; border-radius:7px; font-size:10px; }.sales-editor-line .field-validation-error { font-size:8px; }
.sales-editor-line .line-unit,.sales-editor-line .line-tax-rate { color:#657489; font-size:9px; }.sales-editor-line .line-tax-amount,.sales-editor-line .line-total { padding-right:9px; text-align:right; font-size:10px; white-space:nowrap; }.sales-editor-line .line-total { color:#14233b; font-size:11px; }.sales-editor-line .line-remove { width:30px; height:30px; border:0; border-radius:8px; color:#c65a62; background:#fff0f1; cursor:pointer; }
.sales-editor-footer { display:grid; grid-template-columns:minmax(0,1fr) 410px; gap:10px; }.sales-editor-note,.sales-editor-summary { padding:15px 17px; }.sales-editor-note textarea { width:100%; resize:vertical; }
.summary-title { display:flex; align-items:center; justify-content:space-between; padding-bottom:10px; border-bottom:1px solid var(--line); font-size:12px; font-weight:800; }.summary-title b { padding:4px 7px; border-radius:7px; color:#1769d2; background:#eaf4ff; font-size:9px; }
.sales-editor-summary dl { margin:5px 0 10px; }.sales-editor-summary dl>div { display:flex; align-items:center; justify-content:space-between; min-height:34px; border-bottom:1px solid #edf1f6; }.sales-editor-summary dt { color:#64748b; font-size:10px; }.sales-editor-summary dd { margin:0; font-size:11px; font-weight:800; }.sales-editor-summary .grand-total { min-height:48px; margin-top:4px; padding:0 10px; border:0; border-radius:9px; color:#185fca; background:#eef5ff; }.sales-editor-summary .grand-total dt,.sales-editor-summary .grand-total dd { color:inherit; font-size:13px; }.sales-editor-summary>small { display:flex; gap:6px; color:#8492a5; font-size:8px; line-height:1.4; }
@media(max-width:1200px){.sales-editor-head{grid-template-columns:1fr}.sales-editor-customer{border-right:0;border-bottom:1px solid var(--line)}.sales-editor-footer{grid-template-columns:1fr 360px}}
@media(max-width:760px){.sales-editor-toolbar{position:static;align-items:flex-start}.sales-editor-title{align-items:flex-start;flex-wrap:wrap}.sales-editor-title>span:not(.price-mode-badge){display:none}.sales-editor-actions .text-button{display:none}.document-fields,.sales-editor-footer{grid-template-columns:1fr}.sales-editor-customer,.sales-editor-document{padding:13px}.sales-editor-summary{grid-row:1}.sales-editor-actions button{font-size:0}.sales-editor-actions button i{font-size:13px}}
.due-date-shortcuts { display:flex; align-items:center; gap:5px; margin-top:10px; }.due-date-shortcuts>span { margin-right:3px; color:var(--muted); font-size:8px; font-weight:700; text-transform:uppercase; }.due-date-shortcuts button { padding:5px 8px; border:1px solid var(--line); border-radius:7px; color:#627187; background:#fff; font-size:8px; cursor:pointer; }.due-date-shortcuts button:hover,.due-date-shortcuts button.active { border-color:#72aaf5; color:#1769d2; background:#eaf4ff; }
.invoice-customer-name { margin:4px 0 14px; font-size:18px; }.invoice-reference { display:flex; align-items:center; justify-content:space-between; max-width:420px; padding:9px 11px; border-radius:8px; background:#f5f8fc; }.invoice-reference span { color:var(--muted); font-size:9px; }.invoice-reference strong { font-size:10px; }
.invoice-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0; }.invoice-meta>div { padding:9px 11px; border:1px solid var(--line); border-radius:8px; background:#fff; }.invoice-meta dt { color:var(--muted); font-size:8px; text-transform:uppercase; }.invoice-meta dd { margin:4px 0 0; color:var(--ink); font-size:10px; font-weight:800; }
.invoice-lines-table { margin:0; }.invoice-lines-table th,.invoice-lines-table td { padding:10px 13px; }.invoice-note { min-height:70px; margin:0; color:#64748b; font-size:10px; line-height:1.6; white-space:pre-wrap; }
.invoice-finance-strip { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:12px 16px; }.invoice-finance-strip>div { display:flex; align-items:center; gap:10px; }.invoice-finance-strip>div>i { display:grid; place-items:center; width:36px; height:36px; border-radius:10px; color:#14976f; background:#e6f7f1; }.invoice-finance-strip small,.invoice-finance-strip strong { display:block; }.invoice-finance-strip small { color:var(--muted); font-size:8px; }.invoice-finance-strip strong { margin-top:3px; font-size:11px; }.invoice-finance-strip dl { display:flex; gap:28px; margin:0; }.invoice-finance-strip dl>div { min-width:110px; text-align:right; }.invoice-finance-strip dt { color:var(--muted); font-size:8px; }.invoice-finance-strip dd { margin:3px 0 0; font-size:10px; font-weight:800; }.sales-editor-actions>a.primary-button { text-decoration:none; }
@media(max-width:760px){.invoice-finance-strip{align-items:flex-start;flex-direction:column}.invoice-finance-strip dl{width:100%;gap:10px}.invoice-finance-strip dl>div{min-width:0;flex:1}}

/* Modern application navigation — single authoritative sidebar layer. */
:root { --sidebar-width: 276px; }
.app-shell { grid-template-columns: var(--sidebar-width) minmax(0, 1fr); }
.sidebar {
    width: var(--sidebar-width); padding: 18px 14px 14px; color: #53647b;
    background: linear-gradient(180deg, #fff 0%, #f9fbff 62%, #f4f8fd 100%);
    border-right: 1px solid #dbe6f2; box-shadow: 8px 0 28px rgb(41 78 124 / 6%);
}
.sidebar::before { content:""; position:absolute; inset:0 0 auto; height:3px; background:linear-gradient(90deg,#256ff2,#6d5ce8,#18b68b); }
.sidebar-head { min-height: 54px; padding: 0 5px; }
.sidebar-head .brand { gap: 11px; padding: 0; }
.brand-mark { width: 40px; height: 40px; border-radius: 13px; color:#fff; background:linear-gradient(145deg,#247cf0,#6657e8); box-shadow:0 10px 24px rgb(54 104 224 / 25%); font-size:16px; }
.brand-copy strong { color:#162238; font-size:14px; letter-spacing:-.2px; }
.brand-copy small { display:flex; align-items:center; gap:5px; margin-top:3px; color:#8898ad; font-size:8px; font-weight:800; letter-spacing:1.25px; text-transform:uppercase; }
.brand-copy small span { width:5px; height:5px; border-radius:50%; background:#1eb386; box-shadow:0 0 0 3px rgb(30 179 134 / 12%); }
.sidebar-search { min-height:45px; margin:17px 3px 13px; padding:8px 9px 8px 13px; border:1px solid #d8e4f0; border-radius:13px; color:#8798ae; background:#fff; box-shadow:0 5px 14px rgb(40 74 116 / 4%); }
.sidebar-search:focus-within { border-color:#82b5f9; box-shadow:0 0 0 4px rgb(36 124 240 / 10%); }
.sidebar-search kbd { padding:5px 7px; border:0; border-radius:7px; color:#7890aa; background:#eef4fb; font-size:9px; box-shadow:none; }
.main-nav { padding-right:3px; }
.nav-group { margin-top:18px; }
.nav-group h2 { margin:0 10px 7px; color:#9aa8ba; font-size:8px; font-weight:900; letter-spacing:1.45px; text-transform:uppercase; }
.nav-item, .nav-module summary { min-height:46px; margin:3px 0; padding:6px 9px; border:1px solid transparent; border-radius:12px; color:#53647a; font-size:12px; font-weight:600; transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s; }
.nav-item:hover, .nav-module summary:hover { color:#1766cf; background:#f0f6ff; border-color:#dfebfa; transform:translateX(2px); }
.nav-module[open] summary { color:#145fbf; background:#edf5ff; border-color:#d9e9fb; }
.nav-icon { flex:0 0 31px; width:31px; height:31px; border-radius:10px; color:#7186a0; background:#eef3f9; font-size:13px; transition:all .16s; }
.nav-item:hover .nav-icon, .nav-module summary:hover .nav-icon, .nav-module[open] summary .nav-icon { color:#247cf0; background:#fff; box-shadow:0 5px 12px rgb(41 99 173 / 10%); }
.nav-label { min-width:0; display:flex; flex:1; flex-direction:column; justify-content:center; }
.nav-label strong { overflow:hidden; color:inherit; font:inherit; white-space:nowrap; text-overflow:ellipsis; }
.nav-label small { margin-top:2px; color:rgb(255 255 255 / 70%); font-size:8px; font-weight:600; }
.nav-home, .main-nav .nav-home[aria-current="page"] { min-height:51px; color:#fff; background:linear-gradient(110deg,#237df2,#4769e8); border-color:transparent; box-shadow:0 10px 24px rgb(36 113 232 / 23%); }
.nav-home:hover { color:#fff; background:linear-gradient(110deg,#176fe4,#3d5dde); transform:translateY(-1px); }
.nav-home .nav-icon, .main-nav .nav-home[aria-current="page"] .nav-icon { color:#fff; background:rgb(255 255 255 / 17%); box-shadow:inset 0 0 0 1px rgb(255 255 255 / 13%); }
.nav-chevron { margin-left:auto; color:#9aabc0; font-size:9px; transition:transform .18s; }
.nav-module[open] .nav-chevron { transform:rotate(180deg); }
.nav-submenu { position:relative; margin:2px 0 7px 24px; padding:4px 0 4px 16px; border-left:1px solid #d7e3f0; }
.nav-submenu a { min-height:34px; gap:9px; margin:2px 0; padding:7px 10px; border-radius:9px; color:#687991; font-size:11px; font-weight:600; transition:all .15s; }
.nav-submenu a:hover { color:#1768d3; background:#eef6ff; transform:translateX(2px); }
.nav-submenu-indicator { flex:0 0 5px; width:5px; height:5px; border-radius:50%; background:#b7c4d4; }
.nav-submenu a[aria-current="page"] { color:#fff; background:linear-gradient(100deg,#263a5c,#1c2e4c); box-shadow:0 7px 16px rgb(27 49 83 / 17%); }
.nav-submenu a[aria-current="page"] .nav-submenu-indicator { background:#54a3ff; box-shadow:0 0 0 3px rgb(84 163 255 / 18%); }
.sidebar-footer { position:sticky; bottom:0; margin-top:20px; padding:11px 9px; border:1px solid #dbe6f1; border-radius:13px; background:rgb(255 255 255 / 94%); box-shadow:0 -7px 22px rgb(41 76 119 / 6%); backdrop-filter:blur(10px); }
.sidebar-footer .avatar { color:#fff; background:linear-gradient(145deg,#247cf0,#6357df); }
.sidebar-footer .icon-button { border-radius:8px; color:#8190a3; }
.sidebar-footer .icon-button:hover { color:#df3d51; background:#fff0f2; }
.sidebar::-webkit-scrollbar { width:6px; }
.sidebar::-webkit-scrollbar-track { background:transparent; }
.sidebar::-webkit-scrollbar-thumb { border-radius:10px; background:#c9d5e2; }
@media(max-width:900px) { .app-shell { grid-template-columns:1fr; } .sidebar { width:var(--sidebar-width); } }

/* Sales order ERP command center. */
.sales-orders-workspace { gap:14px; }
.sales-orders-header { grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto auto; gap:10px 24px; min-height:0; padding:18px 20px 0; border-radius:16px; background:linear-gradient(125deg,#fff 0%,#f8fbff 72%,#eef5ff 100%); box-shadow:0 8px 26px rgb(34 72 121 / 7%); }
.sales-orders-heading { align-self:center; }
.sales-orders-heading .workspace-icon { width:46px; height:46px; flex-basis:46px; border-radius:14px; color:#fff; background:linear-gradient(145deg,#247cf0,#625ce9); box-shadow:0 9px 20px rgb(57 104 222 / 22%); font-size:18px; }
.sales-orders-heading .eyebrow { color:#6d82a0; font-size:8px; letter-spacing:1.3px; }
.sales-orders-heading h2 { margin:2px 0; color:#17243a; font-size:22px; }
.sales-orders-heading p { color:#718198; font-size:11px; }
.sales-orders-actions { align-self:center; }
.record-count { display:grid; grid-template-columns:auto auto; align-items:baseline; gap:0 5px; padding-right:15px; border-right:1px solid #dce6f1; text-align:right; }
.record-count small { grid-column:1/-1; color:#8796a9; font-size:8px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; }
.record-count strong { color:#17243a; font-size:19px; line-height:1; }
.record-count span { color:#7b899c; font-size:9px; }
.sales-orders-actions .primary-button { min-height:42px; padding:0 16px; border-radius:11px; box-shadow:0 8px 18px rgb(36 124 240 / 20%); }
.sales-orders-header .workspace-tabs { grid-column:1/-1; width:100%; gap:24px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.sales-orders-header .workspace-tabs a { position:relative; gap:8px; min-height:42px; padding:10px 2px 12px; border-radius:0; color:#74849a; background:transparent; font-size:11px; }
.sales-orders-header .workspace-tabs a:hover { color:#1769d2; background:transparent; }
.sales-orders-header .workspace-tabs a.active { color:#1769d2; background:transparent; }
.sales-orders-header .workspace-tabs a.active::after { content:""; position:absolute; right:0; bottom:-1px; left:0; height:3px; border-radius:4px 4px 0 0; background:linear-gradient(90deg,#247cf0,#655ce8); }
.sales-orders-header .workspace-tabs a small { display:inline-grid; place-items:center; min-width:22px; height:18px; padding:0 5px; border-radius:9px; color:#1769d2; background:#e8f2ff; font-size:8px; }
.sales-orders-panel { border-radius:16px; box-shadow:0 8px 26px rgb(34 72 121 / 6%); }
.sales-orders-toolbar.expanded { grid-template-columns:repeat(12,minmax(0,1fr)); gap:12px; padding:0 18px 18px; background:linear-gradient(180deg,#fbfdff,#f7faff); }
.sales-filter-heading { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 -18px 3px; padding:14px 18px; border-bottom:1px solid #e2eaf3; background:#fff; }
.sales-filter-heading>div { display:flex; align-items:center; gap:10px; }
.filter-heading-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; color:#247cf0; background:#eaf4ff; }
.sales-filter-heading strong,.sales-filter-heading small { display:block; }
.sales-filter-heading strong { color:#26354a; font-size:12px; }
.sales-filter-heading small { margin-top:2px; color:#8290a3; font-size:9px; }
.active-filter-count { display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border-radius:9px; color:#1769d2; background:#eaf4ff; font-size:9px; font-weight:800; }
.active-filter-count.is-empty { color:#8492a5; background:#f1f4f8; }
.sales-orders-toolbar .toolbar-filter>label:first-child { color:#697a90; font-size:8px; letter-spacing:.35px; }
.sales-orders-toolbar .sales-search input,.sales-orders-toolbar .toolbar-filter>input,.sales-orders-toolbar .toolbar-filter select,.sales-orders-toolbar .select2-container .select2-selection--single { border-color:#d7e2ee; border-radius:10px; background:#fff; box-shadow:0 2px 6px rgb(36 68 105 / 3%); }
.sales-orders-toolbar .sales-search input:focus,.sales-orders-toolbar .toolbar-filter>input:focus,.sales-orders-toolbar .toolbar-filter select:focus { border-color:#7eb4f7; outline:0; box-shadow:0 0 0 3px rgb(36 124 240 / 9%); }
.sales-orders-toolbar.expanded .sales-filter-submit { grid-column:span 2; }
.sales-orders-toolbar.expanded .sales-filter-clear { grid-column:span 1; justify-self:start; color:#6e8097; background:#fff; border:1px solid #d8e3ef; }
@media(max-width:1250px){.sales-orders-toolbar.expanded .sales-filter-submit{grid-column:span 2}.sales-orders-toolbar.expanded .sales-filter-clear{grid-column:span 1}}
@media(max-width:700px){.sales-orders-header{grid-template-columns:1fr;padding:15px 15px 0}.sales-orders-actions{justify-content:space-between}.sales-orders-header .workspace-tabs{grid-column:1}.sales-filter-heading{align-items:flex-start;flex-direction:column}.sales-filter-heading small{display:none}}

/* Sales workspace filter console */
.sales-filter-console { border-bottom:1px solid #e3eaf3; background:#fff; }
.filter-console-main { display:grid; grid-template-columns:minmax(360px,1.35fr) minmax(300px,1fr) minmax(190px,.55fr) 118px; align-items:stretch; gap:10px; padding:14px 16px 10px; }
.filter-search-box,.filter-select-box { display:flex; align-items:center; gap:11px; min-width:0; min-height:54px; padding:7px 12px; border:1px solid #dce5ef; border-radius:12px; background:#fff; transition:border-color .18s,box-shadow .18s; }
.filter-search-box:focus-within,.filter-select-box:focus-within { border-color:#78aff6; box-shadow:0 0 0 3px rgb(36 124 240 / 9%); }
.filter-search-box>i,.filter-select-box>i { display:grid; place-items:center; width:28px; height:28px; flex:0 0 auto; border-radius:8px; color:#2879df; background:#edf5ff; font-size:12px; }
.filter-search-box>span,.filter-select-box>span { display:block; min-width:0; flex:1; }
.filter-search-box small,.filter-select-box label { display:block; margin:0 0 2px; color:#8390a2; font-size:8px; font-weight:800; letter-spacing:.55px; line-height:1.2; text-transform:uppercase; }
.filter-search-box input,.filter-select-box select { width:100%; height:23px; padding:0; border:0; outline:0; color:#26354a; background:transparent; font-size:11px; font-weight:600; }
.filter-search-box input::placeholder { color:#9aa6b5; font-weight:500; }
.filter-select-box .select2-container { width:100%!important; }
.filter-select-box .select2-selection--single { min-height:23px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; }
.filter-select-box .select2-selection__rendered { height:23px!important; padding:0!important; color:#26354a!important; line-height:23px!important; font-size:11px!important; font-weight:600; }
.filter-select-box .select2-selection__arrow { height:23px!important; }
.filter-submit { display:flex; align-items:center; justify-content:center; gap:8px; min-height:54px; border-radius:12px; box-shadow:0 8px 18px rgb(36 124 240 / 16%); }
.filter-console-footer { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:0 16px 10px; }
.advanced-filter-panel { min-width:260px; flex:1; border:1px solid transparent; border-radius:11px; }
.advanced-filter-panel[open] { padding:0 12px 12px; border-color:#e2e9f1; background:#f8fafd; }
.advanced-filter-panel summary { display:flex; align-items:center; gap:8px; width:max-content; padding:7px 2px; color:#53667d; cursor:pointer; list-style:none; font-size:10px; font-weight:750; }
.advanced-filter-panel summary::-webkit-details-marker { display:none; }
.advanced-filter-panel summary small { color:#9aa6b5; font-size:9px; font-weight:500; }
.advanced-filter-panel summary>i:last-child { margin-left:3px; font-size:8px; transition:transform .18s; }
.advanced-filter-panel[open] summary>i:last-child { transform:rotate(180deg); }
.advanced-filter-grid { display:grid; grid-template-columns:repeat(6,minmax(110px,1fr)); gap:10px; padding-top:5px; }
.advanced-filter-grid .toolbar-filter>input,.advanced-filter-grid .toolbar-filter>select { height:38px; border-color:#dce5ef; border-radius:9px; font-size:10px; }
.filter-console-meta { display:flex; align-items:center; gap:10px; min-height:34px; }
.filter-console-meta>a { color:#63758b; font-size:9px; font-weight:700; text-decoration:none; }
.filter-console-meta>a:hover { color:#1769d2; }
.sales-orders-table-wrap { border-top:0; }
@media(max-width:1200px){.filter-console-main{grid-template-columns:minmax(300px,1fr) minmax(260px,.8fr) minmax(170px,.5fr) 104px}.advanced-filter-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.filter-console-main{grid-template-columns:1fr 1fr}.filter-search-box{grid-column:1/-1}.filter-submit{min-height:50px}.filter-console-footer{align-items:stretch;flex-direction:column}.filter-console-meta{justify-content:flex-end}.advanced-filter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.filter-console-main{grid-template-columns:1fr}.filter-search-box{grid-column:auto}.advanced-filter-grid{grid-template-columns:1fr}.filter-console-meta{justify-content:space-between}}

/* Contact master data workspace */
.contact-workspace{display:grid;gap:12px}.contact-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid #dbe6f2;border-radius:16px;background:linear-gradient(115deg,#fff 0%,#f8fbff 70%,#eef5ff 100%);box-shadow:0 8px 26px rgba(39,75,120,.05)}.contact-hero-title,.contact-hero-actions{display:flex;align-items:center;gap:12px}.contact-hero-title h2{margin:2px 0 3px;font-size:22px}.contact-hero-title p{margin:0;color:#6f7e91;font-size:11px}.contact-icon{color:#fff!important;background:linear-gradient(145deg,#2b82f6,#6857e8)!important}.contact-hero-actions .secondary-button,.contact-hero-actions .primary-button{min-height:40px;padding:0 15px;border-radius:11px}.contact-export{color:#128657;border-color:#bfe8d5;background:#f3fff9}.contact-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.contact-metrics article{display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid #dde7f1;border-radius:14px;background:#fff}.contact-metrics article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#287df0;background:#eaf3ff}.contact-metrics article>span.success{color:#15966c;background:#e8f8f2}.contact-metrics article>span.customer{color:#6856df;background:#f0edff}.contact-metrics article>span.supplier{color:#e98428;background:#fff2e6}.contact-metrics small,.contact-metrics strong{display:block}.contact-metrics small{color:#7c8999;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.contact-metrics strong{margin-top:2px;color:#172336;font-size:18px}.contact-data-panel{padding:0;overflow:hidden}.contact-filter{background:#fbfdff;border-bottom:1px solid #dfe8f2}.contact-filter-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5edf5;background:#fff}.contact-filter-heading>div{display:flex;align-items:center;gap:9px}.contact-filter-heading>div>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#287df0;background:#eaf3ff}.contact-filter-heading strong,.contact-filter-heading small{display:block}.contact-filter-heading strong{font-size:12px}.contact-filter-heading small{margin-top:2px;color:#8290a2;font-size:9px}.contact-filter-heading em{padding:6px 9px;border-radius:15px;color:#66809b;background:#f0f5fa;font-size:9px;font-style:normal;font-weight:700}.contact-filter-primary{display:grid;grid-template-columns:minmax(360px,1fr) minmax(200px,.35fr) 180px;gap:10px;padding:13px 16px}.contact-filter label>span{display:block;margin:0 0 5px;color:#74849a;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.45px}.contact-filter input,.contact-filter select{width:100%;height:43px;border:1px solid #d6e1ed;border-radius:10px;background:#fff;color:#26364b}.contact-search>div{position:relative}.contact-search>div i{position:absolute;left:13px;top:15px;color:#6d92bd}.contact-search input{padding-left:38px}.contact-filter-submit{align-self:end;display:flex;align-items:center;justify-content:center;gap:7px;height:43px;border-radius:10px}.contact-advanced{margin:0 16px 12px;border:1px solid #dce6f0;border-radius:11px;background:#f8fbff}.contact-advanced summary{display:flex;align-items:center;gap:8px;padding:9px 11px;cursor:pointer;list-style:none;color:#52667d;font-size:10px;font-weight:700}.contact-advanced summary small{color:#9aa6b5;font-weight:500}.contact-advanced summary>i:last-child{margin-left:auto;transition:transform .2s}.contact-advanced[open] summary>i:last-child{transform:rotate(180deg)}.contact-advanced>div{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr)) auto;align-items:end;gap:10px;padding:0 11px 11px}.contact-clear{display:flex;align-items:center;justify-content:center;gap:6px;height:43px;color:#66798d;font-size:10px;font-weight:700;text-decoration:none}.contact-grid-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #e5edf5}.contact-grid-toolbar strong,.contact-grid-toolbar span{font-size:10px}.contact-grid-toolbar span,.contact-grid-toolbar small{color:#8492a4}.contact-grid-toolbar small{font-size:9px}.contact-table-wrap{min-height:330px}.contact-table{min-width:1280px}.contact-table th{padding:11px 10px;background:#f6f9fc}.contact-table td{padding:11px 10px;vertical-align:middle}.contact-table tbody tr{cursor:pointer}.contact-select{width:32px;text-align:center!important}.contact-select input{width:14px;height:14px;accent-color:#287df0}.contact-actions{white-space:nowrap}.contact-actions a{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:3px;border:1px solid #e0e8f1;border-radius:8px;color:#587493;text-decoration:none}.contact-actions a:hover{color:#fff;background:#287df0;border-color:#287df0}.contact-code{font-family:var(--font-mono);font-size:10px}.contact-role{display:inline-flex;padding:5px 8px;border-radius:12px;color:#465f78;background:#eef4fa;font-size:9px;font-weight:700}.contact-email{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;font-size:10px}.contact-address{display:block;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid #e4ebf3;color:#8290a1;font-size:9px}.contact-pagination>div{display:flex;align-items:center;gap:12px}.contact-pagination a{padding:7px 10px;border:1px solid #dce5ef;border-radius:8px;color:#426583;text-decoration:none;background:#fff}.contact-pagination strong{color:#26374b}.contact-table-wrap+.dt-container .dt-layout-row{display:none}
@media(max-width:900px){.contact-hero{align-items:flex-start;flex-direction:column}.contact-hero-actions{width:100%}.contact-metrics{grid-template-columns:1fr 1fr}.contact-filter-primary{grid-template-columns:1fr 1fr}.contact-search{grid-column:1/-1}.contact-advanced>div{grid-template-columns:1fr 1fr}.contact-pagination{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:560px){.contact-hero-actions{align-items:stretch;flex-direction:column}.contact-metrics,.contact-filter-primary,.contact-advanced>div{grid-template-columns:1fr}.contact-search{grid-column:auto}.contact-grid-toolbar small{display:none}}

/* Full contact profile editor */
.contact-editor form{display:grid;gap:12px}.contact-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid #dbe6f1;border-radius:15px;background:#fff}.contact-editor-toolbar>div{display:flex;align-items:center;gap:10px}.contact-editor-toolbar>div:first-child>a{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#5b7189;background:#f0f5fa;text-decoration:none}.contact-editor-toolbar h2{margin:1px 0 2px;font-size:18px}.contact-editor-toolbar p{margin:0;color:#7d8a9a;font-size:9px}.contact-editor-panel{padding:0;min-height:570px;overflow:hidden}.contact-editor-tabs{display:flex;gap:3px;padding:0 14px;border-bottom:1px solid #dfe7f0;background:#fbfcfe;overflow-x:auto}.contact-editor-tabs button{display:flex;align-items:center;gap:7px;min-height:48px;padding:0 14px;border:0;border-bottom:3px solid transparent;color:#77869a;background:transparent;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer}.contact-editor-tabs button:hover{color:#2377e7}.contact-editor-tabs button.active{color:#176bd7;border-bottom-color:#287df0}.contact-tab-panel{display:none;padding:20px}.contact-tab-panel.active{display:block}.contact-kind-switch{display:flex;gap:18px;margin-bottom:16px}.contact-kind-switch label,.contact-tax-options label{display:flex;align-items:center;gap:7px;color:#485a70;font-size:10px}.contact-kind-switch input,.contact-tax-options input{width:16px;height:16px;accent-color:#287df0}.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px}.contact-form-grid .span-two{grid-column:span 2}.contact-form-grid input,.contact-form-grid select,.contact-form-grid textarea,.repeat-row input,.repeat-row select,.repeat-card input{width:100%;min-height:42px;padding:9px 11px;border:1px solid #d7e1ec;border-radius:9px;background:#fff;color:#25364a}.contact-form-grid textarea{resize:vertical}.contact-tax-options{display:grid;align-content:start;gap:9px;padding:8px 0}.repeat-section{display:grid;gap:13px}.repeat-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:11px;border-bottom:1px solid #e3eaf2}.repeat-heading h3{margin:0 0 3px;font-size:14px}.repeat-heading p{margin:0;color:#8290a1;font-size:9px}.repeat-heading button{display:flex;align-items:center;gap:6px}.repeat-row{display:grid;grid-template-columns:28px minmax(220px,1fr) 34px;align-items:center;gap:9px;margin-bottom:9px}.repeat-row>i{color:#3980df;text-align:center}.repeat-row>button,.repeat-card>button{border:0;color:#d9545f;background:#fff0f1;cursor:pointer}.repeat-row>button{width:34px;height:34px;border-radius:9px}.repeat-row-people{grid-template-columns:minmax(180px,1fr) minmax(150px,.65fr) minmax(220px,1fr) 34px}.repeat-row-bank{grid-template-columns:1fr 1fr 100px 140px 90px 1.3fr 34px}.repeat-card{position:relative;margin-bottom:12px;padding:15px;border:1px solid #dfe7f0;border-radius:12px;background:#fbfdff}.repeat-card>button{margin-top:10px;padding:7px 10px;border-radius:8px;font-size:9px}.einvoice-card{max-width:820px;padding:18px;border:1px solid #dfe8f2;border-radius:13px;background:#fbfdff}.toggle-line{display:flex;align-items:center;gap:9px;margin-bottom:18px}.toggle-line input{width:18px;height:18px;accent-color:#287df0}.contact-editor-footer{position:sticky;bottom:0;z-index:3;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:11px 15px;border:1px solid #dde6ef;border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 -5px 20px rgba(34,64,104,.06)}
@media(max-width:1050px){.repeat-row-bank{grid-template-columns:1fr 1fr 100px}.repeat-row-bank>button{grid-column:3}.contact-editor-tabs button{padding:0 9px}}
@media(max-width:700px){.contact-editor-toolbar{align-items:flex-start;flex-direction:column}.contact-editor-toolbar>div:last-child{width:100%;justify-content:flex-end}.contact-form-grid,.repeat-row-people,.repeat-row-bank{grid-template-columns:1fr}.contact-form-grid .span-two{grid-column:auto}.repeat-row>button,.repeat-row-bank>button{grid-column:auto}.contact-tab-panel{padding:14px}}

/* Contact profile detail workspace */
.contact-profile-details{display:grid;gap:12px}.contact-profile-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;border:1px solid #dbe5ef;border-radius:15px;background:linear-gradient(105deg,#fff 0%,#f7faff 100%)}.contact-profile-title{display:flex;align-items:center;gap:11px}.contact-profile-title h2{margin:1px 0 2px;font-size:19px}.contact-profile-title p{margin:0;color:#78889a;font-size:10px}.contact-detail-tabs{display:flex;gap:5px;padding:6px;border:1px solid #dce6f0;border-radius:13px;background:#fff;overflow-x:auto}.contact-detail-tabs a{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:9px;color:#5f7186;font-size:10px;font-weight:700;text-decoration:none;white-space:nowrap}.contact-detail-tabs a:hover{color:#176bd7;background:#eef6ff}.contact-detail-tabs span,.count-chip{padding:2px 6px;border-radius:999px;color:#2070d8;background:#eaf3ff;font-size:8px}.contact-detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:12px}.contact-detail-card,.contact-section{padding:15px}.profile-currency{padding:5px 9px;border-radius:8px;color:#176bd7;background:#eaf3ff;font-size:9px;font-weight:800}.detail-list.compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.profile-rule-list{display:grid;gap:8px;margin:8px 0 16px}.profile-rule-list span{display:flex;align-items:center;gap:8px;padding:9px;border-radius:9px;color:#8794a4;background:#f5f7fa;font-size:10px}.profile-rule-list span i{color:#b0bac6}.profile-rule-list span.enabled{color:#087e61;background:#eaf8f3}.profile-rule-list span.enabled i{color:#11a67e}.profile-note{padding:12px;border-radius:10px;background:#f8fafc}.profile-note strong{font-size:9px}.profile-note p{margin:5px 0 0;color:#68798d;font-size:10px;line-height:1.5}.contact-communication-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.contact-communication-grid>div{display:flex;gap:10px;padding:13px;border:1px solid #e1e9f1;border-radius:11px;background:#fbfdff}.contact-communication-grid>div>i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#2578e8;background:#eaf3ff}.contact-communication-grid span{display:grid;min-width:0}.contact-communication-grid small{color:#8795a5;font-size:8px}.contact-communication-grid strong{margin:3px 0;color:#26384c;font-size:10px;overflow:hidden;text-overflow:ellipsis}.contact-communication-grid em{color:#738498;font-size:8px;font-style:normal}.profile-item-grid,.profile-address-grid,.profile-bank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profile-item-grid article,.profile-address-grid article,.profile-bank-grid article{display:flex;gap:10px;padding:13px;border:1px solid #e0e8f1;border-radius:11px;background:#fbfdff}.profile-avatar,.profile-bank-grid article>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;color:#2677e5;background:#eaf3ff;font-weight:800}.profile-item-grid article>div,.profile-address-grid article>div,.profile-bank-grid article>div{display:grid;gap:3px;min-width:0}.profile-item-grid strong,.profile-address-grid strong,.profile-bank-grid strong{font-size:10px}.profile-item-grid small,.profile-address-grid small,.profile-bank-grid small{color:#78899b;font-size:8px}.profile-address-grid article>i{color:#7658e8}.profile-address-grid p{margin:0;color:#465b72;font-size:9px;line-height:1.45}.profile-bank-grid code{font-family:inherit;color:#334a63;font-size:9px;overflow-wrap:anywhere}.profile-status{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;color:#8b98a7;background:#f1f4f7;font-size:8px;font-weight:800}.profile-status i{font-size:6px}.profile-status.enabled{color:#087e61;background:#e7f7f1}.empty-profile-state{margin:0;padding:20px;border:1px dashed #d7e2ec;border-radius:11px;color:#8593a3;background:#fbfdff;text-align:center;font-size:10px}
@media(max-width:1100px){.contact-communication-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-item-grid,.profile-address-grid,.profile-bank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.contact-profile-hero{align-items:flex-start;flex-direction:column}.contact-profile-hero .heading-actions{width:100%;justify-content:flex-end}.contact-detail-grid,.detail-list.compact,.contact-communication-grid,.profile-item-grid,.profile-address-grid,.profile-bank-grid{grid-template-columns:1fr}}

/* Compact ERP density and native control normalization */
.primary-button,.secondary-button,.danger-button,.ghost-button,.text-button{min-height:32px;height:auto;margin-top:0;padding:6px 11px;border-radius:7px;font-size:10px;line-height:1.2;gap:6px}.inline-button{margin-top:0}.icon-button{width:32px;height:32px}.form-field input:not([type="checkbox"]):not([type="radio"]),.form-field select{min-height:36px;height:36px;padding:7px 10px;border-radius:7px;font-size:11px}.form-field textarea{min-height:72px;padding:8px 10px;border-radius:7px;font-size:11px}.form-field label{margin-bottom:5px;font-size:9px}.check-row{min-height:34px;gap:16px}.check-row label,.contact-kind-switch label,.contact-tax-options label{display:inline-flex;align-items:center;gap:6px;line-height:1.2}.check-row input[type="checkbox"],.contact-kind-switch input[type="radio"],.contact-tax-options input[type="checkbox"],.toggle-line input[type="checkbox"]{box-sizing:border-box!important;flex:0 0 14px!important;width:14px!important;height:14px!important;min-height:14px!important;margin:0!important;padding:0!important;appearance:auto!important}.contact-form-grid input:not([type="checkbox"]):not([type="radio"]),.contact-form-grid select,.contact-form-grid textarea,.repeat-row input,.repeat-row select,.repeat-card input{min-height:36px;padding:7px 10px;border-radius:7px;font-size:11px}.contact-editor form{gap:9px}.contact-editor-toolbar{padding:10px 13px;border-radius:12px}.contact-editor-toolbar h2{font-size:16px}.contact-editor-panel{min-height:510px}.contact-editor-tabs button{min-height:40px;padding:0 11px;font-size:9px}.contact-tab-panel{padding:15px 18px}.contact-form-grid{gap:10px 14px}.contact-tax-options{grid-column:1/-1;grid-template-columns:repeat(3,max-content);align-items:center;gap:18px;padding:4px 0}.contact-editor-footer{padding:8px 12px;border-radius:10px}.repeat-heading{padding-bottom:8px}.repeat-heading .secondary-button{min-height:30px}.ui-notice{padding:9px 11px;border-radius:8px;font-size:10px}

/* Ortak ERP sayfa işlem başlığı. Sayfa kimliği solda, bütün sayfa işlemleri sağda kalır. */
.topbar{position:sticky;z-index:90;top:0}
.page-heading,.erp-page-header{position:sticky;z-index:80;top:70px;display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;padding:9px 13px;border:1px solid #dce6f0;border-radius:11px;background:rgb(255 255 255 / 96%);box-shadow:0 5px 16px rgb(35 62 92 / 5%);backdrop-filter:blur(12px)}
.page-heading>div:first-child,.erp-page-header>div:first-child{min-width:0}
.page-heading h2,.erp-page-header h2{margin:1px 0 0;color:#17263a;font-size:15px;line-height:1.2;letter-spacing:-.25px}
.page-heading p,.erp-page-header p{max-width:720px;margin:2px 0 0;color:#7c8b9e;font-size:9px;line-height:1.35}
.page-heading .eyebrow,.erp-page-header .eyebrow{font-size:7px;letter-spacing:1.15px}
.page-heading .back-link{display:inline-flex;align-items:center;margin:0 8px 0 0;font-size:9px}
.page-heading>.heading-actions,.page-heading>status-badge,.erp-page-header>.heading-actions{flex:0 0 auto;margin-left:auto}
.erp-page-header .workspace-icon{width:32px;height:32px;border-radius:9px;font-size:13px}
.erp-page-header .contact-profile-title,.erp-page-header.contact-editor-toolbar>div:first-child{gap:9px}
.erp-page-header.contact-profile-hero,.erp-page-header.contact-editor-toolbar{padding:9px 13px;border-radius:11px;background:rgb(255 255 255 / 96%)}
.erp-page-header.contact-editor-toolbar>div:first-child>a{width:30px;height:30px;border-radius:8px}
.erp-page-header .heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}
.erp-page-header .heading-actions .primary-button,.erp-page-header .heading-actions .secondary-button,.erp-page-header .heading-actions .text-button{min-height:30px;padding:5px 10px}
.erp-page-header.contact-list-header{margin-bottom:0}
.erp-page-header.contact-list-header .contact-hero-title{display:flex;min-width:0;align-items:center;gap:9px}
.erp-page-header.contact-list-header .contact-hero-title h2{margin:1px 0 0;font-size:15px}
.erp-page-header.contact-list-header .contact-hero-title p{margin:2px 0 0;font-size:9px}
.erp-page-header.contact-list-header .contact-hero-actions{width:auto}
.erp-page-header.contact-list-header .contact-hero-actions .secondary-button,.erp-page-header.contact-list-header .contact-hero-actions .primary-button{min-height:30px;padding:5px 10px;border-radius:8px}
.contact-actions form{display:inline-block;margin:0 3px 0 0;vertical-align:middle}.contact-actions .contact-state-action{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #e0e8f1;border-radius:8px;background:#fff;cursor:pointer}.contact-state-action--deactivate{color:#c2545d}.contact-state-action--deactivate:hover{color:#fff;border-color:#d65b65;background:#d65b65}.contact-state-action--activate{color:#148565}.contact-state-action--activate:hover{color:#fff;border-color:#15966c;background:#15966c}
.contact-delete-zone{border-color:#fecaca;background:#fffafa}.contact-delete-zone .danger-button{display:inline-flex;align-items:center;gap:7px}
.contact-profile-actions{flex-wrap:wrap}.contact-balance-chip{display:grid;gap:1px;min-width:150px;padding:5px 9px;border:1px solid #dce6f0;border-radius:9px;background:#f8fbff}.contact-balance-chip small{color:#7c8b9c;font-size:7px;font-weight:700;text-transform:uppercase}.contact-balance-chip strong{color:#33465d;font-size:9px}.contact-balance-chip--receivable strong{color:#087e61}.contact-balance-chip--payable strong{color:#c64d58}.contact-detail-tabs{position:sticky;z-index:75;top:140px}.contact-detail-tabs a.active{color:#176bd7;background:#eaf3ff}.contact-scroll-section{scroll-margin-top:205px}.profile-rule-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 9px;border-bottom:1px solid #edf1f5}.profile-rule-list>div>span{padding:0;color:#52657a;background:transparent;font-size:10px}.rule-badge{padding:4px 8px;border-radius:999px;font-size:8px}.rule-badge.is-applied{color:#087e61;background:#e8f7f1}.rule-badge.is-exempt{color:#a06119;background:#fff4df}.profile-item-grid,.profile-address-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.profile-bank-grid{grid-template-columns:repeat(auto-fit,minmax(430px,1fr))}.profile-item-grid article,.profile-address-grid article,.profile-bank-grid article{min-width:0}.bank-account-content{width:100%}.bank-account-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.bank-account-heading b{padding:3px 7px;border-radius:7px;color:#176bd7;background:#eaf3ff;font-size:8px}.bank-account-content dl{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:4px 0}.bank-account-content dl div{display:grid;gap:2px}.bank-account-content dt{color:#8b98a8;font-size:7px;text-transform:uppercase}.bank-account-content dd{margin:0;color:#344a62;font-size:9px}.bank-iban{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border-radius:8px;background:#f2f6fa}.bank-iban code{letter-spacing:.4px}.bank-iban .icon-button{flex:0 0 26px;width:26px;height:26px}.empty-profile-state{padding:0;overflow:hidden}.empty-profile-state summary{padding:11px;cursor:pointer;list-style:none}.empty-profile-state p{margin:0;padding:0 11px 11px}.einvoice-empty{display:flex;align-items:center;gap:8px;margin:0;padding:12px;border-radius:9px;color:#64768a;background:#f5f8fb;font-size:10px}.contact-danger-panel{overflow:hidden;border:1px solid #f2c9cd;border-radius:12px;background:#fffafa}.contact-danger-panel>summary{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;color:#a94049;cursor:pointer;list-style:none}.contact-danger-panel>summary>span{display:grid;grid-template-columns:20px 1fr;align-items:center}.contact-danger-panel>summary>span>i{grid-row:1/3}.contact-danger-panel>summary small{color:#8b6b6e;font-size:8px;font-weight:400}.contact-danger-panel[open]>summary>i{transform:rotate(180deg)}.contact-danger-content{display:grid;gap:1px;border-top:1px solid #f2dadd;background:#f2dadd}.contact-danger-content section{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 13px;background:#fff}.contact-danger-content h3{margin:0 0 3px;font-size:11px}.contact-danger-content p{margin:0;color:#7b6970;font-size:9px}.contact-danger-content form{flex:0 0 auto}
@media(max-width:900px){.contact-profile-actions{width:100%}.contact-balance-chip{flex:1}.contact-detail-tabs{top:128px}.profile-bank-grid{grid-template-columns:1fr}.contact-danger-content section{align-items:flex-start;flex-direction:column}}
.contact-state-action--delete{color:#dc2626!important;background:#fff1f2!important;border-color:#fecdd3!important}.contact-state-action--delete:hover{color:#fff!important;background:#dc2626!important;border-color:#dc2626!important}
.contact-movement-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.contact-movement-metrics article{padding:16px 18px;border:1px solid #dce7f2;border-radius:14px;background:#fff}.contact-movement-metrics small{display:block;color:#718096;margin-bottom:7px}.contact-movement-metrics strong{font-size:19px}.contact-movement-metrics .negative strong{color:#dc2626}.contact-movement-metrics .positive strong{color:#059669}.contact-movement-filter{display:flex;align-items:flex-end;gap:12px;padding:14px 16px;border-bottom:1px solid #e5edf5;background:#f8fbff}.contact-movement-filter-label{display:block;margin:0 0 5px;color:#708299;font-size:9px;font-weight:800;letter-spacing:.45px;text-transform:uppercase}.contact-movement-period{width:410px}.contact-movement-date-range{display:grid;grid-template-columns:34px minmax(135px,1fr) 24px minmax(135px,1fr);align-items:center;height:42px;overflow:hidden;border:1px solid #d8e3ef;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(24,57,93,.03)}.contact-movement-date-range>i:first-child{display:grid;place-items:center;height:100%;color:#287df0;background:#eef5ff}.contact-movement-date-range label{position:relative;height:100%}.contact-movement-date-range label span{position:absolute;top:5px;left:10px;z-index:1;color:#8a98a9;font-size:8px;font-weight:700;text-transform:uppercase;pointer-events:none}.contact-movement-date-range input{width:100%;height:100%;padding:15px 8px 2px;border:0!important;border-radius:0!important;background:transparent!important;color:#26374b;font-size:11px;outline:0}.contact-movement-date-range input:focus{background:#f8fbff!important;box-shadow:inset 0 -2px #287df0}.date-range-separator{color:#9aa9b9;font-size:9px;text-align:center}.contact-movement-currency{width:145px}.contact-movement-currency>div{display:flex;align-items:center;gap:8px;height:42px;padding:0 11px;border:1px solid #d8e3ef;border-radius:10px;background:#fff}.contact-movement-currency strong{display:grid;place-items:center;min-width:37px;height:24px;border-radius:7px;color:#176ac8;background:#eaf3ff;font-size:10px}.contact-movement-currency small{color:#78899d;font-size:9px;line-height:1.15}.contact-movement-filter-actions{display:flex;align-items:center;gap:6px}.contact-movement-filter .inline-button{min-width:154px;height:42px;justify-content:center;border-radius:10px}.contact-movement-clear{display:flex;align-items:center;gap:6px;height:42px;padding:0 11px;border:1px solid #d8e3ef;border-radius:10px;color:#61758d;background:#fff;font-size:10px;font-weight:700;text-decoration:none}.contact-movement-clear:hover{color:#287df0;border-color:#aecdf3;background:#f5f9ff}.amount-cell{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}@media(max-width:900px){.contact-movement-metrics{grid-template-columns:repeat(2,1fr)}.contact-movement-filter{align-items:stretch;flex-wrap:wrap}.contact-movement-period{width:100%}.contact-movement-currency{width:145px}.contact-movement-filter-actions{justify-content:flex-start}}
.contact-account-summary{display:grid;grid-template-columns:minmax(285px,.75fr) minmax(520px,1.5fr);gap:0;margin:14px 0;overflow:hidden;border:1px solid #dce7f2;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgb(29 64 105 / 4%)}.account-balance-primary{display:flex;align-items:center;gap:14px;padding:17px 20px;border-right:1px solid #e5edf5;background:linear-gradient(135deg,#fbfdff,#f4f8ff)}.account-summary-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;color:#287df0;background:#e8f2ff;font-size:16px}.account-balance-primary>div{display:grid;gap:2px}.account-balance-primary small{color:#78899c;font-size:9px}.account-balance-primary strong{color:#22344a;font-size:22px;line-height:1.1;font-variant-numeric:tabular-nums}.account-balance-primary em{color:#6f8196;font-size:9px;font-style:normal;font-weight:700}.contact-account-summary.is-debit .account-balance-primary strong,.contact-account-summary.is-debit .account-balance-primary em{color:#cf4d58}.contact-account-summary.is-credit .account-balance-primary strong,.contact-account-summary.is-credit .account-balance-primary em{color:#078465}.account-turnover-comparison{display:grid;gap:9px;padding:14px 18px}.account-comparison-heading{display:flex;align-items:center;justify-content:space-between}.account-comparison-heading>span{color:#35495f;font-size:10px;font-weight:800}.account-comparison-heading>small{padding:3px 7px;border-radius:999px;color:#61758b;background:#f0f4f8;font-size:8px}.account-comparison-values{display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-comparison-values>div{display:flex;align-items:center;gap:9px}.account-comparison-values>div>i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px}.account-comparison-values>div:first-child>i{color:#d4525d;background:#fff0f1}.account-comparison-values>div:last-child>i{color:#098669;background:#e9f8f3}.account-comparison-values span{display:grid}.account-comparison-values small{color:#8090a2;font-size:8px}.account-comparison-values strong{color:#2d4057;font-size:12px;font-variant-numeric:tabular-nums}.account-comparison-bar{display:flex;height:7px;overflow:hidden;border-radius:999px;background:#edf2f6}.account-comparison-bar span.debit{background:#e16a72}.account-comparison-bar span.credit{background:#22ad86}.account-comparison-legend{display:flex;justify-content:space-between;color:#75869a;font-size:8px}.account-comparison-legend span{display:flex;align-items:center;gap:5px}.account-comparison-legend i{width:6px;height:6px;border-radius:50%}.account-comparison-legend i.debit{background:#e16a72}.account-comparison-legend i.credit{background:#22ad86}@media(max-width:900px){.contact-account-summary{grid-template-columns:1fr}.account-balance-primary{border-right:0;border-bottom:1px solid #e5edf5}.account-comparison-values{gap:10px}}@media(max-width:520px){.account-comparison-values{grid-template-columns:1fr}.account-comparison-legend{display:none}}

/* Cari filtre konsolu: bütün kontroller aynı ölçü ve aynı dikey hizada kalır. */
.contact-filter-primary{grid-template-columns:minmax(420px,1fr) 300px 180px}
.contact-filter label{display:block;min-width:0}
.contact-filter input,.contact-filter select,.contact-filter-submit,.contact-clear{width:100%;height:43px;min-height:43px}
.contact-filter input,.contact-filter select{padding:0 13px;line-height:41px}
.contact-filter select[data-kendo="off"]{padding-right:38px;background:linear-gradient(45deg,transparent 50%,#718298 50%) calc(100% - 18px) 50%/5px 5px no-repeat,linear-gradient(135deg,#718298 50%,transparent 50%) calc(100% - 13px) 50%/5px 5px no-repeat,#fff;appearance:none}
.contact-filter .contact-search input{padding-left:42px}
.contact-filter .contact-search>div>i{top:50%;transform:translateY(-50%);z-index:1;pointer-events:none}

/* Cari kart ekranı, yoğun ofis kullanımında rahat okunacak ölçülerde tutulur. */
.contact-editor-tabs button{font-size:10px}
.contact-editor .form-field label,.contact-editor .contact-kind-switch label,.contact-editor .contact-tax-options label{font-size:10px}
.contact-editor .contact-form-grid input:not([type="checkbox"]):not([type="radio"]),
.contact-editor .contact-form-grid select,
.contact-editor .contact-form-grid textarea,
.contact-editor .repeat-row input,
.contact-editor .repeat-row select,
.contact-editor .repeat-card input{font-size:12px}
.contact-editor .field-help,.contact-editor .repeat-heading p{font-size:10px;line-height:1.45}
.company-region-settings{grid-column:1/-1;margin-top:6px;padding-top:12px;border-top:1px solid #e1e9f1}
.contact-editor select:not([multiple]){height:36px;min-height:36px;padding:0 38px 0 10px;background:linear-gradient(45deg,transparent 50%,#718298 50%) calc(100% - 18px) 50%/5px 5px no-repeat,linear-gradient(135deg,#718298 50%,transparent 50%) calc(100% - 13px) 50%/5px 5px no-repeat,#fff;line-height:34px;appearance:none;cursor:pointer}
.contact-editor select:not([multiple]):disabled{color:#8996a6;background:linear-gradient(45deg,transparent 50%,#a8b2bf 50%) calc(100% - 18px) 50%/5px 5px no-repeat,linear-gradient(135deg,#a8b2bf 50%,transparent 50%) calc(100% - 13px) 50%/5px 5px no-repeat,#f4f7fa;cursor:not-allowed}
.company-region-row{grid-template-columns:repeat(3,minmax(150px,1fr)) 34px}
@media(max-width:700px){.company-region-row{grid-template-columns:1fr}.company-region-row>button{justify-self:end}}
.contact-filter select[data-kendo="off"]:focus{outline:0;border-color:#287df0;box-shadow:0 0 0 3px rgb(40 125 240 / 12%)}
.contact-filter-submit{padding:0 14px;white-space:nowrap}
.contact-advanced>div{grid-template-columns:minmax(240px,1fr) minmax(220px,.85fr) 150px 130px}
.contact-filter .k-dropdownlist{display:flex;width:100%;height:43px;min-height:43px}
.contact-filter .k-dropdownlist .k-input-inner{display:flex;align-items:center;height:41px;padding:0 12px;line-height:41px}
.contact-filter .k-dropdownlist .k-input-button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:41px}
@media(max-width:900px){.contact-filter-primary{grid-template-columns:1fr 1fr}.contact-search{grid-column:1/-1}.contact-advanced>div{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.contact-filter-primary,.contact-advanced>div{grid-template-columns:1fr}.contact-search{grid-column:auto}}
@media(max-width:900px){.page-heading,.erp-page-header{top:70px}}
@media(max-width:700px){.page-heading,.erp-page-header{position:relative;top:auto;align-items:flex-start;flex-direction:column}.page-heading>.heading-actions,.erp-page-header>.heading-actions{width:100%;margin-left:0;justify-content:flex-end}.page-heading p,.erp-page-header p{display:none}}

/* Product and service catalog */
.product-catalog-page{--product-border:#dbe6f0;--product-muted:#7b8ba0}.product-page-header{position:relative;top:auto}.product-heading-copy{display:flex;align-items:center;gap:11px}.product-heading-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#287df0,#6256e8);box-shadow:0 7px 16px rgb(53 105 224 / 18%)}.product-page-header .heading-actions{display:flex;gap:7px}.product-stock-warning{display:flex;align-items:center;gap:9px;margin:0 0 10px;padding:9px 12px;border:1px solid #f5d79b;border-radius:10px;color:#8b651a;background:#fff9eb;font-size:10px}.product-list-panel{overflow:hidden;border-radius:14px}.product-filter{border-bottom:1px solid var(--product-border);background:#fbfdff}.product-filter label>span,.product-range-field legend{display:block;margin:0 0 6px;color:#708299;font-size:8px;font-weight:800;letter-spacing:.45px;text-transform:uppercase}.product-filter-primary{display:grid;grid-template-columns:minmax(380px,1fr) 240px 180px;align-items:end;gap:10px;padding:14px 16px 10px}.product-filter input,.product-filter select{width:100%;height:42px;border:1px solid #d4e0eb;border-radius:10px;color:#26384d;background:#fff;font-size:11px}.product-filter input{padding:0 12px}.product-filter select{padding:0 36px 0 12px;appearance:none;background:linear-gradient(45deg,transparent 50%,#74869b 50%) calc(100% - 18px) 50%/5px 5px no-repeat,linear-gradient(135deg,#74869b 50%,transparent 50%) calc(100% - 13px) 50%/5px 5px no-repeat,#fff}.product-search-field>div{position:relative}.product-search-field i{position:absolute;z-index:1;top:50%;left:14px;color:#287df0;transform:translateY(-50%)}.product-search-field input{padding-left:39px}.product-filter-submit{display:flex;align-items:center;justify-content:center;gap:7px;height:42px;border-radius:10px}.product-advanced{margin:0 16px 12px;border:1px solid #dee7f0;border-radius:11px;background:#f7faff}.product-advanced summary{display:flex;align-items:center;gap:7px;padding:9px 11px;cursor:pointer;list-style:none;color:#51667d;font-size:10px;font-weight:750}.product-advanced summary small{color:#96a3b2;font-weight:500}.product-advanced summary>i:last-child{margin-left:auto;transition:transform .2s}.product-advanced[open] summary>i:last-child{transform:rotate(180deg)}.product-advanced>div{display:grid;grid-template-columns:minmax(180px,1fr) repeat(2,minmax(240px,1.2fr)) 130px auto;align-items:end;gap:10px;padding:0 11px 11px}.product-range-field{display:grid;grid-template-columns:1fr 14px 1fr;align-items:center;gap:5px;margin:0;padding:0;border:0}.product-range-field legend{grid-column:1/-1}.product-range-field>span{text-align:center;color:#92a0b0}.product-page-size{min-width:110px}.product-filter-clear{display:flex;align-items:center;justify-content:center;gap:6px;height:42px;padding:0 10px;color:#61758d;font-size:10px;font-weight:700;text-decoration:none}.product-grid-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #e5edf5;color:#8291a3;font-size:9px}.product-grid-toolbar strong{color:#27394d;font-size:11px}.product-table{min-width:1180px}.product-table th{height:40px;padding:0 11px;color:#6d7e92;background:#f6f9fc;font-size:9px;letter-spacing:.35px}.product-table td{padding:11px;vertical-align:middle}.product-table tbody tr{cursor:pointer}.product-table tbody tr:hover{background:#f8fbff}.product-action-column{width:90px}.product-row-actions{white-space:nowrap}.product-row-actions a{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:3px;border:1px solid #dce6ef;border-radius:8px;color:#55728f;text-decoration:none}.product-row-actions a:hover{color:#fff;border-color:#287df0;background:#287df0}.product-sku{font-family:var(--font-mono);font-size:10px}.product-stock{font-weight:750;font-variant-numeric:tabular-nums}.product-stock.is-positive{color:#087e60}.product-stock.is-negative{color:#c64a55}.product-stock.is-zero{color:#8593a4}@media(max-width:1050px){.product-filter-primary{grid-template-columns:1fr 1fr}.product-search-field{grid-column:1/-1}.product-advanced>div{grid-template-columns:1fr 1fr}.product-page-header{align-items:flex-start;flex-direction:column}.product-page-header .heading-actions{width:100%;justify-content:flex-end}}@media(max-width:620px){.product-filter-primary,.product-advanced>div{grid-template-columns:1fr}.product-search-field{grid-column:auto}.product-page-header .heading-actions{align-items:stretch;flex-direction:column}.product-grid-toolbar small{display:none}}

/* Dense sidebar: compact ERP navigation */
:root{--sidebar-width:236px}.sidebar{width:var(--sidebar-width);padding:12px 10px 10px}.sidebar-head{min-height:43px;padding:0 4px}.sidebar-head .brand{gap:9px}.brand-mark{width:34px;height:34px;border-radius:10px;font-size:13px;box-shadow:0 6px 16px rgb(54 104 224 / 18%)}.brand-copy strong{font-size:13px}.brand-copy small{margin-top:1px;font-size:7px;letter-spacing:1px}.sidebar-search{min-height:37px;height:37px;margin:10px 2px 8px;padding:6px 7px 6px 10px;border-radius:9px;box-shadow:none}.sidebar-search input{font-size:10px}.sidebar-search kbd{padding:3px 5px;border-radius:5px;font-size:8px}.main-nav{padding-right:1px}.nav-group{margin-top:11px}.nav-group h2{margin:0 8px 4px;font-size:7px;letter-spacing:1.2px}.nav-item,.nav-module summary{min-height:34px;margin:1px 0;padding:4px 7px;border-radius:8px;font-size:10px}.nav-icon{flex-basis:24px;width:24px;height:24px;border-radius:7px;font-size:10px}.nav-home,.main-nav .nav-home[aria-current="page"]{min-height:39px;border-radius:9px;box-shadow:0 6px 14px rgb(36 113 232 / 16%)}.nav-label small{margin-top:0;font-size:7px}.nav-chevron{font-size:7px}.nav-submenu{margin:1px 0 4px 18px;padding:2px 0 2px 11px}.nav-submenu a{min-height:27px;margin:1px 0;padding:5px 7px;border-radius:7px;font-size:9px}.nav-submenu-indicator{flex-basis:4px;width:4px;height:4px}.sidebar-footer{grid-template-columns:28px minmax(0,1fr) 27px;margin-top:10px;padding:7px;border-radius:10px}.sidebar-footer .avatar{width:28px;height:28px;font-size:10px}.sidebar-footer .user-meta strong{font-size:9px}.sidebar-footer .user-meta small{font-size:7px}.sidebar-footer .icon-button{width:27px;height:27px}.sidebar::-webkit-scrollbar{width:4px}
@media(max-width:900px){.sidebar{width:var(--sidebar-width)}}


/* Trade sales invoice workspace */
.invoice-workspace { display:grid; gap:14px; }
.invoice-hero { display:grid; grid-template-columns:1fr auto; gap:12px 24px; padding:18px 20px 0; border:1px solid #dce6f1; border-radius:16px; background:linear-gradient(125deg,#fff 0%,#f8fbff 70%,#eef5ff 100%); box-shadow:0 8px 26px rgb(34 72 121 / 7%); }
.invoice-hero-copy,.invoice-hero-actions { display:flex; align-items:center; }
.invoice-hero-copy { gap:13px; }.invoice-hero-copy h2 { margin:1px 0 2px; font-size:21px; }.invoice-hero-copy p { margin:0; color:#7c8ba0; font-size:10px; }
.invoice-hero-icon { display:grid; place-items:center; width:46px; height:46px; border-radius:14px; color:#fff; background:linear-gradient(145deg,#2682f5,#6759e7); box-shadow:0 8px 18px rgb(65 104 224 / 20%); font-size:18px; }
.invoice-hero-actions { gap:10px; }.invoice-report-link { display:flex; align-items:center; gap:7px; min-height:40px; padding:0 13px; border:1px solid #d8e4f0; border-radius:10px; color:#4e627a; background:#fff; font-size:10px; font-weight:750; text-decoration:none; }
.invoice-tabs { grid-column:1/-1; display:flex; gap:25px; }.invoice-tabs a { position:relative; display:flex; align-items:center; gap:7px; min-height:42px; padding:10px 2px 12px; color:#77879b; font-size:10px; font-weight:750; text-decoration:none; }.invoice-tabs a.active { color:#1769d2; }.invoice-tabs a.active::after { content:""; position:absolute; right:0; bottom:-1px; left:0; height:3px; border-radius:4px 4px 0 0; background:linear-gradient(90deg,#247cf0,#655ce8); }.invoice-tabs a span { display:grid; place-items:center; min-width:21px; height:18px; padding:0 5px; border-radius:9px; color:#1769d2; background:#e7f1ff; font-size:8px; }
.invoice-kpis { display:grid; grid-template-columns:repeat(4,minmax(130px,1fr)) minmax(220px,1.35fr); gap:10px; }
.invoice-kpis article { display:flex; align-items:center; gap:11px; min-height:78px; padding:12px 14px; border:1px solid #dfe7f0; border-radius:14px; background:#fff; box-shadow:0 5px 16px rgb(35 69 110 / 5%); }.invoice-kpis article.attention { border-color:#f1cfd2; background:#fffafb; }
.invoice-kpis article>div { min-width:0; }.invoice-kpis small,.invoice-kpis strong,.invoice-kpis article span { display:block; }.invoice-kpis small { color:#8492a4; font-size:8px; font-weight:750; letter-spacing:.35px; text-transform:uppercase; }.invoice-kpis strong { margin:2px 0; color:#223047; font-size:18px; }.invoice-kpis article div>span { overflow:hidden; color:#95a1b0; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.kpi-icon { display:grid!important; place-items:center; width:34px; height:34px; flex:0 0 auto; border-radius:10px; font-size:13px; }.kpi-icon.blue{color:#2779df;background:#eaf3ff}.kpi-icon.amber{color:#b97418;background:#fff2df}.kpi-icon.green{color:#188b66;background:#e8f8f2}.kpi-icon.red{color:#cf4f5a;background:#fdecef}
.invoice-value-kpi { justify-content:space-between; color:#fff!important; border:0!important; background:linear-gradient(135deg,#176fdc,#6357df)!important; }.invoice-value-kpi small,.invoice-value-kpi div>span { color:rgb(255 255 255 / 70%)!important; }.invoice-value-kpi strong { color:#fff!important; font-size:15px!important; }.invoice-value-kpi>i { color:rgb(255 255 255 / 50%); font-size:25px; }
.invoice-list-panel { overflow:hidden; border:1px solid #dce6f1; border-radius:16px; background:#fff; box-shadow:0 8px 26px rgb(34 72 121 / 6%); }
.invoice-filter-console { border-bottom:1px solid #e3eaf2; background:#fbfdff; }.invoice-filter-primary { display:grid; grid-template-columns:minmax(400px,1fr) minmax(210px,.45fr) 155px; gap:10px; padding:13px 16px 9px; }.invoice-filter-submit { display:flex; align-items:center; justify-content:center; gap:7px; min-height:54px; border-radius:12px; }
.invoice-filter-secondary { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:0 16px 9px; }.invoice-advanced-grid { display:grid; grid-template-columns:repeat(7,minmax(100px,1fr)); gap:9px; padding-top:5px; }.invoice-advanced-grid .wide { grid-column:span 2; }.invoice-advanced-grid .select2-container { width:100%!important; }.invoice-filter-clear { display:flex; align-items:center; gap:5px; padding:8px 2px; color:#687b91; font-size:9px; font-weight:750; text-decoration:none; white-space:nowrap; }
.invoice-table-wrap { overflow:auto; }.invoice-table { width:100%; min-width:1200px; border-collapse:collapse; }.invoice-table th { padding:10px 12px; color:#78889d; background:#f5f8fc; font-size:8px; font-weight:800; letter-spacing:.45px; text-align:left; text-transform:uppercase; }.invoice-table td { padding:11px 12px; border-top:1px solid #e8edf3; color:#405168; font-size:10px; vertical-align:middle; }.invoice-table tbody tr:hover { background:#f8fbff; }.invoice-table tbody tr.overdue-row { background:#fffafb; }.invoice-table strong,.invoice-table small { display:block; }.invoice-table td>small { margin-top:3px; color:#95a2b1; font-size:8px; }.invoice-number { color:#18304f; font-size:10px; font-weight:800; text-decoration:none; }.invoice-number:hover { color:#176fdc; }.invoice-table .numeric { text-align:right; font-variant-numeric:tabular-nums; }.total-cell strong { color:#182a42; font-size:11px; }.total-cell small { color:#2574d7!important; font-weight:750; }
.source-chip,.due-date { display:inline-flex; align-items:center; gap:5px; padding:5px 7px; border-radius:8px; font-size:8px; font-weight:700; }.source-chip.order{color:#43688f;background:#edf4fb}.source-chip.direct{color:#7256ba;background:#f2edff}.due-date{color:#536a84;background:#f1f5f9}.due-date.overdue{color:#c44752;background:#fdecef}.muted-value{color:#9aa6b4;font-size:9px}.invoice-row-action { display:inline-flex; align-items:center; gap:6px; padding:7px 9px; border:1px solid #dbe6f2; border-radius:8px; color:#2475dc; background:#fff; font-size:9px; font-weight:750; text-decoration:none; }.invoice-row-action:hover { border-color:#9fc4f3; background:#edf5ff; }
.sales-invoices-table .sales-invoice-action-column{width:92px;text-align:center}.sales-invoices-table td.sales-invoice-action-column{text-align:center}.sales-invoices-table .invoice-row-action{justify-content:center;min-width:68px;min-height:32px;padding:0 10px}.sales-invoices-table .invoice-row-action:hover{color:#fff;border-color:#287ff0;background:#287ff0;transform:translateY(-1px)}
.purchase-invoices-table .purchase-invoice-action-column{width:92px;text-align:center}.purchase-invoices-table td.purchase-invoice-action-column{text-align:center}.purchase-invoices-table .invoice-row-action{justify-content:center;min-width:68px;min-height:32px;padding:0 10px}.purchase-invoices-table .invoice-row-action:hover{color:#fff;border-color:#287ff0;background:#287ff0;transform:translateY(-1px)}.purchase-invoices-table .source-chip{text-decoration:none;white-space:nowrap}
.purchase-orders-table .purchase-order-action-column{width:92px;text-align:center}.purchase-orders-table td.purchase-order-action-column{text-align:center}.purchase-orders-table .invoice-row-action{justify-content:center;min-width:68px;min-height:32px;padding:0 10px}.purchase-orders-table .invoice-row-action:hover{color:#fff;border-color:#287ff0;background:#287ff0;transform:translateY(-1px)}
.sales-address-editor{display:grid;gap:12px;padding:14px 16px}.sales-address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sales-address-grid select{min-height:42px}.sales-address-editor .customer-selection-hint{margin:0}@media(max-width:760px){.sales-address-grid{grid-template-columns:1fr}}
.sales-order-form-page.purchase-order-form-page{--sales-line-grid:36px minmax(270px,1.8fr) minmax(160px,1fr) 82px 100px 115px 72px 100px 105px 115px 42px}.purchase-order-form-page .purchase-editor-lines .sales-editor-table-head,.purchase-order-form-page .purchase-editor-lines .sales-editor-line{grid-template-columns:var(--sales-line-grid);min-width:1320px}.purchase-order-form-page .sales-editor-customer select{width:100%}.purchase-order-form-page .sales-editor-line [data-purchase-line-total],.purchase-order-form-page .sales-editor-line [data-purchase-line-tax]{padding-right:8px;text-align:right;white-space:nowrap}.purchase-order-form-page .purchase-editor-lines .sales-editor-line>.line-remove{grid-column:11;grid-row:1;align-self:center;justify-self:center;margin:0}
.purchase-order-list-page .ui-filter__primary{align-items:end}.purchase-order-list-page .ui-filter-actions{display:grid;grid-template-columns:minmax(88px,1fr) 38px;gap:7px}.purchase-order-list-page .ui-filter-actions .ui-action{width:100%;min-width:0}.purchase-order-list-page .ui-filter-actions .ui-action--secondary{padding-inline:0}@media(max-width:1100px){.purchase-order-list-page .ui-filter__primary{grid-template-columns:repeat(6,minmax(0,1fr))}.purchase-order-list-page .ui-filter-field:nth-child(1){grid-column:span 6}.purchase-order-list-page .ui-filter-field:nth-child(2){grid-column:span 3}.purchase-order-list-page .ui-filter-field:nth-child(3){grid-column:span 1}.purchase-order-list-page .ui-filter-actions{grid-column:span 2}}@media(max-width:640px){.purchase-order-list-page .ui-filter__primary{grid-template-columns:1fr}.purchase-order-list-page .ui-filter-field:nth-child(n),.purchase-order-list-page .ui-filter-actions{grid-column:1}}
.invoice-list-panel>.pagination { padding:11px 15px; }
@media(max-width:1250px){.invoice-kpis{grid-template-columns:repeat(4,1fr)}.invoice-value-kpi{grid-column:1/-1}.invoice-advanced-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.invoice-hero{grid-template-columns:1fr}.invoice-hero-actions{justify-content:space-between}.invoice-kpis{grid-template-columns:repeat(2,1fr)}.invoice-filter-primary{grid-template-columns:1fr 1fr}.invoice-filter-primary .filter-search-box{grid-column:1/-1}.invoice-filter-submit{min-height:50px}.invoice-advanced-grid{grid-template-columns:repeat(2,1fr)}.invoice-filter-secondary{flex-direction:column}}
@media(max-width:520px){.invoice-kpis{grid-template-columns:1fr}.invoice-value-kpi{grid-column:auto}.invoice-filter-primary,.invoice-advanced-grid{grid-template-columns:1fr}.invoice-filter-primary .filter-search-box,.invoice-advanced-grid .wide{grid-column:auto}.invoice-hero-actions{align-items:stretch;flex-direction:column}}

/* Sales order document detail. */
.sales-order-document { display:grid; gap:14px; }
.sales-order-document .ui-page-header__actions form { margin:0; }
.sales-order-document .ui-page-header__actions status-badge { display:inline-flex; align-items:center; }
.sales-order-document .ui-page-header__actions { flex-wrap:wrap; }
.invoice-cancel-form{position:relative;display:inline-flex;margin:0}.invoice-cancel-menu{position:relative}.invoice-cancel-menu>summary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid #ffc9cf;border-radius:9px;color:#d94252;background:#fff;font-size:12px;font-weight:650;white-space:nowrap;cursor:pointer;list-style:none}.invoice-cancel-menu>summary::-webkit-details-marker{display:none}.invoice-cancel-menu>summary i:last-child{margin-left:2px;font-size:9px;transition:transform .18s}.invoice-cancel-menu[open]>summary{border-color:#f1aab2;background:#fff7f8}.invoice-cancel-menu[open]>summary i:last-child{transform:rotate(180deg)}.invoice-cancel-menu__panel{position:absolute;z-index:120;top:calc(100% + 7px);right:0;display:grid;gap:9px;width:255px;padding:12px;border:1px solid #dce6f0;border-radius:11px;background:#fff;box-shadow:0 14px 34px rgb(31 55 79 / 18%)}.invoice-cancel-menu__panel>strong{color:#344960;font-size:10px}.invoice-cancel-menu__panel>button{width:100%}.invoice-stock-return-option{display:flex;align-items:center;gap:9px;min-height:45px;padding:7px 9px;border:1px solid #dce6f0;border-radius:9px;color:#52657b;background:#f8fbfe;cursor:pointer;user-select:none}.invoice-stock-return-option:hover{border-color:#b9d4f4;background:#f3f8ff}.invoice-stock-return-option input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.invoice-stock-return-switch{position:relative;flex:0 0 27px;width:27px;height:16px;border-radius:999px;background:#c9d5e2;transition:.18s ease}.invoice-stock-return-switch::after{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgb(31 55 79 / 25%);content:"";transition:.18s ease}.invoice-stock-return-option input:checked+.invoice-stock-return-switch{background:#2380ee}.invoice-stock-return-option input:checked+.invoice-stock-return-switch::after{transform:translateX(11px)}.invoice-stock-return-option:has(input:focus-visible){outline:2px solid #8bbcf5;outline-offset:2px}.invoice-stock-return-copy{display:grid;line-height:1.15}.invoice-stock-return-copy strong{color:#344960;font-size:9px}.invoice-stock-return-copy small{margin-top:3px;color:#8190a2;font-size:7px;white-space:nowrap}@media(max-width:820px){.invoice-cancel-form{width:auto}.invoice-cancel-menu__panel{right:auto;left:0}}
.order-document-toolbar { position:sticky; z-index:15; top:0; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:13px 16px; border:1px solid #dbe5f0; border-radius:15px; background:rgb(255 255 255 / 95%); box-shadow:0 8px 24px rgb(30 66 110 / 8%); backdrop-filter:blur(14px); }
.order-document-title { display:flex; align-items:center; gap:11px; min-width:0; }
.order-document-title>a { display:grid; place-items:center; width:32px; height:32px; flex:0 0 32px; border-radius:9px; color:#6c7d93; background:#f1f5fa; text-decoration:none; }
.order-document-title>a:hover { color:#1769d2; background:#e8f3ff; }
.order-document-title .workspace-icon { width:39px; height:39px; flex-basis:39px; color:#fff; background:linear-gradient(145deg,#247cf0,#625ce9); }
.order-document-title h2 { margin:1px 0; color:#17243a; font-size:17px; }
.order-document-title p { margin:0; color:#8190a3; font-size:9px; }
.order-document-actions { display:flex; align-items:center; justify-content:flex-end; gap:6px; }
.order-document-actions form { margin:0; }
.document-action { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:36px; padding:0 11px; border:1px solid #dbe5ef; border-radius:9px; color:#52647b; background:#fff; font-size:9px; font-weight:800; text-decoration:none; white-space:nowrap; cursor:pointer; }
.document-action:hover { color:#1769d2; border-color:#bcd7f7; background:#f3f8ff; }
.document-action--primary { color:#fff; border-color:#247cf0; background:#247cf0; box-shadow:0 6px 14px rgb(36 124 240 / 18%); }
.document-action--primary:hover { color:#fff; background:#1769d2; }
.document-action--danger { color:#d13d50; border-color:#f0cdd3; background:#fff7f8; }
.document-action--danger:hover { color:#fff; border-color:#d84054; background:#d84054; }
.order-document-overview { display:grid; grid-template-columns:1.2fr .8fr; gap:14px; }
.order-party-card,.order-meta-card { padding:17px; border:1px solid #dce6f0; border-radius:15px; background:#fff; box-shadow:0 6px 20px rgb(38 73 115 / 5%); }
.document-card-heading { display:flex; align-items:center; gap:10px; padding-bottom:13px; border-bottom:1px solid #e7edf4; }
.document-card-heading>span { display:grid; place-items:center; width:35px; height:35px; border-radius:10px; color:#247cf0; background:#eaf4ff; }
.document-card-heading small { color:#8392a5; font-size:8px; font-weight:900; letter-spacing:1px; }
.document-card-heading h3 { margin:2px 0 0; color:#1c2b41; font-size:13px; }
.document-card-heading>a { margin-left:auto; color:#2472d8; font-size:9px; font-weight:700; text-decoration:none; }
.document-definition-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 22px; margin:8px 0 0; }
.document-definition-list>div { display:grid; grid-template-columns:minmax(95px,.65fr) minmax(0,1fr); gap:10px; align-items:center; min-height:37px; border-bottom:1px solid #edf1f5; }
.document-definition-list dt { color:#7c8a9d; font-size:9px; font-weight:600; }
.document-definition-list dd { overflow:hidden; margin:0; color:#26354a; font-size:10px; font-weight:750; text-align:right; text-overflow:ellipsis; }
.order-address-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.order-address-grid article { display:grid; grid-template-columns:40px minmax(0,1fr); gap:12px; min-height:112px; padding:15px; border:1px solid #dce6f0; border-radius:14px; background:linear-gradient(135deg,#fff,#fafcff); }
.address-icon { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; color:#7a5de4; background:#f0ecff; }
.address-icon.delivery { color:#178f6d; background:#e6f7f1; }
.order-address-grid small { color:#8493a6; font-size:8px; font-weight:900; letter-spacing:1px; }
.order-address-grid h3 { margin:3px 0 5px; color:#223248; font-size:12px; }
.order-address-grid p { margin:0; color:#68788e; font-size:10px; line-height:1.55; }
.delivery-date { display:inline-flex; align-items:center; gap:5px; margin-top:8px; padding:4px 7px; border-radius:7px; color:#2472d8; background:#eaf4ff; font-size:8px; font-weight:700; }
.order-lines-modern { padding:0; overflow:hidden; border-radius:15px; }
.order-lines-modern .panel-heading { padding:14px 17px; background:#fff; }
.line-count { padding:5px 8px; border-radius:8px; color:#2472d8; background:#eaf4ff; font-size:8px; font-weight:800; }
.order-detail-table { min-width:1250px; }
.order-detail-table thead th { padding:10px 12px; color:#687a91; background:#f3f7fb; border-top:1px solid #e0e8f1; border-bottom:1px solid #dce5ef; font-size:8px; letter-spacing:.45px; text-transform:uppercase; }
.order-detail-table tbody td { padding:11px 12px; border-bottom:1px solid #edf1f5; vertical-align:middle; font-size:10px; }
.order-detail-table tbody tr:hover td { background:#f8fbff; }
.line-number { display:grid; place-items:center; width:24px; height:24px; border-radius:8px; color:#687b93; background:#eef3f8; font-size:8px; font-weight:800; }
.discount-type { padding:4px 7px; border-radius:7px; color:#7b689f; background:#f1edfa; font-size:8px; font-weight:700; }
.order-document-footer { display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:30px; padding:16px 17px; background:#fbfdff; }
.order-note { padding:12px; border:1px dashed #d4dfeb; border-radius:11px; background:#fff; }
.order-note p { margin:6px 0 0; color:#68788d; font-size:10px; white-space:pre-line; }
.order-document-footer .order-totals { margin:0; }
.invoice-document-detail .ui-page-header__actions form { margin:0; }
.invoice-document-overview { grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr); }
.invoice-customer-definition .invoice-source-order { grid-column:1/-1; }
.invoice-source-order a { color:#2472d8; font-weight:750; text-decoration:none; }
.invoice-detail-table { width:100%; min-width:960px; }
.invoice-detail-table thead th { padding:10px 14px; color:#687a91; background:#f3f7fb; border-top:1px solid #e0e8f1; border-bottom:1px solid #dce5ef; font-size:8px; letter-spacing:.45px; text-transform:uppercase; }
.invoice-detail-table tbody td { padding:12px 14px; border-bottom:1px solid #edf1f5; vertical-align:middle; font-size:10px; }
.invoice-document-footer { display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:30px; padding:16px 17px; }
.invoice-document-footer .order-totals { width:100%; margin:0; }
.purchase-invoice-detail-table{min-width:1380px}.variance-pill{display:inline-flex;justify-content:center;min-width:46px;padding:4px 7px;border-radius:7px;color:#55708d;background:#eef4fa;font-size:8px;font-weight:800}.variance-pill.outside{color:#bf4350;background:#fdebed}.purchase-invoice-document .invoice-source-order dd{overflow:visible}.purchase-invoice-document .source-chip.direct{display:inline-flex}

/* Expense list. */
.expense-list-page{display:grid;gap:14px}.expense-list-page .ui-page-header__actions{flex-wrap:wrap}.expense-list-page .ui-filter-actions{display:grid;grid-template-columns:minmax(86px,1fr) 38px;gap:7px}.expense-list-page .ui-filter-actions .ui-action{width:100%;min-width:0}.expense-list-page .ui-filter-actions .ui-action--secondary{padding-inline:0}.expense-list-panel{overflow:hidden;border:1px solid #dce6f1;border-radius:15px;background:#fff;box-shadow:0 7px 24px rgb(34 72 121 / 5%)}.expense-list-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 17px;border-bottom:1px solid #e1e9f2}.expense-list-heading h3{margin:2px 0;color:#1c2b41;font-size:13px}.expense-list-heading p{margin:3px 0 0;color:#8492a4;font-size:9px}.expense-record-count{padding:5px 8px;border-radius:8px;color:#2472d8;background:#eaf4ff;font-size:8px;font-weight:800;white-space:nowrap}.expense-table{width:100%;min-width:1050px;border-collapse:collapse}.expense-table th{padding:10px 13px;color:#718299;background:#f3f7fb;font-size:8px;font-weight:800;letter-spacing:.45px;text-align:left;text-transform:uppercase}.expense-table td{padding:11px 13px;border-top:1px solid #e8eef5;color:#405168;font-size:10px;vertical-align:middle}.expense-table tbody tr:hover{background:#f8fbff}.expense-table strong,.expense-table small{display:block}.expense-table td>small{margin-top:3px;color:#91a0b2;font-size:8px}.expense-number{color:#18304f;font-size:10px;font-weight:800;text-decoration:none}.expense-number:hover{color:#176fdc}.expense-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.expense-total strong{color:#17283f;font-size:11px}.expense-total small{color:#2472d8!important;font-weight:750}.expense-action-column{width:92px;text-align:center!important}.expense-action-column .invoice-row-action{justify-content:center;min-width:68px;min-height:32px;padding:0 10px}.expense-action-column .invoice-row-action:hover{color:#fff;border-color:#287ff0;background:#287ff0;transform:translateY(-1px)}.expense-compact-empty{display:grid;justify-items:center;align-content:center;min-height:260px;padding:30px;text-align:center;background:#fbfdff}.expense-compact-empty>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#277cf0;background:#e9f3ff;font-size:18px}.expense-compact-empty h3{margin:12px 0 5px;color:#1f2e44;font-size:18px}.expense-compact-empty p{max-width:430px;margin:0 0 14px;color:#8090a4;font-size:10px}.expense-list-panel>.pagination{padding:11px 15px}@media(max-width:720px){.expense-list-heading{align-items:flex-start}.expense-list-page .ui-filter-actions{grid-template-columns:1fr 38px}}
@media(max-width:1050px){.invoice-document-overview,.invoice-document-footer{grid-template-columns:1fr}}
@media(max-width:1050px){.order-document-toolbar{position:static;align-items:flex-start;flex-direction:column}.order-document-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.order-document-overview{grid-template-columns:1fr}.order-document-footer{grid-template-columns:1fr}.document-definition-list{grid-template-columns:1fr}}
@media(max-width:650px){.order-document-actions .document-action span{display:none}.order-address-grid{grid-template-columns:1fr}.order-document-title .workspace-icon{display:none}}
@media print{.sidebar,.topbar,.order-document-actions,.order-document-title>a,.workflow-command{display:none!important}.app-shell{display:block}.page-content{width:100%;max-width:none;padding:0}.order-document-toolbar{position:static;border:0;box-shadow:none}.sales-order-document{gap:8px}.order-party-card,.order-meta-card,.order-address-grid article,.order-lines-modern{box-shadow:none}}

/* Purchase order document detail. */
.purchase-order-detail-table{min-width:1180px}.purchase-process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.purchase-process-card{min-width:0;padding:0;overflow:hidden;border-radius:15px}.purchase-process-card .panel-heading{min-height:69px;padding:13px 16px;background:#fff}.purchase-process-card .panel-heading .ui-action{min-height:34px}.purchase-process-list{display:grid;background:#fbfdff}.purchase-process-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:10px 16px;border-top:1px solid #e8eef5;color:#26364b;text-decoration:none}.purchase-process-item.linked{grid-template-columns:38px minmax(0,1fr) auto 12px}.purchase-process-item.linked:hover{background:#f2f8ff}.purchase-process-item strong,.purchase-process-item small{display:block}.purchase-process-item strong{font-size:10px}.purchase-process-item small{margin-top:3px;color:#8391a3;font-size:8px}.purchase-process-item.linked>i{color:#80a5d2;font-size:9px}.process-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px}.process-icon.receipt{color:#168968;background:#e7f7f1}.process-icon.invoice{color:#2878df;background:#eaf3ff}.process-state{padding:5px 8px;border-radius:8px;color:#168968;background:#e7f7f1;font-size:8px;font-weight:800}.purchase-compact-empty{display:grid;justify-items:center;align-content:center;min-height:170px;padding:22px;text-align:center;background:#fbfdff}.purchase-compact-empty>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#2878df;background:#eaf3ff;font-size:15px}.purchase-compact-empty h4{margin:10px 0 4px;color:#213148;font-size:13px}.purchase-compact-empty p{max-width:330px;margin:0;color:#8492a4;font-size:9px;line-height:1.55}@media(max-width:950px){.purchase-process-grid{grid-template-columns:1fr}}@media print{.purchase-process-card .ui-action{display:none!important}.purchase-process-grid{grid-template-columns:1fr 1fr}.purchase-compact-empty{min-height:100px}}

/* Dependency-safe remote customer autocomplete. */
.remote-customer-picker { position:relative; }
.remote-customer-picker>i { position:absolute; z-index:2; top:50%; left:15px; color:#7187a2; transform:translateY(-50%); pointer-events:none; }
.remote-customer-picker>input[type="search"] { width:100%; height:48px; padding:0 45px 0 43px; border:1px solid #cfdbe8; border-radius:11px; color:#17243a; background:#fff; font-size:12px; box-shadow:0 3px 9px rgb(34 70 114 / 4%); }
.remote-customer-picker>input[type="search"]:focus,.remote-customer-picker.is-open>input[type="search"] { border-color:#6da9f8; outline:0; box-shadow:0 0 0 4px rgb(36 124 240 / 10%); }
.remote-customer-picker>[data-clear-customer] { position:absolute; z-index:3; top:8px; right:8px; display:grid; place-items:center; width:32px; height:32px; border:0; border-radius:8px; color:#8493a6; background:#f1f5f9; cursor:pointer; }
.remote-customer-picker>[data-clear-customer]:hover { color:#d13d50; background:#fff0f2; }
.remote-customer-results { position:absolute; z-index:60; top:calc(100% + 7px); right:0; left:0; max-height:320px; padding:7px; overflow-y:auto; border:1px solid #d5e1ed; border-radius:12px; background:#fff; box-shadow:0 18px 45px rgb(28 58 96 / 20%); }
.remote-customer-option { display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:10px; width:100%; padding:9px; border:0; border-radius:9px; color:#24344b; background:transparent; text-align:left; cursor:pointer; }
.remote-customer-option:hover,.remote-customer-option:focus { outline:0; color:#1769d2; background:#eef6ff; }
.remote-customer-option>span:nth-child(2) { min-width:0; }
.remote-customer-option strong,.remote-customer-option small { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.remote-customer-option strong { font-size:11px; }
.remote-customer-option small { margin-top:3px; color:#7f8da0; font-size:9px; }
.remote-customer-option>i { color:#a2b0c2; font-size:9px; }
.remote-customer-message { display:flex; align-items:center; gap:11px; min-height:62px; padding:10px 12px; color:#6d7d91; }
.remote-customer-message>i { display:grid; place-items:center; width:34px; height:34px; color:#247cf0; }
.remote-customer-message strong,.remote-customer-message small { display:block; }
.remote-customer-message strong { color:#35465c; font-size:10px; }.remote-customer-message small { margin-top:3px; font-size:9px; }

.service-unavailable-card { display:flex; align-items:center; flex-direction:column; width:min(680px,100%); margin:8vh auto 0; padding:45px 36px; border:1px solid #dce6f1; border-radius:20px; background:linear-gradient(145deg,#fff,#f8fbff); box-shadow:0 18px 55px rgb(31 67 111 / 10%); text-align:center; }
.service-unavailable-visual { display:flex; align-items:center; gap:15px; margin-bottom:23px; color:#9aabc0; }
.service-unavailable-visual span { display:grid; place-items:center; width:55px; height:55px; border-radius:17px; color:#247cf0; background:#eaf4ff; font-size:20px; box-shadow:0 8px 20px rgb(36 124 240 / 10%); }
.service-unavailable-visual span:last-child { color:#6959df; background:#efedff; }
.service-unavailable-card h2 { margin:8px 0; color:#19283e; font-size:25px; letter-spacing:-.5px; }
.service-unavailable-card>p { max-width:520px; margin:0; color:#708096; font-size:12px; line-height:1.7; }
.service-unavailable-actions { display:flex; gap:9px; margin:24px 0 18px; }
.service-unavailable-actions a { min-height:40px; text-decoration:none; }
.service-unavailable-card>small { color:#8b99ab; font-size:9px; }
@media print {.app-sidebar,.app-header,.sales-editor-toolbar .sales-editor-actions{display:none!important}.app-main{margin:0!important}.sales-editor-toolbar{position:static;box-shadow:none}.sales-editor-shell{max-width:none}}

/* Sales document editor: compact operational workspace */
.sales-editor-shell { max-width:none; }
.sales-editor { gap:12px; }
.sales-editor-toolbar { min-height:58px; padding:9px 14px; border-radius:14px; box-shadow:0 8px 24px rgb(28 74 126 / 7%); }
.sales-editor-title { font-size:11px; }
.sales-editor-title strong { font-size:14px; }
.sales-editor-actions .text-button { display:inline-flex; align-items:center; gap:7px; padding:9px 12px; border-radius:9px; }
.sales-editor-actions .primary-button { min-height:40px; padding-inline:16px; box-shadow:0 6px 15px rgb(36 124 240 / 20%); }
.price-mode-badge { padding:7px 10px; }
.sales-editor-head { grid-template-columns:minmax(420px,1.35fr) minmax(570px,1fr); border-radius:14px; }
.sales-editor-customer,.sales-editor-document { min-height:0; padding:14px 16px; }
.sales-editor-customer { display:grid; grid-template-columns:minmax(0,1fr); align-content:start; }
.section-caption { margin-bottom:9px; }
.section-caption>i { width:34px; height:34px; flex-basis:34px; border:1px solid #dceaff; font-size:14px; box-shadow:0 4px 10px rgb(36 124 240 / 8%); }
.section-caption strong { font-size:12px; }
.section-caption small { font-size:9px; }
.sales-editor-head input,.sales-editor-head select { min-height:42px; border-radius:9px; background:#fff; }
.customer-selection-hint { margin:8px 0 0; padding:8px 10px; border-radius:8px; color:#64748b; background:#f5f9ff; }
.document-fields { gap:8px 10px; }
.sales-lines-heading { padding:10px 14px; }
.sales-lines-heading .secondary-outline-button { display:inline-flex; align-items:center; gap:7px; min-height:38px; }
.sales-editor-table-head,.sales-editor-line { grid-template-columns:36px minmax(280px,2fr) 90px 80px 120px 70px 105px 110px 125px 42px; }
.sales-editor-table-head { min-height:38px; }
.sales-editor-line { min-height:58px; }
.line-sequence { display:grid; place-items:center; width:25px; height:25px; border-radius:8px; font-weight:800; background:#f0f5ff; }
.sales-editor-line .line-remove { display:grid; place-items:center; transition:transform .18s ease,background .18s ease; }
.sales-editor-line .line-remove:hover { transform:translateY(-1px); color:#fff; background:#dc4f5c; }
.sales-editor-footer { grid-template-columns:minmax(0,1fr) 360px; }
.sales-editor-note textarea { min-height:94px; border-radius:9px; }
.sales-editor-summary { position:relative; overflow:hidden; }
.sales-editor-summary::after { position:absolute; right:-22px; bottom:-28px; width:100px; height:100px; border-radius:50%; content:""; background:rgb(36 124 240 / 5%); pointer-events:none; }
.sales-editor-summary .summary-title { display:flex; align-items:center; justify-content:space-between; }
@media(max-width:1180px){.sales-editor-head{grid-template-columns:1fr}.sales-editor-customer{border-right:0;border-bottom:1px solid var(--line)}.sales-editor-footer{grid-template-columns:1fr 340px}}
@media(max-width:760px){.sales-editor-footer{grid-template-columns:1fr}.sales-editor-summary{grid-row:1}.sales-editor-actions .text-button{display:none}}
.sales-editor-customer .select2-container .select2-selection--single { min-height:44px; border:1px solid #d6e0ed; border-radius:9px; background:#fff; }
.sales-editor-customer .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left:13px; padding-right:40px; color:#17243a; line-height:42px; }
.sales-editor-customer .select2-container--default .select2-selection--single .select2-selection__arrow { height:42px; right:9px; }
.select2-results__option { padding:8px 10px; }
.customer-search-result { display:flex; align-items:center; gap:10px; min-height:42px; }
.customer-search-icon { display:grid; place-items:center; width:34px; height:34px; flex:0 0 34px; border-radius:9px; color:#247cf0; background:#edf5ff; }
.customer-search-copy { min-width:0; }
.customer-search-copy strong,.customer-search-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.customer-search-copy strong { color:#17243a; font-size:11px; }
.customer-search-copy small { margin-top:3px; color:#77869a; font-size:9px; }
.select2-container--default .select2-results__option--highlighted[aria-selected] .customer-search-copy strong,.select2-container--default .select2-results__option--highlighted[aria-selected] .customer-search-copy small { color:#fff; }
.sales-editor-document { background:linear-gradient(145deg,#fbfdff 0%,#f7faff 100%); }
.sales-editor-document .document-fields { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.document-control { position:relative; }
.document-control label { display:flex; align-items:center; gap:7px; color:#526279; font-size:9px; font-weight:800; letter-spacing:.015em; }
.document-control label i { width:14px; color:#247cf0; text-align:center; }
.document-control input,.document-control select { width:100%; min-height:44px; padding:9px 12px; border:1px solid #d6e0ed; border-radius:9px; color:#17243a; background-color:#fff; box-shadow:0 2px 5px rgb(40 75 120 / 3%); transition:border-color .18s ease,box-shadow .18s ease; }
.document-control input:focus,.document-control select:focus { outline:0; border-color:#7bb3fa; box-shadow:0 0 0 3px rgb(36 124 240 / 10%); }
.document-control input[type="date"] { color-scheme:light; }
.document-control input[type="date"]::-webkit-calendar-picker-indicator { padding:6px; border-radius:6px; cursor:pointer; background-color:#eef5ff; }
.document-control select { padding-right:38px; cursor:pointer; appearance:auto; }
.document-control .system-document-number { color:#1d4f91; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-weight:700; letter-spacing:.015em; background:#f3f7fc; cursor:not-allowed; }
.document-control .field-help { position:absolute; right:8px; top:2px; color:#8795a8; font-size:7px; font-weight:500; }
@media(max-width:760px){.sales-editor-document .document-fields{grid-template-columns:1fr}}

/* Sales order form alignment fixes. */
.sales-order-form-page .sales-editor-customer { align-content:center; }
.sales-order-form-page .remote-customer-picker>input[type="search"] { height:44px; min-height:44px; padding:0 48px 0 43px!important; }
.sales-order-form-page .remote-customer-picker>i { left:15px; width:16px; text-align:center; }
.sales-order-form-page .remote-customer-picker>[data-clear-customer] { top:6px; right:6px; }
.sales-order-form-page { --sales-line-grid:36px minmax(320px,1fr) 84px 72px 112px 86px 100px 104px 112px 36px; }
.sales-order-form-page .sales-editor-table-head,
.sales-order-form-page .sales-editor-line { grid-template-columns:var(--sales-line-grid); align-items:center; column-gap:8px; min-width:1180px; }
.sales-order-form-page .sales-editor-line .form-field { padding-right:0; }
.sales-order-form-page .sales-editor-line>.form-field { position:relative; display:flex; align-items:center; align-self:center; width:100%; height:40px; min-height:40px; margin:0; }
.sales-order-form-page .sales-editor-line>.form-field>input,
.sales-order-form-page .sales-editor-line>.form-field>select,
.sales-order-form-page .sales-editor-line>.form-field>.select2-container,
.sales-order-form-page .sales-editor-line>.form-field>.input-suffix { width:100%; margin:0; }
.sales-order-form-page .sales-editor-line>.form-field>span.field-validation-error { position:absolute; z-index:2; top:41px; left:2px; margin:0; padding:2px 5px; border-radius:4px; background:#fff1f2; white-space:nowrap; }
.sales-order-form-page .sales-editor-line>.form-field>span.field-validation-valid { display:none; margin:0; }
.sales-order-form-page .sales-editor-table-head { padding-inline:12px; font-size:9px; }
.sales-order-form-page .sales-editor-line { padding-inline:12px; }
.sales-order-form-page .sales-editor-line input,
.sales-order-form-page .sales-editor-line select { box-sizing:border-box; height:40px; min-height:40px; font-size:11px; }
.sales-order-form-page .sales-editor-line .select2-container { display:block; width:100%!important; }
.sales-order-form-page .sales-editor-line .select2-selection--single { box-sizing:border-box; height:40px!important; min-height:40px!important; border-color:#cfdceb!important; border-radius:8px!important; }
.sales-order-form-page .sales-editor-line .select2-selection--single .select2-selection__rendered { height:38px; padding-left:12px!important; line-height:38px!important; }
.sales-order-form-page .sales-editor-line .select2-selection--single .select2-selection__arrow { height:38px!important; }
.sales-order-form-page .sales-editor-line .input-suffix { position:relative; display:block; width:100%; height:40px; }
.sales-order-form-page .sales-editor-line .input-suffix>input { box-sizing:border-box; width:100%; height:40px; padding-right:38px!important; border-radius:8px!important; }
.sales-order-form-page .sales-editor-line .input-suffix>span { position:absolute; top:1px; right:1px; bottom:1px; display:grid; place-items:center; width:32px; height:auto; border:0; border-left:1px solid #dce1e7; border-radius:0 7px 7px 0; color:#6f8095; background:#f4f7fa; pointer-events:none; }
.sales-order-form-page .sales-editor-line>.line-sequence,
.sales-order-form-page .sales-editor-line>.line-tax-amount,
.sales-order-form-page .sales-editor-line>.line-total,
.sales-order-form-page .sales-editor-line>.line-remove { align-self:center; margin-block:0; }
.sales-order-form-page .sales-editor-line>.line-tax-amount,
.sales-order-form-page .sales-editor-line>.line-total { display:flex; align-items:center; justify-content:flex-end; height:40px; line-height:1; }
.sales-order-form-page .sales-editor-line>.line-remove { justify-self:center; }
.sales-order-form-page .sales-editor-line .line-tax-control { position:relative; }
.sales-order-form-page .sales-editor-line .line-tax-control select { min-width:86px; padding-right:30px!important; white-space:nowrap; appearance:none; -webkit-appearance:none; cursor:pointer; }
.sales-order-form-page .sales-editor-line .line-tax-control::after { content:""; position:absolute; top:50%; right:12px; width:6px; height:6px; border-right:1.5px solid #6f8095; border-bottom:1.5px solid #6f8095; transform:translateY(-65%) rotate(45deg); pointer-events:none; }
.sales-order-form-page .sales-editor-line .line-tax-amount,
.sales-order-form-page .sales-editor-line .line-total { padding-right:0; }
@media(max-width:1180px){.sales-order-form-page .sales-editor-customer{align-content:start}}

.company-settings-grid { align-items: start; }
.settings-form { display: grid; gap: 18px; }
.currency-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.currency-choice { display: flex; align-items: center; gap: 11px; padding: 12px; border: 1px solid var(--border-color, #dbe5f0); border-radius: 12px; background: #fff; cursor: pointer; }
.currency-choice.is-selected { border-color: #7fb3ff; background: #f3f8ff; }
.currency-choice span { display: grid; gap: 2px; }
.currency-choice small { color: #718096; }
.tax-rate-choice-grid { display: flex; flex-wrap: wrap; gap: 9px; }
.tax-rate-choice { display: inline-flex; align-items: center; gap: 8px; min-width: 82px; padding: 10px 12px; border: 1px solid #dbe5f0; border-radius: 10px; background: #fff; }
.tax-rate-choice.is-selected { border-color: #7fb3ff; background: #f3f8ff; }
.inline-definition-form { display: grid; grid-template-columns: 110px minmax(180px, 1fr) auto auto; align-items: end; gap: 10px; margin-top: 16px; padding-top: 16px; border-top: 1px solid #e5edf5; }
.unit-definition-list { max-height: 360px; overflow: auto; }
.unit-definition-list article > i { color: #2f80ed; }
@media (max-width: 800px) { .currency-choice-grid { grid-template-columns: 1fr; } .inline-definition-form { grid-template-columns: 1fr; } }
.contact-balance-cell{position:relative;min-width:165px;overflow:visible!important}
.contact-balance-compact{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-height:30px;white-space:nowrap}
.contact-balance-primary{display:grid;justify-items:end;gap:1px}
.contact-balance-primary small{font-size:7px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.contact-balance-primary strong{color:#26374b;font-size:10px;font-weight:850}
.contact-balance-primary strong b{color:#718096;font-size:8px;font-weight:800}
.contact-balance-primary--receivable small{color:#11865f}
.contact-balance-primary--payable small{color:#d84b55}
.contact-balance-more{position:relative}
.contact-balance-more summary{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid #dbe6f1;border-radius:7px;color:#4b6d91;background:#f7faff;font-size:7px;font-weight:800;cursor:pointer;list-style:none}
.contact-balance-more summary::-webkit-details-marker{display:none}
.contact-balance-more[open] summary{color:#176bd7;border-color:#9fc7f7;background:#edf6ff}
.contact-balance-more>div{position:absolute;z-index:90;top:calc(100% + 6px);right:0;display:grid;gap:5px;min-width:190px;padding:9px;border:1px solid #dce6f0;border-radius:10px;background:#fff;box-shadow:0 12px 30px rgb(31 61 94 / 18%)}
.contact-balance-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 6px;border-radius:7px;background:#f7f9fc;white-space:nowrap}
.contact-balance-row strong{color:#26374b;font-size:9px;font-weight:800}
.contact-balance-row strong b{color:#718096;font-size:7px}
.contact-balance-row small{font-size:7px;font-weight:800;text-transform:uppercase}
.contact-balance-row--receivable small{color:#11865f}
.contact-balance-row--payable small{color:#d84b55}
.contact-balance-empty{display:inline-flex;align-items:center;gap:5px;color:#8a98a9;font-size:8px;font-weight:700;white-space:nowrap}
.contact-balance-empty i{color:#aab6c4}
.contact-movement-section-title{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #e4ebf3}.contact-movement-section-title>div{display:flex;align-items:center;gap:10px}.contact-movement-section-title>div>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#287df0;background:#eaf3ff}.contact-movement-section-title strong,.contact-movement-section-title small{display:block}.contact-movement-section-title strong{font-size:13px}.contact-movement-section-title small{margin-top:2px;color:#8190a2;font-size:10px}.contact-movement-table-wrap{width:100%;overflow:hidden}.contact-movement-table{width:100%!important;table-layout:fixed}.contact-movement-table .movement-col-date{width:7%}.contact-movement-table .movement-col-type{width:8%}.contact-movement-table .movement-col-document{width:27%}.contact-movement-table .movement-col-description{width:22%}.contact-movement-table .movement-col-currency{width:7%}.contact-movement-table .movement-col-amount{width:8%}.contact-movement-table .movement-col-status{width:13%}.contact-movement-table th,.contact-movement-table td{padding-left:10px;padding-right:10px;vertical-align:middle}.contact-movement-table td{overflow:hidden}.movement-document-cell>a,.movement-source{display:flex;align-items:center;gap:9px;min-width:0;color:#1c4169;text-decoration:none}.movement-document-cell>a>i:first-child,.movement-source>i{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:8px;color:#287df0;background:#eaf3ff}.movement-document-cell>a>span,.movement-source>span{min-width:0}.movement-document-cell>a>i:last-child{margin-left:auto;color:#8aa0b8;font-size:10px}.movement-document-cell strong,.movement-document-cell small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.movement-document-cell small{margin-top:2px;color:#7d8da0;font-size:9px}.movement-document-cell>a:hover strong{color:#287df0;text-decoration:underline}.movement-description{color:#52647a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.movement-posting-status{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:5px 8px;border-radius:13px;font-size:9px;font-weight:800;white-space:nowrap}.movement-posting-status.is-posted{color:#10795a;background:#e8f7f1}.movement-posting-status.is-reversed{color:#b84d55;background:#fdebed}.movement-debit{color:#c54c55;font-weight:700}.movement-credit{color:#10845f;font-weight:700}.contact-movement-panel>.dt-container>.dt-layout-row:first-child{display:none}.contact-movement-panel .dt-container{width:100%;overflow:hidden}.contact-movement-panel .dt-layout-row:last-child{padding:12px 16px;margin:0;border-top:1px solid #e5edf5}@media(max-width:1100px){.contact-movement-table-wrap{overflow-x:auto}.contact-movement-table{min-width:1050px}.contact-movement-filter{align-items:stretch;flex-direction:column}.contact-movement-filter-actions{justify-content:flex-end}}
.contact-movement-currency{width:165px}.contact-movement-currency-select{position:relative;height:42px}.contact-movement-currency-select>i{position:absolute;top:50%;left:12px;z-index:1;color:#287df0;font-size:11px;transform:translateY(-50%);pointer-events:none}.contact-movement-currency-select select{width:100%;height:42px;padding:0 34px;border:1px solid #d8e3ef;border-radius:10px;color:#26374b;background:linear-gradient(45deg,transparent 50%,#718298 50%) calc(100% - 18px) 50%/5px 5px no-repeat,linear-gradient(135deg,#718298 50%,transparent 50%) calc(100% - 13px) 50%/5px 5px no-repeat,#fff;font-size:11px;font-weight:800;appearance:none;cursor:pointer}.contact-movement-currency-select select:focus{border-color:#7eb3f3;outline:3px solid rgb(40 125 240 / 12%)}

/* Cari listesi masaüstünde çalışma alanına oturur; gereksiz yatay kaydırma oluşturmaz. */
.contact-table-wrap{width:100%;overflow-x:hidden}
.contact-table{width:100%!important;min-width:0;table-layout:fixed}
.contact-table th:nth-child(1),.contact-table td:nth-child(1){width:178px}
.contact-table th:nth-child(2),.contact-table td:nth-child(2){width:21%}
.contact-table th:nth-child(3),.contact-table td:nth-child(3){width:12%}
.contact-table th:nth-child(4),.contact-table td:nth-child(4){width:8%}
.contact-table th:nth-child(5),.contact-table td:nth-child(5){width:10%}
.contact-table th:nth-child(6),.contact-table td:nth-child(6){width:20%}
.contact-table th:nth-child(7),.contact-table td:nth-child(7){width:10%}
.contact-table th:nth-child(8),.contact-table td:nth-child(8){width:12%}
.contact-table th,.contact-table td{min-width:0;overflow:hidden}
.contact-table td:not(.contact-actions){text-overflow:ellipsis}
.contact-table .contact-actions{display:table-cell;white-space:nowrap;overflow:visible}
.contact-table .contact-email,.contact-table .contact-address{max-width:100%}
@media(max-width:1250px){.contact-table-wrap{overflow-x:auto}.contact-table{min-width:1180px}}

.contact-currency-summaries{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:14px 0}.contact-currency-summary{padding:14px 16px;border:1px solid #dce7f2;border-radius:13px;background:#fff}.contact-currency-summary header,.contact-currency-summary footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.contact-currency-summary header span{padding:4px 8px;border-radius:7px;color:#176ac8;background:#eaf3ff;font-size:9px;font-weight:800}.contact-currency-summary header small{color:#7c8b9d;font-size:9px}.contact-currency-summary>strong{display:block;margin:9px 0 11px;color:#26384e;font-size:18px;font-variant-numeric:tabular-nums}.contact-currency-summary.is-debit>strong{color:#c84f59}.contact-currency-summary.is-credit>strong{color:#078465}.contact-currency-summary footer{padding-top:9px;border-top:1px solid #edf1f5;color:#7a899b;font-size:8px}.contact-currency-summary footer b{margin-left:4px;color:#34475e;font-size:9px}.contact-movement-currency{width:205px}.contact-movement-currency-picker{position:relative}.contact-movement-currency-picker>summary{display:flex;align-items:center;gap:9px;height:42px;padding:0 11px;border:1px solid #d8e3ef;border-radius:10px;color:#26374b;background:#fff;cursor:pointer;list-style:none}.contact-movement-currency-picker>summary>i:first-child{color:#287df0}.contact-movement-currency-picker>summary span{flex:1;font-size:10px;font-weight:800}.contact-movement-currency-picker>summary>i:last-child{color:#718298;font-size:9px;transition:transform .2s}.contact-movement-currency-picker[open]>summary>i:last-child{transform:rotate(180deg)}.contact-movement-currency-picker>div{position:absolute;z-index:120;top:47px;left:0;width:100%;padding:6px;border:1px solid #d8e3ef;border-radius:10px;background:#fff;box-shadow:0 10px 28px rgb(31 58 91 / 16%)}.contact-movement-currency-picker label{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:7px;color:#34485f;font-size:10px;font-weight:700;cursor:pointer}.contact-movement-currency-picker label:hover{background:#eef5ff}.contact-movement-currency-picker input{width:14px;height:14px;accent-color:#287df0}
.contact-valuation-summary{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.6fr);gap:0;margin:0 0 14px;overflow:hidden;border:1px solid #dce7f2;border-radius:14px;background:#fff}.contact-valuation-total{display:flex;flex-direction:column;justify-content:center;padding:18px 20px;border-right:1px solid #e4ebf3;background:linear-gradient(135deg,#f7fbff,#eef5ff)}.contact-valuation-total strong{margin:5px 0;color:#176ac8;font-size:22px;font-variant-numeric:tabular-nums}.contact-valuation-total small{color:#657890;font-size:10px}.contact-valuation-lines{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;padding:14px}.contact-valuation-lines>span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border:1px solid #e5edf5;border-radius:9px;color:#61748a;background:#fbfdff;font-size:10px}.contact-valuation-lines strong{color:#21364f;font-variant-numeric:tabular-nums}.contact-valuation-meta{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;padding:8px 14px;border-top:1px solid #e5edf5;color:#718399;background:#fbfcfe;font-size:9px}.contact-movement-valuation-currency{display:block;width:135px}.contact-movement-select-shell{display:grid;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;height:42px;border:1px solid #d8e3ef;border-radius:10px;background:#fff}.contact-movement-select-shell>i{color:#287df0;text-align:center;font-size:10px;pointer-events:none}.contact-movement-select-shell>i:last-child{color:#718298;font-size:8px}.contact-movement-select-shell select{width:100%;height:40px;padding:0;border:0;background:transparent;color:#26374b;font-size:11px;font-weight:800;appearance:none;outline:0}.contact-movement-select-shell:focus-within{border-color:#7db3f4;box-shadow:0 0 0 3px rgb(40 125 240 / 10%)}@media(max-width:900px){.contact-valuation-summary{grid-template-columns:1fr}.contact-valuation-total{border-right:0;border-bottom:1px solid #e4ebf3}.contact-movement-valuation-currency{width:145px}}
.contact-movement-panel .dt-layout-row:last-child{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:64px;padding:12px 16px!important;background:#fbfdff}.contact-movement-panel .dt-info{padding:0!important;color:#72839a;font-size:10px;font-weight:600}.contact-movement-panel .dt-paging{display:flex;align-items:center;justify-content:flex-end}.contact-movement-panel .dt-paging nav{display:flex;align-items:center;gap:4px}.contact-movement-panel .dt-paging .dt-paging-button{display:inline-flex!important;align-items:center;justify-content:center;min-width:34px;height:34px;margin:0!important;padding:0 10px!important;border:1px solid #dbe5ef!important;border-radius:9px!important;color:#52677f!important;background:#fff!important;box-shadow:none!important;font-size:10px!important;font-weight:700!important;line-height:1!important}.contact-movement-panel .dt-paging .dt-paging-button:hover:not(.disabled):not(.current){color:#176ac8!important;border-color:#a9caef!important;background:#eef6ff!important}.contact-movement-panel .dt-paging .dt-paging-button.current{color:#fff!important;border-color:#287df0!important;background:#287df0!important;box-shadow:0 4px 10px rgb(40 125 240 / 20%)!important}.contact-movement-panel .dt-paging .dt-paging-button.disabled{opacity:.42;cursor:not-allowed}.contact-movement-panel .dt-paging .ellipsis{padding:0 4px;color:#93a2b3}@media(max-width:640px){.contact-movement-panel .dt-layout-row:last-child{grid-template-columns:1fr;justify-items:center;gap:10px}.contact-movement-panel .dt-paging .dt-paging-button.first,.contact-movement-panel .dt-paging .dt-paging-button.last{display:none!important}}

/* Cari hareketler: okunabilir finans özeti ve tek hizada işlem alanı */
.contact-movements{--movement-border:#d9e4ef;--movement-muted:#6f8094;--movement-text:#203249}.contact-movements>.erp-page-header{margin-bottom:16px}.contact-valuation-summary{grid-template-columns:minmax(300px,.75fr) minmax(0,1.65fr);border-radius:16px;box-shadow:0 8px 24px rgb(36 73 113 / 6%)}.contact-valuation-total{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;padding:22px 24px;background:linear-gradient(135deg,#f4f8ff 0%,#eef5ff 100%)}.contact-valuation-total>div{display:flex;min-width:0;flex-direction:column}.contact-valuation-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:13px;color:#287df0;background:#fff;box-shadow:0 5px 14px rgb(40 125 240 / 12%);font-size:17px}.contact-valuation-total strong{margin:6px 0 3px;font-size:25px;line-height:1.05;letter-spacing:-.45px}.contact-valuation-total small{font-size:11px;font-weight:600}.contact-valuation-lines{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding:16px}.contact-valuation-line{min-width:0;padding:13px 14px;border:1px solid #e0e8f1;border-radius:11px;background:#fff}.contact-valuation-line>div,.contact-valuation-line footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.contact-valuation-line .currency-code{display:inline-flex;align-items:center;justify-content:center;min-width:39px;height:24px;padding:0 9px;border-radius:7px;color:#176ac8;background:#eaf3ff;font-size:10px;font-weight:900}.contact-valuation-line small{color:var(--movement-muted);font-size:10px}.contact-valuation-line>strong{display:block;margin:10px 0;color:var(--movement-text);font-size:16px;font-variant-numeric:tabular-nums}.contact-valuation-line.is-debit>strong{color:#c44753}.contact-valuation-line.is-credit>strong{color:#078263}.contact-valuation-line footer{padding-top:9px;border-top:1px solid #edf2f7;color:#77889c;font-size:9px}.contact-valuation-line footer b{color:#32475f;font-size:10px;font-variant-numeric:tabular-nums}.contact-valuation-meta{padding:9px 18px;font-size:10px}.contact-movement-panel{overflow:hidden;border-radius:16px;box-shadow:0 8px 24px rgb(36 73 113 / 5%)}.contact-movement-section-title{padding:16px 18px}.contact-movement-section-title>div>span{width:38px;height:38px;border-radius:11px}.contact-movement-section-title strong{font-size:14px}.contact-movement-section-title small{font-size:11px}.contact-movement-filter{display:grid;grid-template-columns:minmax(350px,1.25fr) minmax(190px,.65fr) minmax(145px,.45fr) auto;align-items:end;gap:12px;padding:15px 18px;background:#f7faff}.contact-movement-period,.contact-movement-currency,.contact-movement-valuation-currency{width:auto}.contact-movement-filter-label{margin-bottom:7px;font-size:9px}.contact-movement-date-range,.contact-movement-currency-picker>summary,.contact-movement-select-shell{height:44px;border-color:#cedbe8;background:#fff}.contact-movement-date-range input{font-size:12px}.contact-movement-currency-picker>summary span,.contact-movement-select-shell select{font-size:11px}.contact-movement-filter .inline-button,.contact-movement-clear{height:44px}.contact-movement-filter .inline-button{min-width:148px}.contact-movement-table thead th{height:42px;color:#6d7f93;background:#f7f9fc;font-size:9px;letter-spacing:.35px}.contact-movement-table tbody td{padding-top:12px;padding-bottom:12px;color:#273a50;font-size:11px}.contact-movement-table td>strong,.movement-document-cell strong{font-size:11px}.contact-movement-table .cell-subtitle,.movement-document-cell small{font-size:9px}.contact-movement-table tbody tr:hover{background:#f8fbff}.contact-movement-panel .dt-layout-row:last-child{min-height:58px;background:#fff}
@media(max-width:1200px){.contact-movement-filter{grid-template-columns:1fr 1fr}.contact-movement-filter-actions{justify-content:flex-end}.contact-valuation-summary{grid-template-columns:1fr}.contact-valuation-total{border-right:0;border-bottom:1px solid #e4ebf3}}
@media(max-width:700px){.contact-movement-filter{grid-template-columns:1fr}.contact-movement-date-range{grid-template-columns:32px 1fr 18px 1fr}.contact-valuation-total{padding:18px}.contact-valuation-lines{grid-template-columns:1fr}.contact-valuation-meta{flex-direction:column}.contact-movement-filter-actions{justify-content:stretch}.contact-movement-filter-actions>*{flex:1;justify-content:center}}

.contact-movement-select-shell .select2-container{grid-column:2;width:100%!important;min-width:0}.contact-movement-select-shell .select2-selection--single{min-height:40px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.contact-movement-select-shell .select2-selection__rendered{height:40px!important;padding:0 4px!important;color:#26374b!important;line-height:40px!important;font-size:11px!important;font-weight:800}.contact-movement-select-shell .select2-selection__arrow{display:none}.contact-movement-select-shell>.fa-chevron-down{grid-column:3}.select2-container--open .select2-dropdown{border:1px solid #cddbea;border-radius:10px;box-shadow:0 12px 30px rgb(31 58 91 / 17%)}.select2-results__options{padding:5px}.select2-results__option{margin:2px 0;padding:8px 10px;border-radius:7px;color:#31445b;font-size:11px}.select2-container--default .select2-results__option--selected{color:#176ac8;background:#eaf3ff}.contact-movement-panel .dt-paging .dt-paging-button.previous,.contact-movement-panel .dt-paging .dt-paging-button.next{min-width:76px}.contact-movement-panel .dt-paging .dt-paging-button.disabled{color:#98a6b5!important;border-color:#e3eaf1!important;background:#f7f9fb!important;opacity:1}.contact-movement-panel .dt-paging .dt-paging-button.current{min-width:36px}

.contact-movement-empty{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:18px;margin:24px;padding:24px 26px;border:1px dashed #cbd9e8;border-radius:14px;background:linear-gradient(135deg,#fbfdff,#f5f9ff)}.contact-movement-empty-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;color:#287df0;background:#e8f2ff;font-size:20px}.contact-movement-empty h3{margin:4px 0 5px;color:#203249;font-size:18px}.contact-movement-empty p{max-width:660px;margin:0;color:#6f8094;font-size:12px;line-height:1.55}.contact-movement-empty-actions{display:flex;align-items:center;gap:8px}.contact-movement-empty-actions .inline-button{height:38px;padding:0 13px;font-size:10px}@media(max-width:900px){.contact-movement-empty{grid-template-columns:48px 1fr}.contact-movement-empty-actions{grid-column:1/-1;justify-content:flex-end}}@media(max-width:600px){.contact-movement-empty{margin:14px;padding:18px;grid-template-columns:1fr;text-align:center}.contact-movement-empty-icon{margin:auto}.contact-movement-empty-actions{flex-direction:column}.contact-movement-empty-actions>*{width:100%;justify-content:center}}
.company-fixed-rates{margin-top:14px;padding-top:14px;border-top:1px solid #e5edf5}.company-fixed-rates>p{margin:4px 0 10px;color:#718298;font-size:10px}.fixed-rate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}.fixed-rate-grid>label{display:grid;grid-template-columns:90px minmax(0,1fr) 34px;align-items:center;gap:8px;padding:8px 10px;border:1px solid #dce6f0;border-radius:10px;background:#fbfdff}.fixed-rate-grid>label>span strong,.fixed-rate-grid>label>span small{display:block}.fixed-rate-grid>label>span strong{font-size:11px}.fixed-rate-grid>label>span small{margin-top:2px;color:#8190a2;font-size:8px}.fixed-rate-grid input{height:36px!important;text-align:right;font-variant-numeric:tabular-nums}.fixed-rate-grid em{color:#5f7288;font-size:9px;font-style:normal;font-weight:800}@media(max-width:700px){.fixed-rate-grid{grid-template-columns:1fr}}

/* Ticari tanımlar: kompakt ERP para birimi çalışma alanı */
.company-commerce-panel{overflow:hidden;border-color:#d7e2ed;box-shadow:0 8px 24px rgb(35 67 104 / 5%)}
.company-commerce-panel .commerce-section-heading{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid #e2eaf2;background:linear-gradient(105deg,#fff,#f7faff)}
.commerce-heading-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;color:#1870d4;background:#e7f2ff;font-size:16px}.commerce-section-heading .eyebrow{color:#8292a5;font-size:7px;font-weight:800;letter-spacing:.11em}.commerce-section-heading h3{margin:2px 0 3px;color:#203249;font-size:14px}.commerce-section-heading p{margin:0;color:#74859a;font-size:9px}.company-commerce-panel .settings-form{gap:0;padding:16px 18px 18px}
.company-commerce-panel .currency-choice-grid{grid-template-columns:repeat(7,minmax(105px,1fr));gap:7px;margin-bottom:14px}.company-commerce-panel .currency-choice{min-width:0;min-height:56px;gap:8px;padding:9px 10px;border-radius:9px;background:#fff}.company-commerce-panel .currency-choice:hover{border-color:#a9c8eb;background:#f8fbff}.company-commerce-panel .currency-choice.is-selected{border-color:#86b6ed;background:#eef6ff;box-shadow:inset 0 0 0 1px rgb(40 127 232 / 8%)}.company-commerce-panel .currency-choice input{flex:0 0 15px;width:15px;height:15px;margin:0;accent-color:#287fe8}.company-commerce-panel .currency-choice strong{color:#24384f;font-size:11px}.company-commerce-panel .currency-choice small{overflow:hidden;color:#7b8b9e;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.default-currency-field{display:grid!important;grid-template-columns:minmax(240px,1fr) minmax(260px,.65fr);align-items:center;gap:18px;margin:0 0 16px;padding:12px 14px;border:1px solid #dce7f2;border-radius:10px;background:#f8fbff}.default-currency-field>div{display:grid;gap:3px}.default-currency-field>div>label{color:#2b4057;font-size:10px;font-weight:800}.default-currency-field>div>small{color:#7a8b9f;font-size:8px}.default-currency-field select{height:38px;padding:0 40px 0 11px;border:1px solid #cbd9e8;border-radius:8px;color:#223a55;background:linear-gradient(45deg,transparent 50%,#6e8298 50%) calc(100% - 17px) 50%/5px 5px no-repeat,linear-gradient(135deg,#6e8298 50%,transparent 50%) calc(100% - 12px) 50%/5px 5px no-repeat,#fff;font-size:10px;font-weight:750;appearance:none}
.company-commerce-panel .company-fixed-rates{margin:0 0 16px;padding:0;border:1px solid #dce6f0;border-radius:11px;background:#fff;overflow:hidden}.rate-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 13px;border-bottom:1px solid #e3eaf2;background:#f8fafc}.rate-section-heading label{color:#2b4057;font-size:10px;font-weight:800}.rate-section-heading p{margin:3px 0 0;color:#7c8c9e;font-size:8px}.rate-section-heading>span{padding:5px 8px;border-radius:7px;color:#53708f;background:#eaf1f8;font-size:8px;font-weight:800}.company-commerce-panel .fixed-rate-grid{gap:0;margin:0}.company-commerce-panel .fixed-rate-grid>label{border:0;border-bottom:1px solid #e8edf3;border-radius:0;background:#fff}.company-commerce-panel .fixed-rate-grid>label:nth-child(odd){border-right:1px solid #e8edf3}.company-commerce-panel .fixed-rate-grid input{border-color:#d5e0ea;background:#fbfcfe}.company-commerce-panel .company-fixed-rates>small{display:block;padding:9px 12px;color:#718399;background:#f8fafc;font-size:8px}
.company-commerce-panel .currency-choice:has(input:checked){border-color:#86b6ed;background:#eef6ff;box-shadow:inset 0 0 0 1px rgb(40 127 232 / 8%)}
.parameter-tabs{display:flex;align-items:center;gap:3px;overflow-x:auto;padding:6px;border:1px solid #d7e3ee;border-radius:11px;background:#fff}.parameter-tabs button{display:flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:0;border-radius:8px;color:#61758d;background:transparent;font-size:9px;font-weight:750;white-space:nowrap;cursor:pointer}.parameter-tabs button i{color:#7890a9}.parameter-tabs button em{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;color:#59718d;background:#edf2f7;font-size:7px;font-style:normal}.parameter-tabs button:hover{color:#176bc9;background:#f2f7fd}.parameter-tabs button.is-active{color:#fff;background:#287fe8;box-shadow:0 4px 10px rgb(40 127 232 / 20%)}.parameter-tabs button.is-active i{color:#fff}.parameter-tabs button.is-active em{color:#176bc9;background:#fff}.company-settings-grid{display:block}.company-settings-grid>[data-parameter-panel]{width:100%;margin:0}
.parameter-grid-panel{overflow:hidden;border-color:#d7e3ee;box-shadow:0 8px 24px rgb(35 67 104 / 5%)}.parameter-grid-panel>.panel-heading{min-height:66px;padding:13px 16px;border-bottom:1px solid #e2eaf2;background:#f9fbfd}.parameter-table{width:100%}.parameter-table>header,.parameter-table>article{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(240px,1.4fr) minmax(180px,1fr) 90px;align-items:center;gap:12px;padding:10px 16px}.parameter-table>header{color:#74869b;background:#f4f7fa;font-size:7px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.parameter-table>article{min-height:48px;border-top:1px solid #e6edf4;color:#41566e;font-size:9px}.parameter-table>article:hover{background:#f8fbff}.parameter-table>article strong{color:#20364f;font-size:10px}.parameter-status{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-width:48px;padding:4px 7px;border-radius:11px;font-size:7px;font-weight:850}.parameter-status.is-active{color:#08795a;background:#e7f7f1}.category-parameter-table>article strong{padding-left:calc(var(--category-depth,0) * 14px)}
.currency-definition-table{overflow:hidden;border:1px solid #dce6f0;border-radius:10px;background:#fff}.currency-definition-table>header,.currency-definition-table>article{grid-template-columns:minmax(72px,.42fr) minmax(190px,1fr) minmax(265px,1.25fr) minmax(90px,.42fr) minmax(85px,.38fr) 38px;gap:10px}.currency-definition-table>header{padding:11px 14px}.currency-definition-table>article{min-height:58px;padding:10px 14px}.currency-definition-table>article:first-of-type{border-top:0}.currency-definition-row>input:not([type=checkbox]):not([type=radio]){width:100%;height:36px;padding:0 10px;border:1px solid #d3dfeb;border-radius:8px;color:#263b52;background:#fff;font-size:10px}.currency-definition-row>input:focus{border-color:#438ff0;box-shadow:0 0 0 3px rgb(40 127 232 / 10%);outline:0}.currency-rate-cell{display:grid;grid-template-columns:minmax(110px,1fr) auto 28px;align-items:center;gap:6px;min-width:0}.currency-rate-cell input{min-width:0;width:100%;height:36px;padding:0 9px;border:1px solid #d3dfeb;border-radius:8px;color:#263b52;background:#fff;font-size:9px}.currency-rate-cell input:focus{border-color:#438ff0;box-shadow:0 0 0 3px rgb(40 127 232 / 10%);outline:0}.currency-rate-cell .use-current-rate{height:30px;padding:0 8px;border:1px solid #cbdbea;border-radius:7px;color:#45647f;background:#f6f9fc;font-size:8px;font-weight:750;white-space:nowrap;cursor:pointer}.currency-rate-cell .use-current-rate:hover{color:#176bc9;border-color:#9ec4ec;background:#eef6ff}.currency-rate-cell em{color:#667b91;font-size:8px;font-style:normal;font-weight:800}.local-currency-rate{display:inline-flex;align-items:center;width:max-content;height:28px;padding:0 9px;border-radius:7px;color:#14755b;background:#e8f7f1;font-size:8px;font-weight:800}.currency-grid-note{display:block;padding:9px 3px 0;color:#718399;font-size:8px}.currency-definition-row .currency-default,.currency-definition-row .definition-active{display:flex;align-items:center;gap:7px;height:36px;margin:0;color:#53677e;font-size:9px;font-weight:700}.currency-definition-row .currency-default input,.currency-definition-row .definition-active input[type=checkbox]{flex:0 0 15px;width:15px;height:15px;margin:0;accent-color:#287fe8}.currency-definition-row .definition-remove{align-self:center;margin:0}.currency-definition-row:has(.currency-default input:checked){background:#f7fbff}.currency-definition-row:has(.currency-default input:checked) .currency-default span{color:#176bc9;font-weight:850}
.attribute-definition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:13px}.attribute-definition-card{overflow:hidden;border:1px solid #dce6f0;border-radius:10px;background:#fff}.attribute-definition-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;background:#f7faff}.attribute-definition-card>header small,.attribute-definition-card>header strong{display:block}.attribute-definition-card>header small{color:#8494a7;font-size:6px;font-weight:850;letter-spacing:.09em}.attribute-definition-card>header strong{margin-top:2px;color:#243950;font-size:11px}.attribute-option-table>div{display:grid;grid-template-columns:minmax(0,1fr) 55px 65px;align-items:center;gap:8px;min-height:35px;padding:7px 12px;border-top:1px solid #e8eef4;color:#50647b;font-size:8px}.attribute-option-table>div:first-child{color:#7b8ca0;background:#fbfcfe;font-size:7px;text-transform:uppercase}
@media(max-width:850px){.attribute-definition-grid{grid-template-columns:1fr}.parameter-table{overflow-x:auto}.parameter-table>header,.parameter-table>article{min-width:720px}.currency-definition-table>header,.currency-definition-table>article{min-width:980px}}
.company-price-list-settings{margin:0}.definition-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px;padding:12px 14px;border:1px solid #dce6f0;border-radius:10px;background:#f8fbff}.definition-heading label{color:#243950;font-size:11px;font-weight:850}.definition-heading p{margin:3px 0 0;color:#78899d;font-size:8px}.price-list-definition-rows{overflow:hidden;border:1px solid #dce6f0;border-radius:10px}.price-list-definition-row{display:grid;grid-template-columns:minmax(170px,.65fr) minmax(260px,1.35fr) 90px 38px;align-items:end;gap:10px;padding:10px 12px;border-top:1px solid #e6edf4;background:#fff}.price-list-definition-row:first-child{border-top:0}.price-list-definition-row>div{display:grid;gap:5px}.price-list-definition-row label{color:#60748b;font-size:8px;font-weight:750}.price-list-definition-row input:not([type=checkbox]){width:100%;height:36px;padding:0 10px;border:1px solid #d4e0eb;border-radius:8px;color:#273c53;background:#fff;font-size:9px}.definition-active{display:flex!important;align-items:center;gap:7px;height:36px}.definition-active input{width:15px;height:15px;accent-color:#287fe8}.definition-remove{display:grid;place-items:center;width:36px;height:36px;border:1px solid #f1c6cc;border-radius:8px;color:#d84a58;background:#fff;cursor:pointer}.definition-remove:hover{background:#fff1f3}

/* Sales price-list definitions */
.price-definition-workspace{overflow:hidden;border:1px solid #d7e3ef;border-radius:12px;background:#fff;box-shadow:0 7px 20px rgb(36 64 94 / 5%)}
.price-definition-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;border-bottom:1px solid #dfe8f1;background:#f8fbfe}
.price-definition-title{display:flex;align-items:center;gap:11px}.price-definition-title>span{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;color:#1874df;background:#e8f2ff}.price-definition-title>div{display:grid;gap:2px}.price-definition-title label{color:#21364e;font-size:11px;font-weight:850}.price-definition-title p{margin:0;color:#788a9e;font-size:8px}
.price-definition-actions{display:flex;align-items:center;gap:8px}.price-definition-search{display:flex!important;align-items:center;gap:7px;width:210px;height:34px;padding:0 10px;border:1px solid #d3dfeb;border-radius:8px;background:#fff}.price-definition-search i{color:#8799ac;font-size:10px}.price-definition-search input{width:100%;height:auto!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font-size:9px!important}.price-definition-count{padding:6px 9px;border-radius:999px;color:#52708f;background:#eaf2fa;font-size:8px;font-weight:800}
.price-definition-grid>header,.price-list-definition-row{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(280px,1.65fr) 150px 44px;align-items:center;gap:12px}.price-definition-grid>header{min-height:34px;padding:0 16px;border-bottom:1px solid #dfe8f1;color:#71849a;background:#f1f5f9;font-size:7px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.price-list-definition-row{min-height:58px;padding:9px 16px;border-top:1px solid #e5ecf3;background:#fff;transition:background .18s}.price-definition-grid>header+.price-list-definition-row{border-top:0}.price-list-definition-row:hover{background:#fafdff}.price-list-definition-row.is-new{background:#f2f8ff;box-shadow:inset 3px 0 #287df0}.price-definition-input{display:grid!important;gap:4px}.price-definition-input>span{display:none;color:#73869b;font-size:7px;font-weight:800}.price-definition-input input{width:100%;height:34px!important;padding:0 10px!important;border:1px solid transparent!important;border-radius:7px!important;color:#263b52!important;background:transparent!important;font-size:9px!important;box-shadow:none!important}.price-list-definition-row:hover .price-definition-input input,.price-definition-input input:focus{border-color:#ccdae8!important;background:#fff!important}.price-definition-code input{color:#145fae!important;font-weight:800;letter-spacing:.025em}.price-definition-status{justify-content:flex-start!important;gap:8px}.price-definition-status em{min-width:30px;color:#50677e;font-size:8px;font-style:normal;font-weight:800}.price-definition-note{display:flex;align-items:center;gap:7px;padding:10px 16px;border-top:1px solid #e3ebf3;color:#71849a;background:#fbfcfe;font-size:8px}.price-definition-note i{color:#287df0}.price-definition-workspace+.company-settings-save{margin-top:12px}
@media(max-width:850px){.price-definition-toolbar{align-items:flex-start;flex-direction:column}.price-definition-actions{width:100%;flex-wrap:wrap}.price-definition-search{flex:1;min-width:180px}.price-definition-grid{overflow-x:auto}.price-definition-grid>header,.price-list-definition-row{min-width:720px}}@media(max-width:520px){.price-definition-count{display:none}.price-definition-actions .btn{width:100%}}

/* Price-list controls must remain visibly editable in every theme. */
.price-definition-grid .price-list-definition-row{grid-template-columns:minmax(180px,.72fr) minmax(320px,1.65fr) 170px 44px!important}
.price-definition-grid .price-definition-input input{display:block!important;height:38px!important;padding:0 12px!important;border:1px solid #cbd9e7!important;border-radius:8px!important;background:#fff!important;color:#263b52!important;opacity:1!important}
.price-definition-grid .price-definition-input input:focus{border-color:#287df0!important;box-shadow:0 0 0 3px rgb(40 125 240 / 12%)!important}
.price-definition-grid .price-definition-code input{color:#145fae!important;font-weight:850!important}
.price-definition-grid .price-definition-status{display:grid!important;grid-template-columns:40px 48px!important;align-items:center!important;justify-content:start!important;gap:9px!important;width:98px!important;min-width:98px!important;height:38px!important}
.price-definition-grid .price-definition-status .switch-track{position:relative!important;display:block!important;order:1!important;width:40px!important;height:22px!important;border:1px solid #b9c8d8!important;border-radius:999px!important;background:#c7d4e2!important;box-shadow:inset 0 1px 2px rgb(31 54 80 / 10%)!important}
.price-definition-grid .price-definition-status .switch-track i{position:absolute!important;top:2px!important;left:2px!important;display:block!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 4px rgb(31 54 80 / 30%)!important}
.price-definition-grid .price-definition-status:has(input[type=checkbox]:checked) .switch-track{border-color:#287fe8!important;background:#287fe8!important}
.price-definition-grid .price-definition-status:has(input[type=checkbox]:checked) .switch-track i{transform:translateX(18px)!important}
.price-definition-grid .price-definition-status em{display:block!important;order:2!important;color:#687c91!important;font-size:9px!important;font-style:normal!important;font-weight:800!important}
.price-definition-grid .price-definition-status:has(input[type=checkbox]:checked) em{color:#08795a!important}
@media(max-width:1250px){.company-commerce-panel .currency-choice-grid{grid-template-columns:repeat(4,minmax(110px,1fr))}}@media(max-width:760px){.company-commerce-panel .currency-choice-grid{grid-template-columns:repeat(2,minmax(110px,1fr))}.default-currency-field{grid-template-columns:1fr}.company-commerce-panel .fixed-rate-grid>label:nth-child(odd){border-right:0}}

/* Cari hareket grid alt bilgisi ve sayfalama */
.company-settings-save{display:flex;justify-content:flex-end;padding-top:14px}.company-settings-save .btn{width:auto!important;min-width:104px;height:36px;padding:0 16px;font-size:10px}
.currency-rate-cell .use-current-rate{display:inline-flex;align-items:center;justify-content:center;gap:5px}.currency-rate-cell.is-tcmb .use-current-rate{color:#08795a;border-color:#b9e4d5;background:#e8f7f1}.currency-rate-cell.is-tcmb input{color:#648278;background:#f8fcfa}
.currency-rate-cell .use-current-rate:not(:disabled){color:#176bc9;border-color:#9ec4ec;background:#eef6ff}.currency-rate-cell .use-current-rate:not(:disabled):hover{color:#fff;border-color:#287fe8;background:#287fe8}.currency-rate-cell .use-current-rate:disabled{cursor:not-allowed;opacity:.62;color:#718399;border-color:#d7e0e9;background:#f1f4f7}
.currency-status-switch{display:flex;align-items:center;gap:7px;height:36px;margin:0;cursor:pointer}.currency-status-switch>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.currency-status-switch .switch-track{position:relative;flex:0 0 34px;width:34px;height:19px;border-radius:12px;background:#c7d4e2;transition:.18s ease}.currency-status-switch .switch-track i{position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgb(31 54 80 / 25%);transition:.18s ease}.currency-status-switch:has(input[type=checkbox]:checked) .switch-track{background:#287fe8}.currency-status-switch:has(input[type=checkbox]:checked) .switch-track i{transform:translateX(15px)}.currency-status-switch em{min-width:27px;color:#75869a;font-size:8px;font-style:normal;font-weight:800}.currency-status-switch:has(input[type=checkbox]:checked) em{color:#14755b}.currency-status-switch:focus-within .switch-track{box-shadow:0 0 0 3px rgb(40 127 232 / 14%)}
.currency-definition-table>header,.currency-definition-table>article{grid-template-columns:minmax(72px,.4fr) minmax(170px,.85fr) minmax(360px,1.7fr) minmax(85px,.4fr) minmax(82px,.36fr) 38px}.currency-rate-cell{grid-template-columns:minmax(100px,1fr) auto auto 28px}.current-tcmb-rate{display:inline-flex;align-items:baseline;gap:4px;height:28px;padding:0 7px;border:1px solid #dbe7f1;border-radius:7px;color:#435f7b;background:#fff;white-space:nowrap}.current-tcmb-rate small{color:#8292a5;font-size:7px;font-weight:800}.current-tcmb-rate b{color:#1d6fc8;font-size:8px;font-variant-numeric:tabular-nums}

/* Cari hareket grid alt bilgisi ve sayfalama */
.contact-movement-panel .dt-info{display:flex;align-items:baseline;gap:5px!important;color:#73849a!important;font-size:10px!important;font-weight:600!important}
.contact-movement-panel .dt-info strong{color:#203249;font-size:14px;font-variant-numeric:tabular-nums}
.contact-movement-panel .dt-info span{margin-left:3px;color:#94a2b3;font-weight:500}
.contact-movement-panel .dt-paging nav{gap:6px!important;padding:4px;border:1px solid #e2e9f1;border-radius:11px;background:#f7f9fc}
.contact-movement-panel .dt-paging .dt-paging-button{height:32px!important;border:0!important;border-radius:7px!important;background:transparent!important}
.contact-movement-panel .dt-paging .dt-paging-button:hover:not(.disabled):not(.current){background:#eaf3ff!important}
.contact-movement-panel .dt-paging .dt-paging-button.current{color:#fff!important;background:#287df0!important;box-shadow:0 3px 8px rgb(40 125 240 / 20%)!important}
.contact-movement-panel .dt-paging .dt-paging-button.disabled{color:#a5b0bd!important;background:transparent!important;opacity:.55!important}
.contact-movement-panel .dt-single-page .dt-paging{display:none!important}
.contact-movement-panel .dt-single-page .dt-layout-row:last-child{grid-template-columns:1fr!important}
@media(max-width:640px){.contact-movement-panel .dt-info{flex-wrap:wrap;justify-content:center}}

/* Hizmet kataloğu: stoktan bağımsız, daha kompakt hizmet kartı listesi */
.service-catalog-page .product-heading-icon{background:linear-gradient(135deg,#7a55e7,#4c63dc)}
.service-catalog-page .product-advanced>div{grid-template-columns:minmax(260px,1fr) 140px auto}
.service-catalog-page .product-table{min-width:900px}
.service-catalog-page .product-table th:nth-child(2),.service-catalog-page .product-table td:nth-child(2){width:16%}
.service-catalog-page .product-table th:nth-child(3),.service-catalog-page .product-table td:nth-child(3){width:28%}
.service-catalog-page .product-table th:nth-child(4),.service-catalog-page .product-table td:nth-child(4){width:14%}
.service-catalog-page .product-table th:nth-child(5),.service-catalog-page .product-table td:nth-child(5){width:22%}
.service-catalog-page .product-table th:nth-child(6),.service-catalog-page .product-table td:nth-child(6){width:10%}
.service-catalog-page .product-table th:nth-child(7),.service-catalog-page .product-table td:nth-child(7){width:10%}
@media(max-width:700px){.service-catalog-page .product-advanced>div{grid-template-columns:1fr}}

/* Product price and safe-delete actions */
.product-action-column{width:185px}.product-row-actions form{display:inline-block;margin:0}.product-delete-action,.product-status-action{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:3px;padding:0;border-radius:8px;background:#fff;cursor:pointer;vertical-align:middle}.product-delete-action{border:1px solid #ffd5d9;color:#d9535f}.product-delete-action:hover,.product-deactivate-action:hover{color:#fff;border-color:#e45460;background:#e45460}.product-status-action{border:1px solid #d7e2ef}.product-deactivate-action{color:#d9535f}.product-activate-action{color:#07956b;border-color:#bce9da}.product-activate-action:hover{color:#fff;border-color:#07956b;background:#07956b}.product-price{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}

/* Stock movement history */
.stock-movement-page{--stock-line:#dbe6f0;--stock-muted:#78899d}.stock-movement-header{position:relative;top:auto}.stock-movement-heading{display:flex;align-items:center;gap:11px}.stock-movement-heading-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#287df0,#6558e8);box-shadow:0 7px 16px rgb(53 105 224 / 18%)}.stock-movement-panel{overflow:hidden;border-radius:14px}.stock-movement-filter-title{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--stock-line)}.stock-movement-filter-title>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#287df0;background:#eaf3ff}.stock-movement-filter-title>div{display:flex;flex-direction:column}.stock-movement-filter-title strong{font-size:12px}.stock-movement-filter-title small{margin-top:2px;color:var(--stock-muted);font-size:9px}.stock-movement-filter-title em{margin-left:auto;padding:5px 9px;border-radius:12px;color:#61758d;background:#f0f4f8;font-size:9px;font-style:normal;font-weight:700}.stock-movement-filter{display:grid;grid-template-columns:minmax(350px,1.5fr) repeat(3,minmax(180px,.7fr));align-items:end;gap:10px;padding:14px 16px;background:#f8fbfe}.stock-movement-filter label>span{display:block;margin:0 0 6px;color:#708299;font-size:8px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.stock-movement-filter input,.stock-movement-filter select{width:100%;height:42px;border:1px solid #d4e0eb;border-radius:10px;color:#26384d;background:#fff;font-size:11px}.stock-movement-filter input{padding:0 12px}.stock-movement-filter select{padding:0 36px 0 12px;appearance:none;background:linear-gradient(45deg,transparent 50%,#74869b 50%) calc(100% - 18px) 50%/5px 5px no-repeat,linear-gradient(135deg,#74869b 50%,transparent 50%) calc(100% - 13px) 50%/5px 5px no-repeat,#fff}.stock-movement-search>div{position:relative}.stock-movement-search i{position:absolute;z-index:1;top:50%;left:14px;color:#287df0;transform:translateY(-50%)}.stock-movement-search input{padding-left:39px}.stock-movement-date-range{display:grid;grid-column:1/3;grid-template-columns:1fr 18px 1fr;align-items:end;gap:5px}.stock-movement-date-range>b{height:42px;color:#8b9aad;font-weight:500;line-height:42px;text-align:center}.stock-movement-page-size{min-width:120px}.stock-movement-submit,.stock-movement-clear{display:flex;align-items:center;justify-content:center;gap:7px;height:42px}.stock-movement-clear{padding:0 11px;color:#61758d;font-size:10px;font-weight:700}.stock-movement-table{min-width:1320px}.stock-movement-table th{height:40px;padding:0 12px;color:#6d7e92;background:#f6f9fc;font-size:9px;letter-spacing:.35px}.stock-movement-table td{padding:11px 12px;vertical-align:middle;font-size:10px}.stock-movement-table tbody tr:hover{background:#f8fbff}.stock-movement-date strong,.stock-movement-date small{display:block}.stock-movement-date small{margin-top:3px;color:#94a2b2;font-size:9px}.stock-direction{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:9px;font-weight:750;white-space:nowrap}.stock-direction.is-in{color:#087e60;background:#e8f7f1}.stock-direction.is-out{color:#c44753;background:#fdecef}.stock-warehouse{display:inline-flex;align-items:center;gap:7px;color:#425a73}.stock-warehouse i{color:#6b8bad}.stock-reference{font-family:var(--font-mono);font-size:9px}.stock-reason{max-width:280px;color:#667a90}.stock-movement-table td.numeric small{display:block;margin-top:3px;color:#94a2b2;font-size:8px}.stock-movement-empty{display:flex;min-height:260px;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center}.stock-movement-empty>span{display:grid;place-items:center;width:50px;height:50px;margin-bottom:13px;border-radius:15px;color:#287df0;background:#eaf3ff;font-size:19px}.stock-movement-empty strong{font-size:18px}.stock-movement-empty p{max-width:480px;margin:7px 0 14px;color:#7b8ba0;font-size:11px}.stock-movement-empty a{color:#287df0;font-size:10px;font-weight:750}@media(max-width:1150px){.stock-movement-filter{grid-template-columns:repeat(2,1fr)}.stock-movement-search{grid-column:1/-1}.stock-movement-date-range{grid-column:1/-1}}@media(max-width:700px){.stock-movement-filter{grid-template-columns:1fr}.stock-movement-search,.stock-movement-date-range{grid-column:auto}.stock-movement-date-range{grid-template-columns:1fr}.stock-movement-date-range>b{display:none}.stock-movement-header .heading-actions{flex-wrap:wrap}}
/* Product detail workspace */
.product-detail-workspace { display: grid; gap: 14px; }
.product-detail-heading { display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; align-items: center; gap: 14px; }
.product-detail-back { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: #f1f5f9; color: #64748b; text-decoration: none; }
.product-detail-back:hover { background: #e2e8f0; color: #2563eb; }
.product-detail-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: linear-gradient(135deg, #2f80ed, #635bff); box-shadow: 0 8px 18px rgba(47, 128, 237, .18); }
.product-detail-title { min-width: 0; }
.product-detail-title h2 { margin: 2px 0; font-size: 1.35rem; line-height: 1.2; }
.product-detail-title p { margin: 0; color: #64748b; }
.product-detail-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.product-metric { position: relative; overflow: hidden; padding: 17px 18px; border: 1px solid #dbe5f1; border-radius: 15px; background: #fff; box-shadow: 0 7px 20px rgba(15, 23, 42, .035); }
.product-metric::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: #3b82f6; }
.product-metric-sales::before { background: #10b981; }
.product-metric-purchase::before { background: #f59e0b; }
.product-metric span, .product-metric small { display: block; color: #64748b; }
.product-metric strong { display: block; margin: 7px 0 5px; font-size: 1.22rem; color: #172033; }
.product-metric-pricing { grid-column: span 2; padding: 14px 16px 16px; }
.product-metric-pricing::before { background: linear-gradient(#10b981 0 50%, #f59e0b 50% 100%); }
.product-metric-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.product-metric-heading > div > span { color: #172033; font-weight: 700; }
.product-metric-heading > div > small { margin-top: 2px; font-size: .77rem; }
.product-tax-rate { flex: none; padding: 5px 8px; border-radius: 999px; background: #eff6ff; color: #2563eb !important; font-size: .72rem; font-weight: 700; }
.product-base-price-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.product-base-price { min-width: 0; padding: 11px 12px; border: 1px solid #e4ebf4; border-radius: 11px; background: #f8fafc; }
.product-base-price-sales { border-left: 3px solid #10b981; }
.product-base-price-purchase { border-left: 3px solid #f59e0b; }
.product-base-price > span { color: #334155; font-size: .8rem; font-weight: 700; }
.product-tax-values { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 8px; }
.product-tax-values > div + div { padding-left: 9px; border-left: 1px solid #dbe5f1; }
.product-tax-values small { font-size: .7rem; }
.product-tax-values strong { margin: 2px 0 0; font-size: .96rem; white-space: nowrap; }
.product-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.product-detail-panel { min-width: 0; }
.product-detail-panel .panel-heading > i { color: #3b82f6; font-size: 1.15rem; }
.product-definition-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.product-definition-list > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 0; border-bottom: 1px solid #e6edf5; }
.product-definition-list > div:nth-child(odd) { margin-right: 20px; }
.product-definition-list dt { color: #64748b; }
.product-definition-list dd { margin: 0; color: #172033; font-weight: 650; text-align: right; }
.product-definition-list.compact { grid-template-columns: 1fr; }
.product-definition-list.compact > div { margin-right: 0; }
.product-price-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.product-price-comparison > div { padding: 16px; border-radius: 12px; background: #f8fafc; border: 1px solid #e4ebf4; }
.product-price-comparison span, .product-price-comparison small { display: block; color: #64748b; }
.product-price-comparison strong { display: block; margin: 6px 0 4px; font-size: 1.12rem; }
.product-panel-note { margin: 14px 0 0; color: #64748b; font-size: .88rem; }
.product-panel-note i { color: #3b82f6; margin-right: 5px; }
.product-stock-bars { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.product-stock-bars > div { padding: 14px; border-radius: 12px; background: #f8fafc; }
.product-stock-bars span { display: block; color: #64748b; }
.product-stock-bars strong { display: block; margin-top: 5px; font-size: 1.12rem; }
.product-stock-bars .available { background: #ecfdf5; color: #047857; }
.product-danger-details { border: 1px solid #fecaca; border-radius: 14px; overflow: hidden; background: #fff; }
.product-danger-details summary { padding: 13px 16px; cursor: pointer; color: #b91c1c; font-weight: 650; list-style: none; }
.product-danger-details summary::-webkit-details-marker { display: none; }
.product-danger-details summary i { margin-right: 7px; }
.product-danger-details .danger-zone { margin: 0; border: 0; border-top: 1px solid #fee2e2; border-radius: 0; }
@media (max-width: 1050px) {
    .product-detail-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .product-detail-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .product-detail-heading { grid-template-columns: auto auto minmax(0, 1fr); }
    .product-detail-heading .heading-actions { grid-column: 2 / -1; }
    .product-detail-metrics { grid-template-columns: 1fr; }
    .product-metric-pricing { grid-column: auto; }
    .product-base-price-grid, .product-tax-values { grid-template-columns: 1fr; }
    .product-tax-values > div + div { padding: 7px 0 0; border: 0; border-top: 1px solid #dbe5f1; }
    .product-definition-list, .product-price-comparison, .product-stock-bars { grid-template-columns: 1fr; }
    .product-definition-list > div:nth-child(odd) { margin-right: 0; }
}

/* Product usage and edit workspace */
.product-usage-panel { overflow: hidden; }
.product-usage-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.product-usage-cards-single { grid-template-columns: minmax(0, 1fr); }
.product-usage-card { display: flex; align-items: center; gap: 11px; min-width: 0; padding: 13px 14px; border: 1px solid #e1e9f2; border-radius: 12px; color: #718096; background: #f8fafc; }
.product-usage-card > i { display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 10px; color: #7b8da3; background: #eef2f7; }
.product-usage-card strong, .product-usage-card span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-usage-card strong { color: #26374b; font-size: 12px; }
.product-usage-card span { margin-top: 3px; font-size: 9px; }
.product-usage-card.active { border-color: #cfe1f7; color: #447199; background: #f4f9ff; }
.product-usage-card.active > i { color: #287df0; background: #e5f1ff; }
.product-edit-workspace { display: grid; gap: 14px; }
.product-edit-heading { display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; align-items: center; gap: 14px; }
.product-edit-tabs { position: sticky; z-index: 15; top: 70px; display: flex; align-items: center; gap: 4px; min-width: 0; padding: 5px; overflow-x: auto; border: 1px solid #dce6f0; border-radius: 11px; background: rgb(255 255 255 / 96%); box-shadow: 0 5px 16px rgb(35 62 92 / 5%); backdrop-filter: blur(12px); }
.product-edit-tab { appearance: none; display: inline-flex; align-items: center; gap: 7px; min-height: 34px; padding: 0 12px; border: 0; border-radius: 8px; color: #64748b; background: transparent; font: inherit; font-size: 10px; font-weight: 700; text-decoration: none; white-space: nowrap; cursor: pointer; transition: color .15s ease, background .15s ease; }
.product-edit-tab:hover, .product-edit-tab:focus { color: #176ac8; background: #eef6ff; }
.product-edit-tab:focus-visible { outline: 2px solid #93c5fd; outline-offset: 1px; }
.product-edit-tab.is-active { color: #fff; background: #287df0; }
.product-edit-tab i { width: 13px; text-align: center; }
.product-edit-tab span { display: inline-flex; align-items: center; justify-content: center; min-width: 19px; height: 19px; padding: 0 6px; border-radius: 10px; color: #176ac8; background: #eaf3ff; font-size: 8px; font-weight: 800; }
.product-edit-tab.is-active span { color: #176ac8; background: #fff; }
.product-edit-section[hidden] { display: none !important; }
.product-edit-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; align-items: start; }
.product-edit-form > .form-validation { grid-column: 1 / -1; margin: 0; padding: 10px 13px; border: 1px solid #fecaca; border-radius: 10px; color: #b4232e; background: #fff1f2; font-size: 10px; }
.product-edit-form > .form-validation ul { margin: 0; padding-left: 17px; }
.product-edit-section { min-width: 0; scroll-margin-top: 72px; }
.product-edit-section .form-grid { margin-top: 2px; }
.product-edit-section .panel-heading { margin-bottom: 14px; }
.product-general-heading { align-items: center; padding-bottom: 15px; border-bottom: 1px solid #e8eef5; }
.product-type-badge { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border: 1px solid #d9e7f7; border-radius: 999px; color: #2870bd; background: #f1f7ff; font-size: 10px; font-weight: 800; }
.product-general-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, .8fr); gap: 14px; }
.product-general-main, .product-general-side { display: grid; align-content: start; gap: 14px; min-width: 0; }
.product-form-card { min-width: 0; padding: 17px; border: 1px solid #e1e9f2; border-radius: 13px; background: #fbfdff; }
.product-form-card-heading { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.product-form-card-heading > span { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px; color: #287df0; background: #eaf3ff; }
.product-form-card-heading h4, .product-form-card-heading p { margin: 0; }
.product-form-card-heading h4 { color: #26374b; font-size: 12px; }
.product-form-card-heading p { margin-top: 3px; color: #7a899b; font-size: 9px; }
.product-form-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.product-form-grid-primary .field-wide { grid-column: span 2; }
.product-description-grid, .product-side-fields { display: grid; gap: 14px; }
.product-description-grid { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }
.product-description-grid textarea { min-height: 108px; }
.product-description-grid .form-field:last-child textarea { min-height: 108px; }
.product-publish-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 15px; border: 1px solid #cfe1f7; border-radius: 13px; background: #f5f9ff; }
.product-publish-icon { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 10px; color: #287df0; background: #e3efff; }
.product-publish-copy strong, .product-publish-copy span { display: block; }
.product-publish-copy strong { color: #26374b; font-size: 11px; }
.product-publish-copy span { margin-top: 3px; color: #718096; font-size: 9px; line-height: 1.45; }
.product-switch { position: relative; display: inline-flex; cursor: pointer; }
.product-switch input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.product-switch span { position: relative; width: 38px; height: 22px; border-radius: 999px; background: #cbd5e1; transition: background .2s ease; }
.product-switch span::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgb(15 23 42 / 22%); transition: transform .2s ease; }
.product-switch input:checked + span { background: #287df0; }
.product-switch input:checked + span::after { transform: translateX(16px); }
.product-switch input:focus-visible + span { outline: 3px solid rgb(40 125 240 / 20%); outline-offset: 2px; }
.product-form-note { display: flex; align-items: flex-start; gap: 8px; padding: 3px 4px; color: #718096; font-size: 9px; line-height: 1.55; }
.product-form-note i { margin-top: 2px; color: #287df0; }
.product-edit-price-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.price-editor-card { position: relative; overflow: hidden; padding: 15px; border: 1px solid #e0e8f1; border-radius: 13px; background: #fbfdff; }
.price-editor-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: #16a978; }
.price-editor-card.purchase::before { background: #f4a328; }
.price-editor-title { display: flex; align-items: center; gap: 10px; margin-bottom: 13px; }
.price-editor-title > i { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px; color: #11835f; background: #e8f7f1; }
.price-editor-card.purchase .price-editor-title > i { color: #b86d0d; background: #fff3df; }
.price-editor-title strong, .price-editor-title span { display: block; }
.price-editor-title strong { color: #26374b; font-size: 12px; }
.price-editor-title span { margin-top: 2px; color: #7c8b9d; font-size: 9px; }
.price-editor-fields { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(105px, .75fr); gap: 9px; }
.compact-check { display: inline-flex; align-items: center; gap: 7px; margin-top: 10px; color: #53667c; font-size: 10px; cursor: pointer; }
.compact-check input { width: 15px; height: 15px; margin: 0; accent-color: #287df0; }
.product-capability-empty { display: flex; align-items: center; gap: 13px; padding: 17px; border: 1px dashed #cad8e7; border-radius: 12px; background: #f8fbff; }
.product-capability-empty > i { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 12px; color: #287df0; background: #e8f2ff; }
.product-capability-empty strong, .product-capability-empty span { display: block; }
.product-capability-empty strong { color: #26374b; font-size: 12px; }
.product-capability-empty span { margin-top: 4px; color: #718096; font-size: 10px; }
.product-variant-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.product-variant-list > div { min-width: 0; padding: 11px 12px; border: 1px solid #e2eaf2; border-radius: 10px; background: #fbfdff; }
.product-variant-list strong, .product-variant-list span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-variant-list strong { color: #26374b; font-size: 11px; }
.product-variant-list span { margin-top: 4px; color: #718096; font-size: 9px; }
.product-variants-panel { grid-column: 1 / -1; }
.product-readiness-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.product-readiness-list > div { display: flex; align-items: center; gap: 8px; padding: 11px 12px; border-radius: 10px; color: #53667c; background: #f5f8fb; font-size: 10px; font-weight: 700; }
.product-readiness-list > div i { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 8px; }
.product-readiness-list .ready i { color: #087e60; background: #e4f6ef; }
.product-readiness-list .warning i { color: #a9680d; background: #fff1d9; }
.product-readiness-list .neutral i { color: #718096; background: #e9eef4; }
@media (max-width: 760px) {
    .product-edit-heading { grid-template-columns: auto auto minmax(0, 1fr); }
    .product-edit-heading .heading-actions { grid-column: 2 / -1; }
    .product-usage-cards, .product-edit-price-grid, .product-readiness-list, .product-variant-list { grid-template-columns: 1fr; }
    .product-edit-tabs { position: relative; top: auto; overflow-x: auto; white-space: nowrap; }
}
@media (max-width: 1100px) {
    .product-general-layout { grid-template-columns: 1fr; }
    .product-general-side { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .product-general-side .product-form-note { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
    .product-general-heading { align-items: flex-start; }
    .product-type-badge { display: none; }
    .product-form-grid, .product-description-grid, .product-general-side { grid-template-columns: 1fr; }
    .product-form-grid-primary .field-wide, .product-general-side .product-form-note { grid-column: auto; }
}
.price-list-heading{align-items:center}.price-list-heading-actions{display:flex;align-items:center;gap:10px}.price-list-records{overflow:hidden;margin-top:16px;border:1px solid #dbe5f0;border-radius:14px;background:#fff}.price-list-record{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(220px,1.35fr) minmax(130px,.8fr) minmax(90px,.55fr) minmax(100px,.65fr) minmax(130px,.7fr);gap:18px;align-items:center;padding:14px 16px;border-top:1px solid #e7edf5}.price-list-record:first-child{border-top:0}.price-list-record-header{min-height:42px;padding-top:10px;padding-bottom:10px;background:#f6f8fb;color:#6d7b8f;font-size:11px;font-weight:700;letter-spacing:.045em;text-transform:uppercase}.price-list-record>span:last-child{text-align:right}.price-list-identity,.price-list-amount{display:flex;flex-direction:column;gap:3px}.price-list-identity small,.price-list-amount small{color:#7b899d}.price-list-period{display:flex;align-items:center;gap:10px;color:#334155}.price-list-period i{color:#9aabc0;font-size:11px}.tax-mode-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef4fb;color:#47627f;font-size:12px;font-weight:700}.definition-warning{color:#a56b18}.price-list-create-form{display:grid;grid-template-columns:minmax(190px,1.1fr) minmax(240px,1.5fr) minmax(120px,.7fr) minmax(120px,.65fr) minmax(145px,.8fr) minmax(145px,.8fr) auto minmax(190px,auto);gap:14px;align-items:end;margin-top:18px;padding:18px;border:1px solid #dbe5f0;border-radius:14px;background:#f8fafc}.price-list-form-intro{display:flex;flex-direction:column;gap:3px;align-self:center}.price-list-form-intro strong{font-size:16px}.price-list-form-intro small{color:#6f7e91;line-height:1.4}.price-list-create-form .form-field{margin:0}.price-list-create-form .form-field label{display:block;margin-bottom:7px;color:#526176;font-size:12px;font-weight:700}.price-list-create-form .form-field input,.price-list-create-form .form-field select{width:100%;min-height:42px}.price-list-create-form .compact-check{min-height:42px;align-items:center;white-space:nowrap}.price-list-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.price-list-settings-empty{margin:10px 2px 0;color:#8a5b18}.responsive-table td small{display:block;color:#8290a3;margin-top:3px}
@media(max-width:1400px){.price-list-create-form{grid-template-columns:repeat(4,minmax(0,1fr))}.price-list-form-intro,.price-list-form-actions{grid-column:span 2}}
@media(max-width:1100px){.price-list-record{grid-template-columns:1.4fr 1fr .7fr .55fr .65fr}.price-list-record>span:last-child{grid-column:1/-1;text-align:left}.price-list-record-header>span:last-child{display:none}}
@media(max-width:1200px){.price-list-create-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.price-list-create-form{grid-template-columns:1fr}}
.pricing-heading,.price-list-heading{align-items:center;padding-bottom:15px;border-bottom:1px solid #e8eef5}
.pricing-tax-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #dbe5f0;border-radius:999px;color:#52667d;background:#f7f9fc;font-size:10px;font-weight:800}
.pricing-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.pricing-overview>div{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:12px 13px;border:1px solid #e1e9f2;border-radius:12px;background:#fbfdff}
.pricing-overview-icon{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border-radius:9px}.pricing-overview-icon.sales{color:#087e60;background:#e4f6ef}.pricing-overview-icon.purchase{color:#b86d0d;background:#fff3df}.pricing-overview-icon.margin{color:#287df0;background:#e8f2ff}
.pricing-overview small,.pricing-overview strong{display:block}.pricing-overview small{margin-bottom:3px;color:#78879a;font-size:9px}.pricing-overview strong{color:#26374b;font-size:14px}.pricing-overview strong em{color:#718096;font-size:9px;font-style:normal}.pricing-overview-help{position:absolute;top:9px;right:9px;color:#9aabc0;font-size:10px}
.price-editor-card{padding:18px}.price-editor-title{margin-bottom:17px}.price-editor-fields{grid-template-columns:minmax(0,1.35fr) minmax(105px,.65fr);gap:10px}
.price-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto}.price-input-wrap input{border-radius:8px 0 0 8px!important;font-size:15px;font-weight:700}.price-input-wrap>span{display:grid;place-items:center;min-width:48px;padding:0 10px;border:1px solid #dce1e7;border-left:0;border-radius:0 8px 8px 0;color:#5f7187;background:#f1f5f9;font-size:10px;font-weight:800}
.price-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid #e8eef5}.price-editor-footer .compact-check{margin:0}.price-editor-footer>small{color:#8190a2;font-size:9px}.price-editor-footer>small i{margin-right:4px;color:#9aabc0}
.pricing-guidance{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:12px;padding:13px 15px;border:1px solid #dce8f6;border-radius:12px;background:#f5f9ff}.pricing-guidance>i{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;color:#287df0;background:#e3efff}.pricing-guidance strong,.pricing-guidance span{display:block}.pricing-guidance strong{color:#30445a;font-size:10px}.pricing-guidance span{margin-top:3px;color:#718096;font-size:9px}.pricing-list-shortcut{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.price-list-form-intro{flex-direction:row;align-items:center;gap:10px}.price-list-form-intro>div{display:flex;flex-direction:column;gap:3px}.price-list-form-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;color:#287df0;background:#e5f0ff}
@media(max-width:760px){.pricing-tax-badge{display:none}.pricing-overview{grid-template-columns:1fr}.price-editor-footer,.pricing-guidance{align-items:flex-start;grid-template-columns:1fr}.pricing-guidance>i{display:none}.pricing-list-shortcut{margin-top:4px}.price-editor-fields{grid-template-columns:1fr}}

/* Product editor: conventional tab navigation and unambiguous select controls */
.product-edit-workspace{gap:0}
.product-edit-heading{margin-bottom:14px}
.product-edit-tabs{position:sticky;top:70px;z-index:15;gap:0;padding:0 12px;overflow-x:auto;border:1px solid #d9e4ef;border-radius:12px 12px 0 0;background:rgb(255 255 255 / 97%);box-shadow:none;backdrop-filter:blur(12px)}
.product-edit-tab{position:relative;min-height:48px;padding:0 16px;border:0;border-radius:0;color:#66778c;background:transparent;font-size:10px}
.product-edit-tab::after{content:"";position:absolute;right:13px;bottom:-1px;left:13px;height:3px;border-radius:3px 3px 0 0;background:transparent}
.product-edit-tab:hover,.product-edit-tab:focus{color:#176ac8;background:#f7faff}
.product-edit-tab.is-active{color:#176ac8;background:transparent}
.product-edit-tab.is-active::after{background:#287df0}
.product-edit-tab span,.product-edit-tab.is-active span{color:#176ac8;background:#eaf3ff}
.product-edit-form,.product-edit-workspace>#product-price-lists{margin-top:0}
.product-edit-form>.product-edit-section,.product-edit-workspace>#product-price-lists{border-top:0;border-radius:0 0 14px 14px}
.product-edit-form>.form-validation:not(:empty){margin:12px 0}
.product-general-heading{padding-bottom:12px}
.product-general-heading .eyebrow{display:none}
.product-general-heading h3{margin-top:0}
.product-form-card-heading{margin-bottom:12px}
.product-form-card-heading>span{flex-basis:30px;width:30px;height:30px}
.product-form-card-heading p{display:none}
.product-form-note{display:none}

.product-edit-workspace .form-field{min-width:0}
.product-edit-workspace .form-field select.standard-select,
.product-edit-workspace .price-list-create-form select{
    box-sizing:border-box;width:100%;max-width:100%;height:40px;min-height:40px;padding:0 38px 0 12px;overflow:hidden;border:1px solid #cbd8e6;border-radius:8px;color:#27394e;background:
        linear-gradient(45deg,transparent 50%,#5e7188 50%) calc(100% - 18px) 17px/5px 5px no-repeat,
        linear-gradient(135deg,#5e7188 50%,transparent 50%) calc(100% - 13px) 17px/5px 5px no-repeat,
        linear-gradient(to left,#f2f6fa 36px,transparent 36px),#fff;
    font-size:11px;font-weight:600;line-height:normal;text-overflow:ellipsis;white-space:nowrap;appearance:none;cursor:pointer
}
.product-edit-workspace .form-field select.standard-select:hover,
.product-edit-workspace .price-list-create-form select:hover{border-color:#9fb7d1;background-color:#fff}
.product-edit-workspace .form-field select.standard-select:focus,
.product-edit-workspace .price-list-create-form select:focus{border-color:#4d94e8;outline:0;box-shadow:0 0 0 3px rgb(40 125 240 / 11%)}
.product-edit-workspace .form-field select.standard-select option,
.product-edit-workspace .price-list-create-form select option{color:#27394e;background:#fff;font-size:12px}

@media(max-width:760px){
    .product-edit-tabs{position:relative;top:auto;padding:0 5px;border-radius:10px 10px 0 0}
    .product-edit-tab{min-height:44px;padding:0 11px}
    .product-edit-tab::after{right:9px;left:9px}
}
.pricing-heading{margin-bottom:10px!important;padding-bottom:10px}
.pricing-heading h3{margin:0;font-size:14px}
.price-editor-title span{display:none}
.price-tax-check{margin:12px 0 10px}
.price-tax-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid #e0e8f1;border-radius:10px;background:#fff}
.price-tax-breakdown>span{min-width:0;padding:10px 12px;border-left:1px solid #e7edf4}
.price-tax-breakdown>span:first-child{border-left:0}
.price-tax-breakdown small,.price-tax-breakdown strong{display:block;white-space:nowrap}
.price-tax-breakdown small{margin-bottom:4px;color:#7b899b;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.35px}
.price-tax-breakdown strong{overflow:hidden;color:#30445a;font-size:11px;text-overflow:ellipsis}
.price-tax-breakdown .total{background:#eef7ff}
.price-tax-breakdown .total small,.price-tax-breakdown .total strong{color:#176ac8}
@media(max-width:760px){.price-tax-breakdown{grid-template-columns:1fr}.price-tax-breakdown>span{border-top:1px solid #e7edf4;border-left:0}.price-tax-breakdown>span:first-child{border-top:0}}
.price-list-heading{margin-bottom:10px!important;padding-bottom:10px}.price-list-heading h3{margin:0;font-size:14px}.price-list-heading .eyebrow,.price-list-heading p{display:none}
.price-list-records{margin-top:10px;border-radius:10px}
.price-list-record{grid-template-columns:minmax(230px,1.45fr) minmax(220px,1.1fr) minmax(150px,.75fr) 90px 130px;gap:12px;min-height:54px;padding:9px 13px}
.price-list-record-header{min-height:34px;padding-top:7px;padding-bottom:7px;font-size:8px}
.price-list-record>span:last-child{text-align:right}
.price-list-identity strong{font-size:11px}.price-list-identity small{font-size:9px}.price-list-identity small b{display:inline-flex;margin-left:5px;padding:2px 6px;border-radius:8px;color:#176ac8;background:#eaf3ff;font-size:8px}
.price-list-period{gap:7px;font-size:10px}.price-list-period small{display:flex;align-items:center;gap:6px;color:#718096;font-size:9px}.price-list-period small i{color:#8aa0b8}
.price-list-amount{gap:4px}.price-list-amount>strong{font-size:12px}.price-list-amount>strong small{display:inline;margin-left:3px;font-size:8px;font-weight:700}.price-list-amount .tax-mode-badge{align-self:flex-start;padding:2px 6px;font-size:8px;font-style:normal}
.status-pill.history{color:#64748b;background:#eef2f6}.price-list-record.is-history{color:#7b899a;background:#fafbfc}.price-list-record.is-history .price-list-identity strong,.price-list-record.is-history .price-list-amount strong{color:#68778a}.price-list-record.is-current{box-shadow:inset 3px 0 #287df0}
.price-list-record .btn-sm{min-height:28px;padding:4px 8px;font-size:9px}
.price-list-create-form{grid-template-columns:190px minmax(210px,1fr) 130px 105px 135px 135px auto 125px;gap:9px;margin-top:12px;padding:12px;border-radius:10px}
.price-list-form-intro strong{font-size:12px}.price-list-form-intro small{display:none}.price-list-form-icon{flex-basis:30px;width:30px;height:30px}.price-list-create-form .form-field label{margin-bottom:4px;font-size:9px}.price-list-create-form .form-field input,.price-list-create-form .form-field select{min-height:36px;height:36px}.price-list-create-form .compact-check{min-height:36px;margin:0;font-size:9px}.price-list-create-form .primary-button{white-space:nowrap}
@media(max-width:1100px){.price-list-record{grid-template-columns:1.3fr 1fr .8fr 80px}.price-list-record>span:last-child{grid-column:auto;text-align:right}.price-list-record-header>span:last-child{display:none}.price-list-record>span:last-child{display:none}}
@media(max-width:720px){.price-list-record,.price-list-record-header{grid-template-columns:1fr}.price-list-record-header{display:none}.price-list-record>span:last-child{display:block;text-align:left}.price-list-create-form{grid-template-columns:1fr}}
.compact-panel-heading{align-items:center;margin-bottom:12px!important;padding-bottom:10px;border-bottom:1px solid #e8eef5}.compact-panel-heading h3{margin:0;font-size:14px}
.seo-score{padding:5px 9px;border-radius:12px;color:#176ac8;background:#eaf3ff;font-size:9px;font-weight:800}.seo-editor-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:12px}.seo-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.seo-fields .form-field:nth-child(3){grid-column:1/-1}.seo-fields .form-field>small{display:block;margin-top:4px;color:#8190a2;text-align:right;font-size:8px}.seo-slug-input{display:grid;grid-template-columns:auto minmax(0,1fr)}.seo-slug-input>span{display:grid;place-items:center;padding:0 10px;border:1px solid #dce1e7;border-right:0;border-radius:7px 0 0 7px;color:#718096;background:#f1f5f9;font-size:10px}.seo-slug-input input{border-radius:0 7px 7px 0!important}.seo-preview-card{align-self:start;padding:18px;border:1px solid #dce6f0;border-radius:13px;background:#fff}.seo-preview-card>small{color:#8290a2;font-size:8px;font-weight:800}.seo-preview-url{margin:16px 0 5px;color:#188038;font-size:10px}.seo-preview-card>strong{display:block;color:#1a0dab;font-size:17px;font-weight:500}.seo-preview-card>p{margin:7px 0 0;color:#4d5156;font-size:10px;line-height:1.55}
.ecommerce-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ecommerce-channel-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:13px;border:1px solid #dfe8f1;border-radius:12px;background:#fbfdff}.ecommerce-channel-logo{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#287df0;background:#e8f2ff}.ecommerce-channel-card strong,.ecommerce-channel-card span{display:block}.ecommerce-channel-card>div:nth-child(2)>span{margin-top:3px;color:#7b899b;font-size:9px}.connection-state{padding:5px 8px;border-radius:10px;font-size:8px;font-weight:800}.connection-state.ready{color:#087e60;background:#e4f6ef}.connection-state.warning{color:#a9680d;background:#fff1d9}.ecommerce-warning{display:flex;align-items:center;gap:7px;margin-top:10px;padding:9px 11px;border-radius:9px;color:#8a5b18;background:#fff7e8;font-size:9px}
@media(max-width:900px){.seo-editor-layout,.ecommerce-channel-grid{grid-template-columns:1fr}}@media(max-width:620px){.seo-fields{grid-template-columns:1fr}.seo-fields .form-field:nth-child(3){grid-column:auto}.ecommerce-channel-card{grid-template-columns:auto 1fr}.ecommerce-channel-card>form{grid-column:1/-1}.ecommerce-channel-card>form button{width:100%}}
.price-list-group{border-top:1px solid #e7edf5}.price-list-group:first-of-type{border-top:0}.price-list-group>.price-list-record{border-top:0}
.price-history{border-top:1px solid #e5edf5;background:#f8fafc}.price-history summary{display:flex;align-items:center;gap:9px;min-height:34px;padding:0 13px;color:#52667d;cursor:pointer;list-style:none;font-size:9px;font-weight:700}.price-history summary::-webkit-details-marker{display:none}.price-history summary>span{display:flex;align-items:center;gap:6px}.price-history summary>b{margin-left:auto;padding:3px 7px;border-radius:9px;color:#6b7e93;background:#e9eef4;font-size:8px}.price-history summary>i{margin-left:2px;color:#8495a8;font-size:8px;transition:transform .2s}.price-history[open] summary>i{transform:rotate(180deg)}
.price-history-head,.price-history-row{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(230px,1.1fr) minmax(150px,.7fr) minmax(170px,.75fr);align-items:center;gap:12px;padding:0 16px}.price-history-head{min-height:28px;border-top:1px solid #e5edf5;border-bottom:1px solid #e5edf5;color:#8290a2;background:#f1f5f9;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.35px}.price-history-row{min-height:48px;border-bottom:1px solid #e7edf4;color:#64748b;font-size:9px}.price-history-row:last-child{border-bottom:0}.price-history-row>span{min-width:0}.price-history-row b,.price-history-row small{display:block}.price-history-row b{color:#526176;font-size:9px}.price-history-row small{margin-top:3px;color:#8a98a9;font-size:8px}.price-history-row>span:nth-child(2){display:flex;align-items:center;gap:7px}.price-history-row>span:nth-child(2) b{display:inline}.price-history-row>span:nth-child(2) i{color:#9aabc0;font-size:7px}.price-history-row em{display:inline-flex;padding:3px 7px;border-radius:9px;color:#64748b;background:#e9eef4;font-size:8px;font-style:normal;font-weight:800}
@media(max-width:760px){.price-history-head{display:none}.price-history-row{grid-template-columns:1fr 1fr;padding:10px 13px}.price-history-row>span:nth-child(4){text-align:right}}
.price-list-create-form{display:block;margin-top:12px;padding:0;overflow:hidden;border:1px solid #dbe5f0;border-radius:12px;background:#fff}
.price-list-form-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-bottom:1px solid #e3ebf3;background:#f8fbff}.price-list-form-header .price-list-form-actions{flex:0 0 auto}.price-list-form-header .primary-button{min-width:94px}
.price-list-form-intro{display:flex}.price-list-form-intro strong{font-size:12px}.price-list-form-intro small{display:block;color:#77889b;font-size:9px}.price-list-form-icon{flex-basis:32px;width:32px;height:32px}
.price-list-fields{display:grid;grid-template-columns:minmax(240px,1.7fr) minmax(130px,.7fr) 110px minmax(145px,.8fr) minmax(145px,.8fr) auto;align-items:start;gap:12px;padding:13px 14px 15px}.price-list-fields .form-field{margin:0}.price-list-fields .form-field label{margin-bottom:5px;color:#526176;font-size:9px}.price-list-fields .form-field input,.price-list-fields .form-field select{width:100%;height:38px;min-height:38px}.price-list-fields .form-field>span{min-height:12px;margin-top:4px;font-size:8px}.price-list-tax-check{align-self:center;min-height:38px;margin:17px 0 0!important;white-space:nowrap}
@media(max-width:1100px){.price-list-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.price-list-tax-check{align-self:end;margin:0 0 12px!important}}@media(max-width:650px){.price-list-form-header{align-items:flex-start;flex-direction:column}.price-list-form-header .price-list-form-actions{width:100%}.price-list-form-header .primary-button{width:100%}.price-list-fields{grid-template-columns:1fr}.price-list-tax-check{margin:0!important}}

/* Keep the product tabs visually attached to their active content. */
.product-edit-tabs{overflow-x:clip;overflow-y:hidden;border-bottom-color:#d9e4ef;border-radius:12px 12px 0 0;scrollbar-width:none;-ms-overflow-style:none}
.product-edit-tabs::-webkit-scrollbar{display:none;width:0;height:0}
.product-edit-tabs+.product-edit-form{margin-top:-1px}
.product-edit-form>.product-edit-section,
.product-edit-workspace>#product-price-lists,
.product-edit-workspace>#product-images,
.product-edit-workspace>#product-ecommerce{margin-top:-1px!important;border-top-color:#d9e4ef!important;border-radius:0 0 14px 14px!important;box-shadow:0 8px 22px rgb(35 62 92 / 5%)}
.product-edit-workspace>#product-price-lists[hidden],.product-edit-workspace>#product-images[hidden],.product-edit-workspace>#product-ecommerce[hidden]{display:none!important}
.product-edit-tab{flex:0 0 auto}
@media(max-width:760px){.product-edit-tabs{overflow-x:auto;overscroll-behavior-x:contain}.product-edit-tabs::-webkit-scrollbar{display:none}}
.price-list-fields input[name="UnitPrice"]{padding:0 12px;color:#26374b;background:#fff;font-variant-numeric:tabular-nums}
.price-date-control{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 36px;height:38px;overflow:hidden;border:1px solid #cbd8e6;border-radius:8px;background:#fff}.price-date-control:focus-within{border-color:#4d94e8;box-shadow:0 0 0 3px rgb(40 125 240 / 11%)}.price-date-control input{width:100%!important;height:36px!important;min-height:36px!important;padding:0 8px 0 11px!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#26374b;font-size:10px}.price-date-control input::-webkit-calendar-picker-indicator{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.price-date-control button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-left:1px solid #e0e8f1;color:#5f748c;background:#f3f7fb;cursor:pointer}.price-date-control button:hover{color:#176ac8;background:#eaf3ff}
.price-list-tax-toggle{align-self:start;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:145px;height:38px;margin-top:17px;padding:0 10px;border:1px solid #d7e2ed;border-radius:8px;color:#53667c;background:#f8fafc;font-size:9px;font-weight:700;cursor:pointer}.price-toggle-control{position:relative;display:inline-flex;flex:0 0 auto}.price-toggle-control input{position:absolute!important;width:1px!important;height:1px!important;min-height:1px!important;opacity:0}.price-toggle-control i{position:relative;display:block;width:32px;height:18px;border-radius:999px;background:#cbd5e1;transition:background .2s}.price-toggle-control i::after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgb(15 23 42 / 22%);transition:transform .2s}.price-toggle-control input:checked+i{background:#287df0}.price-toggle-control input:checked+i::after{transform:translateX(14px)}.price-toggle-control input:focus-visible+i{outline:3px solid rgb(40 125 240 / 15%);outline-offset:2px}
@media(max-width:1100px){.price-list-tax-toggle{align-self:end;margin-top:0;margin-bottom:12px}}@media(max-width:650px){.price-list-tax-toggle{width:100%;margin:0}}
.price-card-tax-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;width:160px;min-height:38px;margin:12px 0 10px;padding:0 10px;border:1px solid #d7e2ed;border-radius:8px;color:#53667c;background:#f8fafc;font-size:9px;font-weight:700;cursor:pointer}.price-card-tax-toggle:hover{border-color:#b8cbe0;background:#f4f8fc}
.image-count{padding:5px 9px;border-radius:11px;color:#61758d;background:#eef3f8;font-size:9px;font-weight:800}.product-image-upload{position:relative;display:flex;align-items:center;gap:12px;min-height:92px;padding:18px;border:1px dashed #aac6e5;border-radius:12px;background:#f7fbff;transition:.2s}.product-image-upload.is-dragging{border-color:#287df0;background:#eaf4ff;box-shadow:inset 0 0 0 2px rgb(40 125 240 / 12%)}.product-image-upload>input{position:absolute;width:1px;height:1px;opacity:0}.product-image-upload>i{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;color:#287df0;background:#e3efff;font-size:16px}.product-image-upload>div{min-width:0}.product-image-upload strong,.product-image-upload span{display:block}.product-image-upload strong{color:#26374b;font-size:12px}.product-image-upload span{margin-top:4px;color:#7a899b;font-size:9px}.product-image-upload>button{margin-left:auto;white-space:nowrap}
.product-image-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:12px 0 9px;padding:8px 10px;border-radius:9px;color:#718096;background:#f5f8fb;font-size:9px}.product-image-toolbar>span{display:flex;align-items:center;gap:7px}.product-image-toolbar form{margin:0}.product-image-toolbar button{min-height:29px}.product-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.product-image-card{min-width:0;overflow:hidden;border:1px solid #dce6ef;border-radius:11px;background:#fff;cursor:grab;transition:opacity .15s,transform .15s,box-shadow .15s}.product-image-card:hover{transform:translateY(-2px);box-shadow:0 7px 17px rgb(35 62 92 / 10%)}.product-image-card.is-dragging{opacity:.45;cursor:grabbing}.product-image-preview{position:relative;aspect-ratio:4/3;overflow:hidden;background:#f1f4f7}.product-image-preview img{width:100%;height:100%;object-fit:contain}.cover-badge,.drag-handle{position:absolute;top:7px;display:inline-flex;align-items:center;gap:4px;height:23px;padding:0 7px;border-radius:7px;font-size:8px;font-weight:800}.cover-badge{left:7px;color:#875c09;background:#fff4cf}.drag-handle{right:7px;color:#53667c;background:rgb(255 255 255 / 90%)}.product-image-card-footer{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:5px 8px;color:#8290a2;font-size:8px}.product-image-card-footer form{margin:0}.product-image-card-footer button{display:grid;place-items:center;width:25px;height:25px;padding:0;border:0;border-radius:7px;color:#b64852;background:#fff0f1;cursor:pointer}.product-image-card-footer button:hover{color:#fff;background:#d34d58}.image-empty-state{display:flex;align-items:center;justify-content:center;gap:8px;min-height:80px;margin-top:10px;color:#8290a2;font-size:10px}
@media(max-width:620px){.product-image-upload{align-items:flex-start;flex-direction:column}.product-image-upload>button{width:100%;margin-left:0}.product-image-toolbar{align-items:flex-start;flex-direction:column}.product-image-toolbar form,.product-image-toolbar button{width:100%}.product-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Tenant and license workspace */
.tenant-workspace{display:grid;gap:14px}.tenant-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border:1px solid #d8e3ef;border-radius:12px;background:linear-gradient(105deg,#fff 60%,#f0f6ff);box-shadow:0 4px 16px rgb(30 55 85 / 4%)}.tenant-brand{display:flex;align-items:center;gap:13px}.tenant-brand>span{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;color:#fff;background:#206fd5;font-size:18px}.tenant-brand>div{display:grid;gap:2px}.tenant-brand small{color:#8290a3;font-size:8px;font-weight:800;letter-spacing:.12em}.tenant-brand h2{margin:0;color:#192941;font-size:20px}.tenant-brand p{margin:0;color:#718198;font-size:10px}.tenant-hero-actions{display:flex;align-items:center;gap:12px}.tenant-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;color:#53657b;background:#edf2f7;font-size:9px;font-weight:800}.tenant-status>i{width:7px;height:7px;border-radius:50%;background:#8796a8}.tenant-status.status-2{color:#16734b;background:#e7f8ef}.tenant-status.status-2>i{background:#20b26b}.tenant-status.status-3{color:#a23c48;background:#fff0f1}.tenant-status.status-3>i{background:#da5360}.tenant-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tenant-summary-grid>article{display:flex;align-items:center;gap:12px;min-height:92px;padding:15px 16px;border:1px solid #dce5ef;border-radius:11px;background:#fff}.tenant-summary-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:10px;font-size:15px}.tenant-summary-icon.plan{color:#7654cf;background:#f0ebff}.tenant-summary-icon.users{color:#1975cf;background:#e8f3ff}.tenant-summary-icon.modules{color:#188968;background:#e6f7f1}.tenant-summary-icon.deployment{color:#bf7217;background:#fff1df}.tenant-summary-grid article>div{display:grid;gap:2px;min-width:0}.tenant-summary-grid small{color:#7c8a9e;font-size:9px}.tenant-summary-grid strong{color:#17263d;font-size:18px;line-height:1.15}.tenant-summary-grid strong b{color:#8a98a9;font-size:11px}.tenant-summary-grid em{overflow:hidden;color:#7f8da0;font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.tenant-info-bar{display:grid;grid-template-columns:1fr 1fr 1.4fr;border:1px solid #dde6ef;border-radius:10px;background:#f8fafc}.tenant-info-bar>div{display:flex;align-items:center;gap:9px;min-width:0;padding:11px 14px;border-right:1px solid #e1e8f0}.tenant-info-bar>div:last-child{border:0}.tenant-info-bar>div>i{color:#3978bc}.tenant-info-bar span{display:grid;gap:1px;min-width:0}.tenant-info-bar small{color:#8492a5;font-size:8px}.tenant-info-bar strong{overflow:hidden;color:#34465d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.tenant-id strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.tenant-warning{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #f1d397;border-radius:10px;color:#8a5b09;background:#fff9eb}.tenant-warning div{display:grid;gap:2px}.tenant-warning strong{font-size:10px}.tenant-warning span{font-size:9px}.tenant-modules-panel{padding:0;overflow:hidden}.tenant-section-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e1e8f0;background:#fafbfd}.tenant-section-heading>div{display:grid;gap:2px}.tenant-section-heading h3{margin:0;color:#1d2c43;font-size:15px}.tenant-section-heading p{margin:0;color:#7b899d;font-size:10px}.tenant-module-count{padding:6px 9px;border-radius:999px;color:#2969ad;background:#eaf3fd;font-size:9px;font-weight:800}.tenant-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.tenant-module-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:74px;padding:12px 16px;border-bottom:1px solid #e7edf3;background:#fff}.tenant-module-card:nth-child(odd){border-right:1px solid #e7edf3}.tenant-module-card.is-enabled{background:linear-gradient(90deg,#f7fffb,#fff 35%)}.tenant-module-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;color:#718198;background:#eef2f6}.tenant-module-card.is-enabled .tenant-module-icon{color:#167c59;background:#e3f6ee}.tenant-module-copy{display:grid;gap:3px;min-width:0}.tenant-module-copy strong{color:#24354b;font-size:11px}.tenant-module-copy small{overflow:hidden;color:#8491a3;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.tenant-module-action{display:grid;grid-template-columns:auto 38px;align-items:center;gap:7px;margin:0}.tenant-module-action>span{grid-column:1;grid-row:1;color:#8491a3;font-size:8px;font-weight:700}.tenant-switch{position:relative;grid-column:2;grid-row:1;width:38px;height:22px;padding:0;border:0;border-radius:999px;background:#cad5e2;cursor:pointer}.tenant-switch i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgb(20 40 65 / 25%);transition:.2s}.tenant-switch.is-on{background:#2380ea}.tenant-switch.is-on i{transform:translateX(16px)}.tenant-readonly-state{padding:5px 8px;border-radius:999px;font-size:8px;font-weight:800}.tenant-readonly-state.on{color:#16734b;background:#e4f7ed}.tenant-readonly-state.off{color:#738196;background:#edf1f5}.tenant-empty{display:flex;align-items:center;justify-content:center;gap:15px;min-height:190px}.tenant-empty>i{color:#2877d7;font-size:36px}.tenant-empty h3{margin:0 0 5px}.tenant-empty p{margin:0;color:#78879a}@media(max-width:1050px){.tenant-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.tenant-hero,.tenant-section-heading{align-items:flex-start;flex-direction:column}.tenant-hero-actions{width:100%;justify-content:space-between}.tenant-summary-grid,.tenant-module-grid,.tenant-info-bar{grid-template-columns:1fr}.tenant-module-card:nth-child(odd){border-right:0}.tenant-info-bar>div{border-right:0;border-bottom:1px solid #e1e8f0}}

.variant-create-panel .variant-identity-fields{align-items:start}.variant-create-panel .variant-attribute-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px;align-items:start;min-height:58px}.variant-create-panel .variant-attribute-row>.form-field{display:grid;grid-template-rows:15px 38px;align-content:start}.variant-create-panel .variant-attribute-row>button{align-self:start;margin-top:15px}.variant-create-panel .variant-attribute-row .field-validation-error,.variant-create-panel .variant-attribute-row label.error{display:none!important}.variant-create-panel .variant-create-footer{min-height:66px}.variant-create-panel .variant-create-footer .variant-create-button{min-width:172px;min-height:38px;font-size:11px;white-space:nowrap}.variant-create-panel .variant-create-footer>span{line-height:1.4}.variant-create-panel input.input-validation-error,.variant-create-panel select.input-validation-error{border-color:#e6a5ab!important;box-shadow:none!important}@media(max-width:620px){.variant-create-panel .variant-attribute-row{grid-template-columns:1fr 1fr 30px}.variant-create-panel .variant-create-footer .variant-create-button{min-width:0}}

/* ERP variant workspace */
.variant-erp-heading{display:flex;align-items:center;justify-content:space-between;padding:2px 0 16px;border-bottom:1px solid #e2e9f2}.variant-erp-heading>div{display:grid;gap:2px}.variant-erp-heading h3{margin:0;font-size:18px;color:#17233b}.variant-erp-heading p{margin:0;color:#718096;font-size:12px}.variant-kpi-strip{display:grid;grid-template-columns:170px 190px 190px minmax(260px,1fr);gap:10px;margin:14px 0}.variant-kpi-strip>article{display:flex;align-items:center;gap:10px;min-height:62px;padding:11px 13px;border:1px solid #dce5f0;border-radius:10px;background:#fff}.variant-kpi-strip>article>i{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#edf5ff;color:#2574df}.variant-kpi-strip>article span{display:grid;gap:1px}.variant-kpi-strip>article small{font-size:10px;color:#7d8ca1}.variant-kpi-strip>article strong{font-size:17px;color:#17233b}.variant-kpi-strip .variant-property-summary{margin:0;min-height:62px;border:1px solid #dce5f0;background:#f7f9fc}.variant-property-summary em{color:#8a98ab;font-style:normal}.variant-erp-workspace{grid-template-columns:minmax(620px,1.45fr) minmax(470px,.8fr);gap:16px;align-items:start}.variant-list-panel,.variant-create-panel{padding:0;overflow:hidden;border-color:#d8e2ee;border-radius:10px;background:#fff}.variant-list-panel .variant-section-title{align-items:center;margin:0;padding:14px 15px;border-bottom:1px solid #e3eaf3;background:#f8fafc}.variant-list-panel .variant-section-title>span{padding:4px 8px;border-radius:6px;background:#eaf2fd;color:#31669f;font-size:10px;font-weight:700}.variant-table-head{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(260px,1.3fr) 90px 36px;gap:12px;padding:8px 12px;border-bottom:1px solid #e5ebf3;background:#f3f6fa;color:#6f8097;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.variant-card-list{gap:0}.variant-card{grid-template-columns:minmax(190px,.8fr) minmax(260px,1.3fr) 90px 36px;min-height:62px;padding:9px 12px;border:0;border-bottom:1px solid #e8edf4;border-radius:0}.variant-card:last-child{border-bottom:0}.variant-card:hover{background:#f8fbff}.variant-code-cell strong{font-size:11px!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#17233b}.variant-code-cell small{display:flex;align-items:center;gap:5px;color:#7e8da1!important}.variant-value-chips span{padding:4px 7px;border:1px solid #dbe8f8;border-radius:5px;background:#f3f7fc;font-size:10px}.variant-active-state{display:flex;align-items:center;gap:6px;color:#19734a;font-size:10px;font-weight:700}.variant-active-state i{width:6px;height:6px;border-radius:50%;background:#1dbf73;box-shadow:0 0 0 3px #dff7ec}.variant-remove{border-color:#e0e6ee;background:#fff;color:#7b899c}.variant-remove:hover{border-color:#f2b8bd;background:#fff5f6;color:#cc3948}.variant-create-panel{position:sticky;top:12px}.variant-create-title{display:flex;align-items:center;gap:10px;padding:14px 15px;border-bottom:1px solid #dce5ef;background:#172b4d;color:#fff}.variant-create-title>span{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#2e7de9}.variant-create-title>div{display:grid;gap:2px}.variant-create-title strong{font-size:13px}.variant-create-title small{color:#b9c8dc;font-size:10px}.variant-step-heading{display:flex;align-items:center;gap:9px;margin:0;padding:13px 14px 8px}.variant-step-heading>b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e8f2ff;color:#176bd6;font-size:10px}.variant-step-heading>span{display:grid;gap:1px;flex:1}.variant-step-heading strong{font-size:11px;color:#26364d}.variant-step-heading small{font-size:9px;color:#8795a8}.variant-step-heading button{border:0;background:transparent;color:#176bd6;font-size:10px;font-weight:700}.variant-create-panel .variant-identity-fields,.variant-create-panel .variant-attribute-rows{padding:0 14px}.variant-create-panel .form-field label{display:flex;justify-content:space-between}.variant-create-panel .form-field label em{color:#8694a7;font-size:8px;font-style:normal;font-weight:600;text-transform:uppercase}.variant-create-panel input,.variant-create-panel select{height:38px;background:#fff}.variant-create-panel .form-field>small{font-size:9px;color:#8996a8}.variant-create-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:11px 14px;border-top:1px solid #dce5ef;background:#f7f9fc}.variant-create-footer>span{display:flex;gap:5px;max-width:220px;color:#77869a;font-size:9px}.variant-create-footer .variant-create-button{width:auto;margin:0;padding:9px 14px}.variant-create-panel .product-capability-empty{margin:0 14px 14px}.variant-list-panel>.product-capability-empty{margin:14px}@media(max-width:1250px){.variant-kpi-strip{grid-template-columns:repeat(3,1fr)}.variant-kpi-strip .variant-property-summary{grid-column:1/-1}.variant-erp-workspace{grid-template-columns:1fr}.variant-create-panel{position:static}}@media(max-width:720px){.variant-kpi-strip{grid-template-columns:1fr}.variant-kpi-strip .variant-property-summary{grid-column:auto}.variant-table-head{display:none}.variant-card{grid-template-columns:1fr auto}.variant-value-chips,.variant-active-state{grid-column:1/-1}.variant-create-footer{align-items:stretch;flex-direction:column}.variant-create-footer .variant-create-button{width:100%}}
.category-parameter-table{overflow:visible}.category-tree-row{position:relative}.category-tree-row.is-root{margin-top:10px;background:#f8fbff;border:1px solid #cfdef0;border-radius:10px}.category-tree-row.is-root+.category-tree-row.is-root{margin-top:14px}.category-tree-row.is-child{margin-left:calc((var(--category-depth) - 1) * 24px + 22px);border-left:2px solid #c9dbef;background:#fff}.category-tree-row.is-child:before{content:"";position:absolute;left:-2px;top:50%;width:18px;border-top:2px solid #c9dbef}.category-tree-name{display:flex;align-items:center;gap:11px;padding-left:calc(var(--category-depth) * 12px)}.category-tree-name>i{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#e8f2ff;color:#2878dd}.category-tree-row.is-child .category-tree-name>i{transform:rotate(90deg);background:#f1f5f9;color:#7890ad}.category-tree-name>span{display:flex;flex-direction:column;gap:3px}.category-tree-name small{font-weight:500;color:#8090a7}.category-path{color:#64748b}.category-path i,.category-parent i{margin-right:7px;color:#8ba4c2}.category-parent{display:flex;align-items:center}.category-parent em{font-style:normal;color:#60758f;background:#eef3f8;padding:5px 9px;border-radius:999px}@media(max-width:900px){.category-tree-row.is-child{margin-left:14px}.category-path{grid-column:1/-1}}

/* Kategori yönetimi: kompakt hiyerarşik ERP görünümü */
.catalog-categories-page{display:grid;gap:14px}.category-page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px;border:1px solid #d7e2ef;border-radius:12px;background:#fff}.category-page-title{display:flex;align-items:center;gap:13px}.category-page-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#eaf3ff;color:#1670de;font-size:17px}.category-page-title h2{margin:1px 0 2px;font-size:18px}.category-page-title p{margin:0;color:#75869d;font-size:11px}.category-page-stats{display:flex;align-items:center}.category-page-stats>span{display:grid;min-width:92px;padding:3px 16px;border-left:1px solid #e2e9f2}.category-page-stats small{color:#8493a7;font-size:9px}.category-page-stats strong{margin-top:2px;color:#172b4d;font-size:16px}.category-management-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}.category-browser,.category-create-pane{border:1px solid #d7e2ef;border-radius:12px;background:#fff;overflow:hidden}.category-browser-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border-bottom:1px solid #e1e8f1}.category-browser-toolbar h3,.category-create-heading h3{margin:0 0 2px;font-size:13px}.category-browser-toolbar p,.category-create-heading p{margin:0;color:#7c8ca1;font-size:10px}.category-search{display:flex;align-items:center;gap:8px;width:220px;height:36px;padding:0 11px;border:1px solid #d4dfeb;border-radius:8px;background:#fff;color:#8797aa}.category-search input{width:100%;height:auto;padding:0;border:0!important;outline:0;background:transparent;box-shadow:none!important;font-size:11px}.category-grid-head,.category-grid-row{display:grid;grid-template-columns:minmax(250px,1.05fr) minmax(300px,1.35fr) 100px 80px;align-items:center;gap:14px}.category-grid-head{min-height:36px;padding:0 16px;background:#f2f6fa;color:#6f8198;font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.category-grid-row{position:relative;min-height:54px;padding:5px 16px;border-top:1px solid #e5ebf2}.category-grid-row:hover{background:#f8fbff}.category-grid-row.is-root{background:#fbfdff}.category-grid-row.is-root:not(:first-of-type){border-top-color:#cfdceb}.category-primary-cell{display:flex;align-items:center;gap:10px;padding-left:calc(var(--depth) * 25px)}.category-primary-cell>span:last-child{display:grid;gap:2px}.category-primary-cell strong{font-size:11px;color:#1c2d45}.category-primary-cell small{font-size:9px;color:#8796a9}.category-connector{position:relative;display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:8px;background:#eaf3ff;color:#2376dc}.category-grid-row.is-child .category-connector{background:#f1f5f9;color:#7890a7}.category-grid-row.is-child .category-connector:before{content:"";position:absolute;right:100%;width:17px;border-top:1px solid #c5d4e5}.category-breadcrumb{overflow:hidden;color:#60738c;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.category-breadcrumb i{margin-right:7px;color:#9aabc0}.category-level{display:inline-flex;width:max-content;padding:4px 7px;border-radius:6px;background:#eef3f8;color:#61758e;font-size:9px;font-weight:700}.category-active{display:flex;align-items:center;gap:6px;color:#16845b;font-size:9px;font-weight:700}.category-active i{width:6px;height:6px;border-radius:50%;background:#20b879;box-shadow:0 0 0 3px #e1f7ee}.category-search-empty,.category-empty-state{display:grid;place-items:center;gap:7px;min-height:180px;color:#7c8da3;font-size:11px}.category-empty-state i{font-size:28px;color:#9db0c7}.category-empty-state strong{color:#2b3d55}.category-create-pane{position:sticky;top:12px}.category-create-heading{display:flex;align-items:center;gap:10px;padding:15px 16px;background:#172b4d;color:#fff}.category-create-heading>span{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#2d7de8}.category-create-heading p{color:#bdcadd}.category-create-form{display:grid;gap:14px;padding:17px}.category-create-form .form-field{display:grid;gap:6px}.category-create-form label{display:flex;justify-content:space-between;color:#2f4058;font-size:10px;font-weight:700}.category-create-form label em{color:#8a98aa;font-size:8px;font-style:normal;text-transform:uppercase}.category-create-form input,.category-create-form select{height:39px}.category-create-form small{color:#8291a5;font-size:9px;line-height:1.45}.category-create-preview{display:flex;gap:7px;padding:10px;border-radius:8px;background:#f2f7fd;color:#61758d;font-size:9px;line-height:1.45}.category-create-preview i{margin-top:2px;color:#2878e8}.category-create-button{width:100%;min-height:39px}@media(max-width:1050px){.category-management-layout{grid-template-columns:1fr}.category-create-pane{position:static}.category-page-header{align-items:flex-start}.category-grid-head,.category-grid-row{grid-template-columns:minmax(230px,1fr) minmax(240px,1fr) 85px 70px}}@media(max-width:720px){.category-page-header{flex-direction:column}.category-page-stats{width:100%}.category-page-stats>span{flex:1}.category-browser-toolbar{align-items:stretch;flex-direction:column}.category-search{width:100%}.category-grid-head{display:none}.category-grid-row{grid-template-columns:1fr auto;gap:6px}.category-primary-cell{padding-left:calc(var(--depth) * 12px)}.category-breadcrumb{grid-column:1/-1;padding-left:calc(40px + var(--depth) * 12px)}.category-level{display:none}}

/* Kategori ağacı: yoğun grid, kalıcı durum anahtarı ve satır işlemleri */
.category-grid-head,.category-grid-row{grid-template-columns:minmax(220px,1.05fr) minmax(260px,1.35fr) 76px 94px 42px;gap:10px}
.category-grid-head{min-height:30px;padding:0 13px}
.category-grid-row{min-height:42px;padding:3px 13px}
.category-primary-cell{gap:8px;padding-left:calc(var(--depth) * 21px)}
.category-connector{flex-basis:26px;width:26px;height:26px;border-radius:7px;font-size:10px}
.category-primary-cell strong{font-size:10px}.category-primary-cell small{font-size:8px}.category-breadcrumb{font-size:9px}.category-level{padding:3px 6px;font-size:8px}
.category-status-form,.category-delete-form{margin:0}
.category-status-toggle{display:flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:#738399;font:700 9px/1 inherit;cursor:pointer}
.category-status-toggle>span{position:relative;width:30px;height:17px;border-radius:99px;background:#cbd6e3;transition:.18s}
.category-status-toggle>span:after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #61758d55;transition:.18s}
.category-status-toggle.is-on{color:#12815a}.category-status-toggle.is-on>span{background:#2b82e9}.category-status-toggle.is-on>span:after{transform:translateX(13px)}
.category-status-toggle em{font-style:normal}.category-delete-form{display:flex;justify-content:center}.category-delete-button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #ffc4ca;border-radius:7px;background:#fff;color:#e24b5b;cursor:pointer}.category-delete-button:hover{background:#fff1f2;border-color:#ef8894}.category-active.is-passive{color:#8493a7}.category-active.is-passive i{background:#a9b6c6;box-shadow:0 0 0 3px #edf1f5}
@media(max-width:1050px){.category-grid-head,.category-grid-row{grid-template-columns:minmax(210px,1fr) minmax(210px,1fr) 68px 90px 38px}}
@media(max-width:720px){.category-grid-row{grid-template-columns:1fr auto auto}.category-breadcrumb{grid-column:1/-1}.category-status-form{grid-column:2}.category-delete-form{grid-column:3}.category-grid-row>.category-active{grid-column:2}.category-grid-row>.category-active+span{grid-column:3}}

.category-status-toggle{justify-content:center;width:26px;height:18px}
.category-status-toggle>span{width:26px;height:15px}
.category-status-toggle>span:after{top:2px;left:2px;width:11px;height:11px}
.category-status-toggle.is-on>span:after{transform:translateX(11px)}
.category-delete-button{width:24px;height:24px;border-radius:6px;font-size:9px}

/* Ürün özellikleri: yalın liste ve bağımsız detay ekranı */
.product-attribute-index,.attribute-detail-page{display:grid;gap:14px}.attribute-index-header,.attribute-detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;border:1px solid #d7e2ef;border-radius:12px;background:#fff}.attribute-index-header h2,.attribute-detail-header h2{margin:1px 0 2px;font-size:17px}.attribute-index-header p,.attribute-detail-header p{margin:0;color:#7b8ca1;font-size:10px}.attribute-index-panel,.attribute-detail-form{overflow:hidden;border:1px solid #d7e2ef;border-radius:12px;background:#fff}.attribute-index-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e0e7f0}.attribute-index-toolbar h3{margin:0 0 2px;font-size:12px}.attribute-index-toolbar p{margin:0;color:#7d8da2;font-size:9px}.attribute-index-toolbar>span{padding:4px 8px;border-radius:99px;background:#edf4fc;color:#3475c4;font-size:9px;font-weight:700}.attribute-index-grid>header,.attribute-index-row{display:grid;grid-template-columns:180px minmax(260px,1fr) 100px 90px 36px;align-items:center;gap:12px;padding:0 16px}.attribute-index-grid>header{min-height:34px;background:#f2f6fa;color:#708199;font-size:8px;font-weight:800;text-transform:uppercase}.attribute-index-row{min-height:46px;border-top:1px solid #e3eaf2;color:#52667e;text-decoration:none}.attribute-index-row:hover{background:#f6faff}.attribute-index-row strong{color:#1d3552;font-size:10px}.attribute-index-row>span{font-size:10px}.attribute-index-row>i{justify-self:center;color:#7c9bc0}.attribute-option-count{display:inline-flex;width:max-content;min-width:28px;justify-content:center;padding:4px 7px;border-radius:99px;background:#eaf3ff;color:#2275d8!important;font-weight:700}.attribute-index-empty{display:grid;place-items:center;gap:7px;min-height:210px;color:#7d8da2;font-size:10px}.attribute-index-empty i{font-size:26px;color:#8faccc}.attribute-index-empty strong{color:#30445d}.attribute-detail-header{justify-content:flex-start}.attribute-back-button{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#eff4fa;color:#526d8c;text-decoration:none}.attribute-detail-form{display:grid}.attribute-definition-section,.attribute-options-section{padding:18px}.attribute-options-section{border-top:1px solid #dfe7f0}.attribute-section-title{display:flex;align-items:center;gap:10px}.attribute-section-title>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e9f3ff;color:#2678dc;font-size:10px;font-weight:800}.attribute-section-title h3{margin:0 0 2px;font-size:12px}.attribute-section-title p{margin:0;color:#8291a4;font-size:9px}.attribute-definition-fields{display:grid;grid-template-columns:220px minmax(260px,1fr) 130px;gap:12px;margin-top:16px}.attribute-definition-fields .form-field{display:grid;gap:5px}.attribute-definition-fields label{font-size:9px;font-weight:700;color:#42566f}.attribute-definition-fields input{height:37px}.attribute-definition-fields [data-valmsg-for]{color:#d44959;font-size:8px}.attribute-options-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.attribute-options-grid{margin-top:15px;border:1px solid #dbe5ef;border-radius:9px;overflow:hidden}.attribute-options-grid>header,.attribute-option-row{display:grid;grid-template-columns:minmax(260px,1fr) 120px 48px;align-items:center;gap:10px;padding:0 12px}.attribute-options-grid>header{min-height:31px;background:#f2f6fa;color:#708199;font-size:8px;font-weight:800;text-transform:uppercase}.attribute-option-row{min-height:47px;border-top:1px solid #e3eaf2}.attribute-option-row input{height:34px}.attribute-option-delete{display:grid;place-items:center;width:27px;height:27px;padding:0;border:1px solid #ffc1c7;border-radius:7px;background:#fff;color:#df4b5a;cursor:pointer}.attribute-options-note{display:flex;align-items:center;gap:6px;margin:9px 1px 0;color:#788ba2;font-size:8px}.attribute-options-note i{color:#2d7fe8}.attribute-detail-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid #dfe7f0;background:#f8fafc}.attribute-detail-actions .btn{min-width:94px}@media(max-width:760px){.attribute-index-grid{overflow-x:auto}.attribute-index-grid>header,.attribute-index-row{min-width:680px}.attribute-definition-fields{grid-template-columns:1fr}.attribute-options-grid{overflow-x:auto}.attribute-options-grid>header,.attribute-option-row{min-width:560px}}
.attribute-definition-list{border:1px solid #d7e2ef;border-radius:10px;overflow:hidden;background:#fff}.attribute-list-header,.attribute-definition-row>summary{display:grid;grid-template-columns:180px minmax(260px,1fr) 110px 110px 150px;gap:14px;align-items:center}.attribute-list-header{padding:11px 15px;background:#f3f7fb;color:#60728b;font-size:11px;font-weight:700;text-transform:uppercase}.attribute-definition-row{border-top:1px solid #dce5f0}.attribute-definition-row:first-of-type{border-top:0}.attribute-definition-row>summary{padding:14px 15px;cursor:pointer;list-style:none}.attribute-definition-row>summary::-webkit-details-marker{display:none}.attribute-definition-row[open]>summary{background:#f4f9ff;border-bottom:1px solid #d6e4f2}.attribute-expand{display:flex;align-items:center;justify-content:space-between;color:#3978c5}.attribute-definition-row[open] .attribute-expand i{transform:rotate(180deg)}.attribute-option-content{padding:16px 20px 20px 48px;background:#fbfdff;border-left:3px solid #2d7fe8}.attribute-option-heading{display:flex;justify-content:space-between;margin-bottom:12px}.attribute-option-heading div{display:flex;flex-direction:column;gap:3px}.attribute-option-heading small{color:#7a8ca4}.attribute-option-table header,.attribute-option-table article{grid-template-columns:minmax(260px,1fr) 120px 120px}.attribute-create-form{margin-top:18px;border-top:1px solid #dce5f0;padding-top:16px}.attribute-create-grid{display:grid;grid-template-columns:180px minmax(220px,1fr) 140px minmax(320px,1.5fr) auto;gap:14px;align-items:end}@media(max-width:1000px){.attribute-list-header{display:none}.attribute-definition-row>summary{grid-template-columns:1fr 1fr}.attribute-create-grid{grid-template-columns:1fr 1fr}.attribute-option-content{padding-left:16px}}@media(max-width:650px){.attribute-create-grid{grid-template-columns:1fr}}
/* Para birimi yönetimi: tek satırlı, okunaklı ERP çalışma tablosu */
.currency-definition-table{border-color:#cfdeec;border-radius:12px;box-shadow:0 5px 16px rgb(35 67 104 / 4%)}
.currency-definition-table>header,.currency-definition-table>article{grid-template-columns:minmax(92px,.42fr) minmax(210px,.86fr) minmax(520px,2fr) minmax(112px,.44fr) minmax(118px,.44fr) 42px;gap:12px}
.currency-definition-table>header{min-height:42px;padding:0 16px;color:#6e8198;background:#eef3f8;font-size:8px;letter-spacing:.055em}
.currency-definition-table>article{min-height:64px;padding:10px 16px;border-top:1px solid #dfe8f1;background:#fff;transition:background .15s ease,box-shadow .15s ease}
.currency-definition-table>article:nth-of-type(even){background:#fbfdff}
.currency-definition-table>article:hover{position:relative;z-index:1;background:#f5f9fe;box-shadow:inset 3px 0 #7db2ef}
.currency-definition-table>article:has(.currency-default input:checked){background:#f0f7ff;box-shadow:inset 3px 0 #287fe8}
.currency-definition-row>input:not([type=checkbox]):not([type=radio]){height:40px;padding:0 12px;border-color:#cddbe8;border-radius:9px;color:#263a51;background:#fff;font-size:10px}
.currency-definition-row>input[name$=".Code"]{color:#173c66;font-family:var(--font-mono);font-weight:800;letter-spacing:.035em;text-transform:uppercase}
.currency-rate-cell{grid-template-columns:minmax(150px,1fr) 118px 76px 30px;gap:8px;padding:4px;border:1px solid #d7e3ee;border-radius:10px;background:#f8fafc}
.currency-rate-cell input{height:32px;padding:0 10px;border:0;border-radius:7px;background:#fff;font-size:10px;box-shadow:0 0 0 1px #d4e0eb}
.currency-rate-cell input::-webkit-inner-spin-button,.currency-rate-cell input::-webkit-outer-spin-button{margin:0;appearance:none}
.currency-rate-cell input[type=number]{appearance:textfield}
.currency-rate-cell input:focus{border:0;box-shadow:0 0 0 2px rgb(40 127 232 / 25%)}
.currency-rate-cell .use-current-rate{width:118px;height:32px;padding:0 10px;border-radius:7px;font-size:8px}
.currency-rate-cell .use-current-rate i{font-size:8px}
.current-tcmb-rate{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px;width:76px;height:32px;padding:0 8px;border:0;border-radius:7px;background:#edf5fd}
.current-tcmb-rate small{color:#7890a8;font-size:6px;letter-spacing:.04em}.current-tcmb-rate b{color:#176bc9;font-size:9px;text-align:right}
.currency-rate-cell>em{display:grid;place-items:center;height:26px;border-radius:6px;color:#526b84;background:#e8eef5;font-size:7px}
.currency-rate-cell:has(.local-currency-rate){display:flex;align-items:center;min-height:42px;padding:4px 8px;border-color:#cce8dc;background:#f3fbf7}
.local-currency-rate{height:30px;padding:0 11px;border-radius:8px;font-size:8px}
.currency-default{justify-content:flex-start;width:max-content;min-width:78px;padding:0 10px;border:1px solid transparent;border-radius:9px;background:transparent;cursor:pointer}
.currency-default:hover{border-color:#cbdff3;background:#f3f8fe}.currency-default:has(input:checked){border-color:#a8cbf2;color:#176bc9;background:#e9f3ff}
.currency-default span{font-size:9px}.currency-status-switch{justify-content:flex-start;min-width:105px}
.currency-status-switch .switch-track{flex-basis:38px;width:38px;height:22px}.currency-status-switch .switch-track i{top:3px;width:16px;height:16px}.currency-status-switch:has(input[type=checkbox]:checked) .switch-track i{transform:translateX(16px)}
.currency-status-switch em{font-size:9px}.currency-definition-row .definition-remove{width:38px;height:38px;border-radius:9px}
.currency-grid-note{padding:10px 4px 2px;font-size:9px}.company-settings-save{padding-top:16px}.company-settings-save .btn{min-width:110px;height:38px;border-radius:9px}
@media(max-width:1400px){.currency-definition-table>header,.currency-definition-table>article{grid-template-columns:92px minmax(175px,.75fr) minmax(420px,1.65fr) 105px 108px 40px}.currency-rate-cell{grid-template-columns:minmax(130px,1fr) 108px 68px 28px}.currency-rate-cell .use-current-rate{width:108px}.current-tcmb-rate{width:68px}}
.currency-definition-row .currency-rate-cell{padding:0;border:0;border-radius:0;background:transparent}
.currency-definition-row .currency-rate-cell:has(.local-currency-rate){min-height:40px;padding:0;border:0;background:transparent}
.currency-definition-row .currency-rate-cell input[name^="FixedExchangeRates"]{border:1px solid #cddbe8;box-shadow:none;outline:0}
.currency-definition-row .currency-rate-cell input[name^="FixedExchangeRates"]:focus{border-color:#438ff0;box-shadow:0 0 0 3px rgb(40 127 232 / 10%)}
.tax-rate-table{overflow:hidden;border:1px solid #d4e1ed;border-radius:11px;background:#fff}.tax-rate-table>header,.tax-rate-table>.tax-rate-row{display:grid;grid-template-columns:minmax(140px,.55fr) minmax(280px,1.15fr) 150px 48px;align-items:center;gap:16px;padding:0 16px}.tax-rate-table>header{min-height:40px;color:#718399;background:#eef3f8;font-size:8px;font-weight:850;letter-spacing:.055em;text-transform:uppercase}.tax-rate-table>.tax-rate-row{min-height:64px;border-top:1px solid #e1e9f1}.tax-rate-table>.tax-rate-row:hover{background:#f7fbff}.tax-rate-row>strong{color:#203a56;font-size:10px}.tax-rate-input{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;height:40px;overflow:hidden;border:1px solid #ccdbe8;border-radius:9px;background:#fff}.tax-rate-input>span{display:grid;place-items:center;height:100%;color:#53708e;background:#f0f4f8;font-size:10px;font-weight:850}.tax-rate-input>input{width:100%;height:100%;padding:0 11px;border:0!important;outline:0;box-shadow:none!important;font-size:10px}.tax-rate-input:focus-within{border-color:#438ff0;box-shadow:0 0 0 3px rgb(40 127 232 / 10%)}.tax-rate-row .currency-status-switch{width:max-content}.company-tax-rate-settings>small{display:block;padding:10px 3px;color:#718399;font-size:9px}
.tax-rate-table .tax-rate-input{position:relative!important;display:block!important;height:40px!important;overflow:visible!important;border:1px solid #ccdbe8!important;border-radius:9px!important;background:#fff!important}
.tax-rate-table .tax-rate-input>span{position:absolute!important;z-index:2!important;inset:0 auto 0 0!important;display:grid!important;place-items:center!important;width:34px!important;height:auto!important;color:#526b84!important;background:#eef3f8!important;border-radius:8px 0 0 8px!important;font-size:10px!important;font-weight:850!important;pointer-events:none!important}
.tax-rate-table .tax-rate-input>input{display:block!important;width:100%!important;height:38px!important;margin:0!important;padding:0 12px 0 46px!important;border:0!important;border-radius:8px!important;color:#20364f!important;background:#fff!important;-webkit-text-fill-color:#20364f!important;opacity:1!important;font-size:11px!important;font-weight:750!important;line-height:38px!important;box-shadow:none!important}
.tax-rate-table .tax-rate-input>input:focus{color:#172f4b!important;-webkit-text-fill-color:#172f4b!important;background:#fff!important;outline:0!important}
.tax-rate-table .tax-rate-input>input::-webkit-inner-spin-button,.tax-rate-table .tax-rate-input>input::-webkit-outer-spin-button{margin:0;appearance:none}.tax-rate-table .tax-rate-input>input[type=number]{appearance:textfield}
.tax-rate-table .tax-rate-input:focus-within{border-color:#287fe8!important;box-shadow:0 0 0 3px rgb(40 127 232 / 12%)!important}
.tax-rate-table .currency-status-switch{display:grid!important;grid-template-columns:38px 42px!important;align-items:center!important;gap:8px!important;width:88px!important;min-width:88px!important;padding:0!important}
.tax-rate-table .currency-status-switch .switch-track{display:block!important;width:38px!important;height:22px!important;background:#c7d4e2!important}
.tax-rate-table .currency-status-switch:has(input[type=checkbox]:checked) .switch-track{background:#287fe8!important}
.tax-rate-table .currency-status-switch em{display:block!important;min-width:42px!important;color:#75869a!important;font-size:9px!important}
.tax-rate-table .currency-status-switch:has(input[type=checkbox]:checked) em{color:#08795a!important}
.settings-inline-notice{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center;margin:0 0 12px;padding:11px 13px;border:1px solid #bde5d6;border-radius:10px;color:#08795a;background:#ecfaf5}.settings-inline-notice strong,.settings-inline-notice span{display:block}.settings-inline-notice strong{font-size:10px}.settings-inline-notice span{font-size:8px}.settings-inline-notice button{grid-column:2;grid-row:1/3;border:0;color:#4f8b77;background:transparent;font-size:18px;cursor:pointer}
.unit-management{overflow:hidden;border:1px solid #d8e3ee;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgb(35 67 104 / 5%)}
.unit-management-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid #e2eaf2;background:linear-gradient(100deg,#fff 62%,#f3f8fe)}
.unit-management-title{display:flex;align-items:center;gap:12px}.unit-management-title>span{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:#1672df;background:#e9f3ff;font-size:16px}.unit-management-title>div{display:grid;gap:2px}.unit-management-title small{color:#7890a9;font-size:7px;font-weight:800;letter-spacing:.13em}.unit-management-title h3{margin:0;color:#172a42;font-size:16px}.unit-management-title p{margin:0;color:#7a8b9f;font-size:9px}
.unit-management-actions{display:flex;align-items:center;gap:9px}.unit-search{display:flex;align-items:center;gap:8px;width:260px;height:36px;padding:0 11px;border:1px solid #d4e0ec;border-radius:8px;background:#fff}.unit-search i{color:#8798aa;font-size:11px}.unit-search input{width:100%;height:auto;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;font-size:10px}.unit-search input:focus{outline:0}
.unit-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #e4ebf2;background:#fbfcfe}.unit-summary>span{display:grid;gap:2px;padding:10px 18px;border-right:1px solid #e5ecf3}.unit-summary>span:last-child{border:0}.unit-summary small{color:#8494a6;font-size:8px}.unit-summary strong{color:#213750;font-size:14px}
.unit-grid-head,.unit-grid-row{display:grid;grid-template-columns:120px minmax(210px,1.2fr) 150px minmax(240px,1fr) 90px;align-items:center;gap:14px;padding:0 18px}.unit-grid-head{min-height:34px;color:#71849a;background:#f3f6f9;font-size:7px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.unit-grid-row{min-height:52px;border-top:1px solid #e6edf4;color:#40546c;font-size:9px}.unit-grid-row:hover{background:#f8fbff}.unit-grid-row[hidden]{display:none}.unit-code{display:flex;align-items:center;gap:8px}.unit-code i{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;color:#2677d7;background:#edf5ff}.unit-code strong{color:#17334f;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.unit-name{display:grid;gap:2px}.unit-name strong{color:#253c55;font-size:10px}.unit-name small{color:#8998aa;font-size:8px}.unit-type-badge{display:inline-flex;width:max-content;padding:5px 8px;border-radius:999px;color:#536a82;background:#edf2f6;font-size:8px;font-style:normal;font-weight:750}.unit-type-badge.is-decimal{color:#176f59;background:#e5f7f0}.unit-conversion-rule{display:flex;align-items:center;gap:8px}.unit-conversion-rule>strong{color:#24435f}.unit-conversion-rule>i{color:#8ca0b5}.unit-conversion-rule>em{color:#7a8da2;font-style:normal}.unit-status{display:inline-flex;align-items:center;gap:6px;color:#147052;font-size:8px;font-style:normal;font-weight:800}.unit-status i{width:7px;height:7px;border-radius:50%;background:#20ad75}.unit-empty{display:grid;place-items:center;gap:5px;padding:35px;color:#8191a4}.unit-empty i{font-size:25px}.unit-empty strong{color:#344b63}
.unit-editor{border-top:1px solid #cbdced;background:#f8fbff}.unit-editor[hidden]{display:none}.unit-editor>header{display:flex;align-items:flex-start;justify-content:space-between;padding:15px 18px 12px}.unit-editor>header>div{display:grid;gap:2px}.unit-editor>header span{color:#2675ce;font-size:7px;font-weight:850;letter-spacing:.12em}.unit-editor>header h4{margin:0;color:#1f354d;font-size:14px}.unit-editor>header p{margin:0;color:#7f8fa2;font-size:9px}.unit-editor>header>button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d4e0eb;border-radius:7px;color:#687c91;background:#fff}.unit-editor-grid{display:grid;grid-template-columns:160px minmax(220px,1fr) minmax(260px,1fr) minmax(280px,1.2fr);gap:12px;padding:0 18px 16px}.unit-editor .form-field{display:grid;align-content:start;gap:5px}.unit-editor .form-field label{font-size:8px;font-weight:750}.unit-editor .form-field input,.unit-editor .form-field select{height:36px;font-size:10px}.unit-editor .form-field small{color:#8292a5;font-size:7px}.unit-factor{display:grid;grid-template-columns:auto 16px minmax(70px,1fr) auto;align-items:center;height:36px;border:1px solid #d6e1ec;border-radius:8px;background:#fff}.unit-factor>span,.unit-factor>em{padding:0 9px;color:#647990;font-size:8px;font-style:normal;white-space:nowrap}.unit-factor>i{color:#8da0b3;font-size:8px}.unit-factor input{height:34px!important;padding:0 8px!important;border:0!important;border-left:1px solid #e0e7ef!important;border-radius:0!important;box-shadow:none!important}.unit-editor>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-top:1px solid #dce6ef;background:#fff}.unit-editor>footer>div{display:flex;gap:8px}.unit-decimal-switch{display:flex;align-items:center;gap:9px}.unit-decimal-switch>input{position:absolute;opacity:0}.unit-decimal-switch>span{position:relative;width:36px;height:20px;border-radius:999px;background:#cbd6e2}.unit-decimal-switch>span i{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.2s}.unit-decimal-switch>input:checked+span{background:#287fe5}.unit-decimal-switch>input:checked+span i{transform:translateX(16px)}.unit-decimal-switch>em{display:grid;gap:1px;font-style:normal}.unit-decimal-switch strong{color:#334a62;font-size:9px}.unit-decimal-switch small{color:#8595a7;font-size:7px}
@media(max-width:1100px){.unit-grid-head,.unit-grid-row{grid-template-columns:100px minmax(170px,1fr) 120px minmax(190px,1fr) 70px}.unit-editor-grid{grid-template-columns:1fr 1fr}.unit-search{width:210px}}
@media(max-width:760px){.unit-management-header{align-items:stretch;flex-direction:column}.unit-management-actions,.unit-search{width:100%}.unit-summary{grid-template-columns:1fr 1fr}.unit-grid{overflow-x:auto}.unit-grid-head,.unit-grid-row{min-width:760px}.unit-editor-grid{grid-template-columns:1fr}.unit-editor>footer{align-items:stretch;flex-direction:column}.unit-editor>footer>div{justify-content:flex-end}}
.unit-grid .unit-grid-head,.unit-grid .unit-grid-row{grid-template-columns:120px minmax(210px,1.2fr) 150px minmax(240px,1fr) 90px 78px}
.unit-row-actions{display:flex;align-items:center;gap:6px}.unit-row-actions form{margin:0}.unit-action-edit,.unit-action-delete{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #d5e1ed;border-radius:7px;background:#fff;cursor:pointer}.unit-action-edit{color:#2479df}.unit-action-edit:hover{border-color:#8bb8ec;background:#edf6ff}.unit-action-delete{color:#dc5260;border-color:#f0c8ce}.unit-action-delete:hover{background:#fff1f3}
@media(max-width:1100px){.unit-grid .unit-grid-head,.unit-grid .unit-grid-row{grid-template-columns:100px minmax(170px,1fr) 120px minmax(190px,1fr) 70px 72px}}

/* Ürün özelliği detay ekranı: dengeli genişlik ve standart form kontrolleri */
.attribute-detail-page{width:100%;max-width:none;margin:0;gap:12px}
.attribute-detail-header{min-height:72px;padding:13px 16px;border-radius:10px}
.attribute-detail-header h2{font-size:16px}.attribute-back-button{width:32px;height:32px}
.attribute-detail-form{border-radius:10px;box-shadow:0 8px 24px rgba(39,65,95,.04)}
.attribute-definition-section,.attribute-options-section{padding:16px 18px}
.attribute-definition-fields{grid-template-columns:190px minmax(320px,1fr) 105px;gap:10px;margin-top:13px}
.attribute-definition-fields input{height:34px!important;border:1px solid #cfdbe8!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important;font-size:10px!important}
.attribute-definition-fields input:focus{border-color:#3784e8!important;box-shadow:0 0 0 2px #e4f0ff!important}
.attribute-definition-fields input[readonly]{background:#f4f7fa!important;color:#64768b}
.attribute-options-heading .btn{min-height:32px;padding:6px 11px;font-size:10px}
.attribute-options-grid{margin-top:12px;border-color:#d5e0eb;border-radius:8px}
.attribute-options-grid>header,.attribute-option-row{grid-template-columns:150px minmax(260px,1fr) 90px 38px;padding:0 10px;gap:9px}
.attribute-options-grid>header{min-height:30px}.attribute-option-row{min-height:43px;background:#fff}.attribute-option-row:hover{background:#fafcff}
.attribute-option-row input.attribute-option-code,.attribute-option-row input.attribute-option-name,.attribute-option-row input.attribute-option-order{width:100%!important;height:31px!important;margin:0!important;padding:0 9px!important;border:1px solid #d2deea!important;border-radius:6px!important;background:#fff!important;color:#243a54!important;box-shadow:none!important;outline:0!important;font:500 10px/1.2 inherit!important;appearance:textfield!important;-moz-appearance:textfield!important}
.attribute-option-row input.attribute-option-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;text-transform:uppercase}
.attribute-option-row input::-webkit-inner-spin-button,.attribute-option-row input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.attribute-option-row input:focus{border-color:#2d7fe8!important;box-shadow:0 0 0 2px #e3efff!important}
.attribute-option-delete{width:25px;height:25px;border-radius:6px;font-size:9px}.attribute-options-note{margin-top:8px}
.attribute-detail-actions{padding:10px 18px}.attribute-detail-actions .btn{min-width:80px;min-height:34px;padding:7px 12px;font-size:10px}
@media(max-width:760px){.attribute-detail-page{width:100%}.attribute-definition-fields{grid-template-columns:1fr}.attribute-options-grid>header,.attribute-option-row{min-width:500px}}

/* Depo yönetimi */
.warehouse-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e1e9f1}
.setting-switch-card{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:14px 16px;border:1px solid #d6e2ed;border-radius:10px;background:#fbfdff;cursor:pointer}
.setting-switch-card:hover{border-color:#a9c9eb;background:#f6faff}
.setting-switch-card>span{display:grid;gap:3px}.setting-switch-card strong{color:#20364f;font-size:11px}.setting-switch-card small{color:#7b8da1;font-size:9px}
.setting-switch-card>input[role=switch]{width:38px;height:22px;margin:0;accent-color:#287fe8;cursor:pointer}
[data-f5-warehouse-list] .data-table td{height:54px;vertical-align:middle}
[data-f5-warehouse-list] .row-action{text-align:right}[data-f5-warehouse-list] .row-action a{color:#176fce;font-weight:750;text-decoration:none}
@media(max-width:720px){.warehouse-setting-grid{grid-template-columns:1fr}}
.warehouse-edit-page{max-width:1420px;margin:0 auto}.warehouse-edit-page>form{display:grid;gap:14px}.warehouse-edit-header{display:grid;grid-template-columns:38px 46px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:15px 18px;border:1px solid #d5e1ed;border-radius:12px;background:#fff;box-shadow:0 7px 22px rgb(38 72 110 / 5%)}.warehouse-back-button,.warehouse-header-icon{display:grid;place-items:center;text-decoration:none}.warehouse-back-button{width:36px;height:36px;border-radius:9px;color:#5b7189;background:#f0f4f8}.warehouse-back-button:hover{color:#176dce;background:#e7f1fc}.warehouse-header-icon{width:44px;height:44px;border-radius:11px;color:#fff;background:linear-gradient(145deg,#398cf2,#176bd3);box-shadow:0 7px 14px rgb(32 117 218 / 18%)}.warehouse-header-copy{display:grid;gap:2px;min-width:0}.warehouse-header-copy>span{color:#8192a6;font-size:8px;font-weight:850;letter-spacing:.1em}.warehouse-header-copy h2{overflow:hidden;margin:0;color:#20354d;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.warehouse-header-copy p{margin:0;color:#7f8fa2;font-size:9px}.warehouse-header-copy p strong{color:#536d88;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.warehouse-header-status{display:flex;align-items:center;gap:7px}.warehouse-state-badge,.warehouse-default-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:8px;font-weight:800;white-space:nowrap}.warehouse-state-badge i{width:6px;height:6px;border-radius:50%}.warehouse-state-badge.is-active{color:#087859;background:#e7f8f1}.warehouse-state-badge.is-active i{background:#13aa78}.warehouse-state-badge.is-passive{color:#68798d;background:#edf1f5}.warehouse-state-badge.is-passive i{background:#8a99aa}.warehouse-default-badge{color:#9a6712;background:#fff5dc}.warehouse-save-button{height:36px;padding:0 14px!important;border-radius:8px!important;font-size:10px!important}.warehouse-edit-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:14px}.warehouse-edit-panel{padding:18px;border:1px solid #d8e3ee;border-radius:12px;background:#fff}.warehouse-section-heading{display:flex;align-items:center;gap:10px;margin-bottom:16px}.warehouse-section-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#287fe8;background:#eaf3ff}.warehouse-section-heading>div{display:grid;gap:2px}.warehouse-section-heading h3{margin:0;color:#20364f;font-size:13px}.warehouse-section-heading p{margin:0;color:#8090a4;font-size:9px}.warehouse-identity-grid{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(260px,1fr);gap:12px}.warehouse-identity-grid .form-field{display:grid;gap:5px}.warehouse-identity-grid label{font-size:9px;font-weight:750}.warehouse-identity-grid input,.warehouse-readonly-field{box-sizing:border-box;width:100%;height:40px;border:1px solid #cfdce9;border-radius:9px;background:#fff;font-size:11px}.warehouse-readonly-field{display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#61758b;background:#f4f7fa}.warehouse-readonly-field i{color:#9aa8b8}.warehouse-identity-grid small{color:#8a99aa;font-size:8px}.warehouse-usage-panel{grid-row:span 2}.warehouse-switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:60px;padding:10px 0;border-top:1px solid #e5ecf3;cursor:pointer}.warehouse-switch-row>span:first-child{display:grid;gap:3px}.warehouse-switch-row strong{color:#294058;font-size:10px}.warehouse-switch-row small{color:#8493a5;font-size:8px}.warehouse-toggle{position:relative;flex:0 0 38px;width:38px;height:22px}.warehouse-toggle input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.warehouse-toggle i{position:absolute;inset:0;border-radius:999px;background:#c8d4e1;transition:.18s}.warehouse-toggle i:after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgb(27 49 75 / 25%);content:"";transition:.18s}.warehouse-toggle input:checked+i{background:#287fe8}.warehouse-toggle input:checked+i:after{transform:translateX(16px)}.warehouse-rule-note,.warehouse-protection-note{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:10px;border-radius:9px;color:#62778e;background:#f4f7fa;font-size:8px;line-height:1.5}.warehouse-rule-note i{color:#287fe8}.warehouse-stock-panel{display:grid;grid-template-columns:minmax(210px,1fr) minmax(230px,.75fr);align-items:center;gap:12px}.warehouse-stock-panel .warehouse-section-heading{margin:0}.warehouse-stock-summary{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;padding-left:15px;border-left:1px solid #e1e9f1}.warehouse-stock-summary span{color:#8191a4;font-size:8px}.warehouse-stock-summary strong{color:#20364f;font-size:19px}.warehouse-stock-summary a{grid-column:1/-1;color:#176fce;font-size:8px;font-weight:750;text-decoration:none}.warehouse-protection-note{grid-column:1/-1;margin:0;color:#8a661b;background:#fff8e8}.warehouse-edit-footer{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;padding:12px 16px;border:1px solid #d8e3ee;border-radius:11px;background:#fff}.warehouse-delete-button{height:34px;padding:0 11px;border:1px solid #ffc6cc;border-radius:8px;color:#d74655;background:#fff;cursor:pointer;font-size:9px;font-weight:750}.warehouse-delete-button:hover{background:#fff3f4}@media(max-width:980px){.warehouse-edit-header{grid-template-columns:38px 44px minmax(0,1fr) auto}.warehouse-header-status{grid-column:3}.warehouse-save-button{grid-column:4;grid-row:1/3}.warehouse-edit-layout{grid-template-columns:1fr}.warehouse-usage-panel{grid-row:auto}.warehouse-stock-panel{grid-template-columns:1fr 1fr}}@media(max-width:620px){.warehouse-edit-header{grid-template-columns:36px minmax(0,1fr)}.warehouse-header-icon{display:none}.warehouse-header-status{grid-column:2;flex-wrap:wrap}.warehouse-save-button{grid-column:1/-1;grid-row:auto;width:100%}.warehouse-identity-grid,.warehouse-stock-panel{grid-template-columns:1fr}.warehouse-stock-summary{padding:12px 0 0;border-top:1px solid #e1e9f1;border-left:0}.warehouse-edit-footer{grid-template-columns:1fr 1fr}.warehouse-delete-button{grid-column:1/-1}.warehouse-edit-footer>span{display:none}}
.critical-stock-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.critical-summary-card{position:relative;display:grid;gap:3px;min-height:88px;padding:14px 16px;overflow:hidden;border:1px solid #d8e3ee;border-radius:11px;background:#fff}.critical-summary-card:before{position:absolute;inset:0 auto 0 0;width:4px;content:""}.critical-summary-card span{color:#718399;font-size:9px;font-weight:750}.critical-summary-card strong{color:#20364f;font-size:22px}.critical-summary-card small{color:#8998aa;font-size:8px}.critical-summary-card.is-empty:before{background:#e64f5e}.critical-summary-card.is-minimum:before{background:#ed8c24}.critical-summary-card.is-critical:before{background:#e2b12b}.critical-summary-card.is-total:before{background:#287fe8}.critical-stock-panel{overflow:hidden}.critical-stock-filter{border-bottom:1px solid #e0e9f2}.critical-stock-table td{height:58px;vertical-align:middle}.critical-stock-row.severity-3{background:#fffafa}.critical-stock-row.severity-2{background:#fffcf7}.critical-stock-row.severity-1{background:#fffef8}.critical-status{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:6px 9px;border-radius:999px;font-size:8px;font-weight:800}.critical-status i{width:7px;height:7px;border-radius:50%}.critical-status.empty{color:#b62f3e;background:#fdecef}.critical-status.empty i{background:#e24a59}.critical-status.minimum{color:#a75c0b;background:#fff0df}.critical-status.minimum i{background:#ed8c24}.critical-status.critical{color:#8a6810;background:#fff7d9}.critical-status.critical i{background:#dcae28}.critical-row-actions{display:flex;align-items:center;gap:6px}.critical-row-actions a{display:grid;place-items:center;width:29px;height:29px;border:1px solid #d3e0ec;border-radius:7px;color:#2878d6;background:#fff;text-decoration:none}.critical-row-actions a:hover{border-color:#8cb8e9;background:#eef6ff}@media(max-width:900px){.critical-stock-summary{grid-template-columns:1fr 1fr}}@media(max-width:560px){.critical-stock-summary{grid-template-columns:1fr}}
.attribute-index-grid>header,.attribute-index-grid>.attribute-index-row{grid-template-columns:180px minmax(260px,1fr) 90px 80px 80px 78px}
.attribute-row-link{color:#52667e;text-decoration:none}.attribute-row-link strong{color:#1d3552;font-size:10px}.attribute-row-link:hover{color:#1670d2}
.attribute-status-form{margin:0}.attribute-status-switch{position:relative;display:block;width:34px;height:19px;padding:0;border:0;border-radius:99px;background:#c7d4e2;cursor:pointer}.attribute-status-switch i{position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgb(31 54 80 / 25%);transition:.18s}.attribute-status-switch.is-active{background:#287fe8}.attribute-status-switch.is-active i{transform:translateX(15px)}
.attribute-row-actions{display:flex;align-items:center;gap:6px}.attribute-row-actions form{margin:0}.attribute-row-actions a,.attribute-row-actions button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #d4e1ee;border-radius:7px;background:#fff;color:#3978c5;cursor:pointer;text-decoration:none}.attribute-row-actions button{border-color:#ffc1c7;color:#df4b5a}.attribute-row-actions a:hover{background:#eef6ff}.attribute-row-actions button:hover{background:#fff2f3}

/* Depo kartı, stok yönetimi çalışma alanının tamamını kullanır. */
.warehouse-edit-page{width:100%;max-width:none;margin:0}
.warehouse-edit-page>form{gap:12px}
.warehouse-card-head{border:1px solid #d8e3ef;border-radius:14px;background:#fff;box-shadow:0 9px 24px rgb(43 72 108 / 5%)}
.warehouse-card-head .inventory-title>div{min-width:0}
.warehouse-head-eyebrow{display:block;margin-bottom:1px;color:#8192a6;font-size:8px;font-weight:850;letter-spacing:.1em}
.warehouse-card-head .inventory-title h2{overflow:hidden;max-width:min(52vw,720px);text-overflow:ellipsis;white-space:nowrap}
.warehouse-card-head .inventory-title p strong{color:#536d88;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.warehouse-card-actions{align-items:center}
.warehouse-card-actions .warehouse-save-button{min-height:34px;margin:0}
.warehouse-stock-panel>.warehouse-delete-button{grid-column:1/-1;justify-self:start;margin-top:2px}
@media(max-width:700px){.warehouse-card-head{align-items:flex-start}.warehouse-card-actions{flex-wrap:wrap;padding-left:48px}.warehouse-card-head .inventory-title h2{max-width:70vw}}

/* Stok hareketleri: standart başlık, kompakt filtre ve okunabilir hareket grid'i */
.stock-movement-page{display:grid;gap:12px}
.stock-movement-header{border:1px solid #d8e3ef;border-radius:14px;background:#fff;box-shadow:0 9px 24px rgb(43 72 108 / 5%)}
.stock-movement-header .inventory-title-icon{color:#fff;background:linear-gradient(135deg,#287df0,#6558e8)}
.stock-movement-header .heading-actions{align-items:center;flex-wrap:wrap}
.stock-movement-header .heading-actions a{min-height:34px;margin:0;padding:7px 11px!important;border-radius:8px!important;font-size:10px!important}
.stock-movement-panel{margin:0;border:1px solid #d8e3ef;box-shadow:0 8px 22px rgb(43 72 108 / 4%)}
.stock-movement-results-panel{overflow:hidden;margin:0;border:1px solid #d8e3ef;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgb(43 72 108 / 4%)}
.stock-movement-results-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:10px 16px;border-bottom:1px solid #dbe6f0;background:#fff}
.stock-movement-results-head>div{display:flex;flex-direction:column;gap:2px}
.stock-movement-results-head strong{color:#24364b;font-size:12px}
.stock-movement-results-head small{color:#7b8ba0;font-size:9px}
.stock-movement-results-head>span{padding:5px 9px;border-radius:12px;color:#536b84;background:#edf3f8;font-size:9px;font-weight:750;white-space:nowrap}
.stock-movement-filter{grid-template-columns:repeat(12,minmax(0,1fr));gap:10px 12px;padding:13px 16px 15px}
.stock-movement-search{grid-column:span 4}
.stock-movement-warehouse-filter{grid-column:span 2}
.stock-movement-product-filter{grid-column:span 3}
.stock-movement-variant-filter{grid-column:span 3}
.stock-movement-direction-filter{grid-column:span 2}
.stock-movement-date-from,.stock-movement-date-to{grid-column:span 2}
.stock-movement-page-size{grid-column:span 2}
.stock-movement-warehouse-filter{min-width:0}
.stock-movement-warehouse-filter>span{display:block;margin:0 0 6px;color:#708299;font-size:8px;font-weight:800;letter-spacing:.4px;line-height:1;text-transform:uppercase}
.stock-movement-warehouse-filter .stock-check-select>summary{height:38px;border-color:#d4e0eb;color:#26384d;font-size:10px}
.stock-movement-warehouse-filter>select[data-warehouse-multiselect]{height:38px;min-height:38px;overflow:hidden}
.stock-movement-warehouse-filter .select2-container{display:block;width:100%!important;min-width:0}
.stock-movement-warehouse-filter .select2-selection--multiple{box-sizing:border-box;min-height:38px!important;max-height:38px;border:1px solid #d4e0eb!important;border-radius:8px!important;background:#fff!important;overflow:hidden}
.stock-movement-warehouse-filter .select2-selection--multiple .select2-selection__rendered{display:flex!important;align-items:center;gap:4px;min-width:0;height:36px;padding:3px 30px 3px 7px!important;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}
.stock-movement-warehouse-filter .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar{display:none}
.stock-movement-warehouse-filter .select2-selection--multiple .select2-selection__choice{display:inline-flex;align-items:center;flex:0 0 auto;max-width:150px;height:27px;margin:0!important;padding:0 8px 0 23px!important;border:0!important;border-radius:7px!important;color:#245d98!important;background:#eaf3ff!important;font-size:9px!important;line-height:27px!important}
.stock-movement-warehouse-filter .select2-selection--multiple .select2-selection__choice__display{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stock-movement-warehouse-filter .select2-selection--multiple .select2-selection__choice__remove{display:grid!important;place-items:center;width:20px;height:27px;border:0!important;color:#6885a4!important;background:transparent!important}
.stock-movement-warehouse-filter .select2-search--inline{flex:1 0 76px;min-width:76px}
.stock-movement-warehouse-filter .select2-search__field{width:100%!important;min-width:76px;height:27px!important;margin:0!important;padding:0 3px!important;border:0!important;outline:0!important}
.stock-movement-warehouse-filter .select2-selection--multiple:after{position:absolute;top:50%;right:12px;width:0;height:0;border:4px solid transparent;border-top-color:#74869b;content:"";transform:translateY(-15%);pointer-events:none}
.stock-movement-product-filter .select2-container{width:100%!important}
.stock-movement-product-filter .select2-selection--single{height:38px!important;border:1px solid #d4e0eb!important;border-radius:8px!important;background:#fff!important}
.stock-movement-product-filter .select2-selection--single .select2-selection__rendered{height:36px;padding:0 34px 0 11px!important;line-height:36px!important}
.stock-movement-product-filter .select2-selection--single .select2-selection__arrow{height:36px!important}
.select2-container--open .select2-search--dropdown{display:block;padding:7px;background:#f7faff}
.select2-container--open .select2-search--dropdown .select2-search__field{box-sizing:border-box;width:100%;height:36px;padding:0 10px;border:1px solid #bfd2e6;border-radius:7px;outline:0;background:#fff}
.select2-container--open .select2-search--dropdown .select2-search__field:focus{border-color:#287df0;box-shadow:0 0 0 3px rgb(40 125 240 / 10%)}
.stock-movement-filter-actions{grid-column:span 4;display:flex;align-items:flex-end;justify-content:flex-end;gap:7px}
.stock-movement-filter-actions .stock-movement-submit{flex:0 0 150px;min-width:130px;margin:0;padding:0 14px!important;border-radius:9px!important}
.stock-movement-filter-actions .stock-movement-clear{min-width:92px;border:1px solid #d5e1ed;border-radius:9px;background:#fff;text-decoration:none}
.stock-movement-filter input,.stock-movement-filter select{box-sizing:border-box;height:38px;border-radius:8px}
.stock-date-control{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 38px;height:38px;overflow:hidden;border:1px solid #d4e0eb;border-radius:8px;background:#fff}
.stock-date-control:focus-within{border-color:#4d94e8;box-shadow:0 0 0 3px rgb(40 125 240 / 10%)}
.stock-movement-filter .stock-date-control input[type=date]{width:100%;height:36px;padding:0 10px;border:0;border-radius:0;outline:0;box-shadow:none;color:#26384d;background:transparent}
.stock-movement-filter .stock-date-control input[type=date]::-webkit-calendar-picker-indicator{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.stock-date-control button{display:grid;place-items:center;width:38px;height:36px;padding:0;border:0;border-left:1px solid #e0e8f1;color:#60758d;background:#f4f7fa;cursor:pointer}
.stock-date-control button:hover{color:#176ac8;background:#eaf3ff}
.stock-movement-submit,.stock-movement-clear{height:38px}
.stock-movement-table{table-layout:fixed;min-width:1180px}
.stock-movement-table th:nth-child(1){width:88px}.stock-movement-table th:nth-child(2){width:140px}.stock-movement-table th:nth-child(3){width:300px}.stock-movement-table th:nth-child(4){width:310px}.stock-movement-table th:nth-child(5){width:170px}.stock-movement-table th:nth-child(7){width:105px}
.stock-movement-results-panel .stock-movement-table thead tr{border-bottom:1px solid #cbd9e7}
.stock-movement-results-panel .stock-movement-table th{height:42px;padding:0 12px;border-right:1px solid #e0e8f1;color:#536980;background:#edf3f8;font-size:8.5px;font-weight:850;letter-spacing:.55px;line-height:1.2;text-transform:uppercase;white-space:nowrap}
.stock-movement-results-panel .stock-movement-table th:last-child{border-right:0}
.stock-movement-results-panel .stock-movement-table th.numeric{text-align:right}
.stock-movement-results-panel .stock-movement-table tbody tr:first-child td{border-top:0}
.stock-movement-table td{height:54px;padding:9px 11px}
.stock-movement-table td strong{line-height:1.35}.stock-movement-table .cell-subtitle{display:block;margin-top:3px;overflow:hidden;color:#8190a2;text-overflow:ellipsis;white-space:nowrap}
.stock-movement-table .stock-reason{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stock-movement-table-wrap{max-height:calc(100vh - 390px);overflow:auto}.stock-movement-table thead{position:sticky;z-index:2;top:0}
@media(max-width:1150px){.stock-movement-filter{grid-template-columns:repeat(6,minmax(0,1fr))}.stock-movement-search{grid-column:span 6}.stock-movement-warehouse-filter,.stock-movement-direction-filter,.stock-movement-page-size,.stock-movement-date-from,.stock-movement-date-to{grid-column:span 2}.stock-movement-product-filter,.stock-movement-variant-filter{grid-column:span 3}.stock-movement-filter-actions{grid-column:span 6}}
@media(max-width:700px){.stock-movement-filter{grid-template-columns:1fr}.stock-movement-filter>*{grid-column:1!important}.stock-movement-filter-actions{justify-content:stretch}.stock-movement-filter-actions>*{flex:1}.stock-movement-table-wrap{max-height:none}}

/* Three-level ERP navigation */
.nav-submodule{margin:1px 0;border-radius:7px}
.nav-module .nav-submodule>summary{display:grid;grid-template-columns:5px minmax(0,1fr) auto;gap:9px;min-height:27px;margin:1px 0;padding:5px 7px;border:0;border-radius:7px;color:#687991;background:transparent;box-shadow:none;font-size:9px;font-weight:700;list-style:none;cursor:pointer}
.nav-module .nav-submodule>summary::-webkit-details-marker{display:none}
.nav-module .nav-submodule>summary:hover,.nav-module .nav-submodule[open]>summary{color:#1768d3;background:#eef6ff;transform:none}
.nav-submodule[open]>.nav-chevron{transform:rotate(180deg)}
.nav-submenu--nested{margin:1px 0 3px 8px;padding-left:10px}
.nav-submenu--nested a{min-height:25px;padding:4px 7px;font-size:8.5px}
.nav-bookmark-row{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:2px}.nav-bookmark-row>a{min-width:0}.nav-bookmark-row--item{grid-template-columns:minmax(0,1fr) 26px}.nav-bookmark-row--item>.nav-item{width:100%}.menu-favorite-toggle{display:grid;place-items:center;width:23px;height:23px;padding:0;border:0;border-radius:6px;color:#a8b5c5;background:transparent;font-size:9px;opacity:0;cursor:pointer}.nav-bookmark-row:hover>.menu-favorite-toggle,.menu-favorite-toggle:focus-visible,.menu-favorite-toggle.is-selected{opacity:1}.menu-favorite-toggle:hover{color:#e5a400;background:#fff8df}.menu-favorite-toggle.is-selected{color:#e5a400}.user-menu-shortcuts{display:grid;gap:2px}.user-menu-empty{display:flex;align-items:center;gap:8px;padding:8px 7px;color:#8392a6}.user-menu-empty>i{font-size:11px}.user-menu-empty span{display:grid;gap:1px}.user-menu-empty strong{font-size:8.5px}.user-menu-empty small{font-size:7px}.user-menu-shortcut{display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:2px}.user-menu-shortcut>a{display:flex!important;align-items:center;gap:7px;min-width:0}.user-menu-shortcut>a>i{width:13px;color:#e5a400;text-align:center}.user-menu-shortcut>a>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-shortcut>button{display:grid;place-items:center;width:21px;height:21px;padding:0;border:0;border-radius:6px;color:#a3afbf;background:transparent;font-size:8px;cursor:pointer}.user-menu-shortcut>button:hover{color:#cf4054;background:#fff0f2}
@media(hover:none){.menu-favorite-toggle{opacity:1}}
.sidebar-footer{grid-template-columns:28px minmax(0,1fr)}
.sidebar-logout{grid-column:1/-1;margin-top:3px}
.sidebar-logout button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:31px;border:1px solid #f2ccd2;border-radius:8px;color:#c93449;background:#fff6f7;font-size:9px;font-weight:800}
.sidebar-logout button:hover{color:#fff;background:#d93b52;border-color:#d93b52}
.nav-logout-item{display:block;margin:3px 0 0}.nav-logout-item .nav-item{width:100%;border:0;color:#c43f51;background:transparent;text-align:left;cursor:pointer}.nav-logout-item .nav-icon{color:#d9485b;background:#fff0f2}.nav-logout-item .nav-item:hover{color:#fff;background:#d9485b}.nav-logout-item .nav-item:hover .nav-icon{color:#d9485b;background:#fff}

/* Critical-stock filter layout and bounded Select2 multi-value controls. */
.critical-stock-panel .inventory-table-toolbar--filter{display:block!important;padding:0!important;background:#fff!important}
.critical-stock-panel .inventory-table-toolbar--filter>div:first-child{display:flex;align-items:baseline;gap:8px;padding:13px 18px;border-bottom:1px solid #dce7f1}
.critical-stock-panel .inventory-table-toolbar--filter>div:first-child h3{margin:0}
.critical-stock-panel .critical-stock-filter-form{display:grid!important;grid-template-columns:minmax(280px,1.35fr) minmax(260px,1fr) minmax(220px,.8fr) auto;align-items:end!important;width:100%;padding:13px 18px;gap:10px!important;background:#f8fbfe}
.critical-stock-filter-form .critical-multi-filter{min-width:0}
.critical-stock-filter-form .select2-container{display:block;min-width:0;max-width:100%}
.critical-stock-filter-form .select2-selection--multiple{position:relative;box-sizing:border-box;width:100%;min-height:38px!important;max-height:38px;overflow:hidden}
.critical-stock-filter-form .select2-selection--multiple .select2-selection__rendered{display:flex!important;align-items:center;flex-wrap:nowrap!important;gap:4px;width:100%;height:36px;min-height:36px;padding:4px 8px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap;scrollbar-width:none}
.critical-stock-filter-form .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar{display:none}
.critical-stock-filter-form .select2-selection--multiple .select2-selection__choice{display:inline-flex;align-items:center;flex:0 0 auto;max-width:170px;height:27px;overflow:hidden}
.critical-stock-filter-form .select2-selection--multiple .select2-selection__choice__display{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.critical-stock-filter-form .select2-search--inline{flex:1 0 72px;min-width:72px;height:27px}
.critical-stock-filter-form .select2-search--inline .select2-search__field{width:100%!important;height:27px!important;margin:0!important;padding:0 4px!important;border:0!important;outline:0}
@media(max-width:1180px){.critical-stock-panel .critical-stock-filter-form{grid-template-columns:1fr 1fr}.critical-stock-filter-form .filter-search{grid-column:1/-1}.critical-filter-actions{justify-content:flex-end}}
@media(max-width:680px){.critical-stock-panel .critical-stock-filter-form{grid-template-columns:1fr}.critical-stock-filter-form .filter-search{grid-column:auto}}

/* Stock filters use a native multi-select so their layout is independent from Select2. */
.stock-check-select{position:relative;width:100%;min-width:0}
.stock-check-select>summary{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:40px;padding:0 12px;border:1px solid #cbd9e8;border-radius:8px;background:#fff;color:#263d57;font-size:12px;cursor:pointer;list-style:none}
.stock-check-select>summary::-webkit-details-marker{display:none}
.stock-check-select[open]>summary{border-color:#2f80ed;box-shadow:0 0 0 3px rgba(47,128,237,.12)}
.stock-check-select[open]>summary i{transform:rotate(180deg)}
.stock-check-select__panel{position:absolute;z-index:140;top:46px;left:0;box-sizing:border-box;width:max(100%,360px);max-width:min(520px,calc(100vw - 48px));padding:10px;border:1px solid #cbd9e8;border-radius:10px;background:#fff;box-shadow:0 14px 34px rgba(26,47,73,.16)}
.stock-check-select__panel--compact{width:max(100%,280px)}
.stock-check-select__search{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;margin-bottom:8px;border:1px solid #d6e0eb;border-radius:7px;color:#74869b}
.stock-check-select__search input{width:100%;height:32px;padding:0;border:0!important;outline:0;background:transparent;font:inherit}
.stock-check-select__options{display:grid;gap:3px;max-height:240px;overflow:auto}
.stock-check-select__options label{display:flex;align-items:center;gap:10px;min-height:40px;padding:6px 9px;border-radius:7px;cursor:pointer}
.stock-check-select__options label:hover{background:#f0f6fd}
.stock-check-select__options label[hidden]{display:none}
.stock-check-select__options input{width:16px;height:16px;flex:0 0 auto;accent-color:#287ce8}
.stock-check-select__options span{display:grid;min-width:0}
.stock-check-select__options strong{overflow:hidden;color:#263d57;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.stock-check-select__options small{color:#8494a7;font-size:9px}
.stock-check-select footer{display:flex;justify-content:flex-end;gap:8px;padding-top:9px;margin-top:8px;border-top:1px solid #e5edf5}
.stock-check-select footer button{height:32px;padding:0 12px;border:1px solid #cbd9e8;border-radius:7px;background:#fff;color:#39536e;font-size:10px;cursor:pointer}
.stock-check-select footer button:last-child{border-color:#287ce8;background:#287ce8;color:#fff}
@media(max-width:760px){.stock-check-select__panel{position:fixed;top:auto;right:12px;bottom:12px;left:12px;width:auto;max-width:none}}

/* Critical stock filters use the shared, dependency-free multi-select panel. */
.critical-stock-panel{overflow:visible}
.critical-stock-panel .inventory-table-toolbar--filter{overflow:visible}
.critical-stock-panel .critical-stock-filter-form{position:relative;z-index:12;grid-template-columns:minmax(280px,1.35fr) minmax(250px,1fr) minmax(230px,.85fr) auto}
.critical-stock-filter-form .stock-check-select>summary{height:38px;border-color:#cfdeed;border-radius:8px;font-size:10px}
.critical-stock-filter-form .stock-check-select__panel{top:43px;z-index:1200}
.critical-stock-filter-form .stock-check-select__panel--compact{right:0;left:auto;width:max(100%,310px)}
.critical-stock-filter-form .filter-search input{font-size:10px}
.critical-stock-filter-form .critical-filter-actions i{font-size:10px}
.critical-row-actions a{transition:border-color .15s ease,background-color .15s ease,color .15s ease}
@media(max-width:1180px){.critical-stock-panel .critical-stock-filter-form{grid-template-columns:1fr 1fr}.critical-stock-filter-form .filter-search{grid-column:1/-1}.critical-stock-filter-form .stock-check-select__panel--compact{right:auto;left:0}}
@media(max-width:680px){.critical-stock-panel .critical-stock-filter-form{grid-template-columns:1fr}}

/* Keep stock filter popovers above the movement results card. */
.stock-movement-page .stock-movement-panel{position:relative;z-index:20;overflow:visible}
.stock-movement-page .stock-movement-results-panel{position:relative;z-index:1}
.stock-movement-page .stock-check-select__panel{z-index:1000}

/* Shared backoffice form-control standard. Page layouts own width; this owns rhythm. */
.ui-standard-scope {
    --ui-control-height: 38px;
    --ui-button-height: 36px;
    --ui-control-radius: 8px;
    --ui-control-border: #cbd9e8;
    --ui-control-border-hover: #9eb6d1;
    --ui-control-focus: #287ff0;
    --ui-control-font-size: 12px;
}

.ui-standard-scope :where(.filter-field, .stock-filter-field) { min-width: 0; align-self: end; }
.ui-standard-scope :where(.filter-field, .stock-filter-field) > label,
.ui-standard-scope .control-label {
    display: block;
    margin: 0 0 6px;
    color: #657b96;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.ui-standard-scope :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]), select:not([multiple]):not(.select2-hidden-accessible)) {
    box-sizing: border-box;
    height: var(--ui-control-height);
    min-height: var(--ui-control-height);
    border: 1px solid var(--ui-control-border);
    border-radius: var(--ui-control-radius);
    background-color: #fff;
    color: #24364b;
    font-family: inherit;
    font-size: var(--ui-control-font-size);
    line-height: 1.2;
}
.ui-standard-scope select:not([multiple]):not(.select2-hidden-accessible) { padding: 0 36px 0 12px; }
.ui-standard-scope textarea {
    box-sizing: border-box;
    border: 1px solid var(--ui-control-border);
    border-radius: var(--ui-control-radius);
    background-color: #fff;
    color: #24364b;
    font-family: inherit;
    font-size: var(--ui-control-font-size);
}
.ui-standard-scope :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]), select:not(.select2-hidden-accessible), textarea):hover:not(:disabled) { border-color: var(--ui-control-border-hover); }
.ui-standard-scope :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]), select:not(.select2-hidden-accessible), textarea):focus {
    border-color: var(--ui-control-focus);
    outline: 0;
    box-shadow: 0 0 0 3px rgb(40 127 240 / 12%);
}
.ui-standard-scope :where(input, select, textarea):disabled { cursor: not-allowed; background-color: #f3f6fa; color: #8b9bae; }

.ui-standard-scope :where(.primary-button, .secondary-button, .secondary-outline-button, .danger-button, .text-button, .inline-button, .filter-button, .stock-movement-submit, .stock-movement-clear) {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: auto;
    min-width: 0;
    height: var(--ui-button-height);
    min-height: var(--ui-button-height);
    padding: 0 13px !important;
    border-radius: var(--ui-control-radius) !important;
    font-size: 11px !important;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}
.ui-standard-scope .btn:not(.icon-button):not(.table-action-button):not(.warehouse-delete-button):not(.currency-remove):not(.tax-rate-remove):not(.definition-remove):not(.line-remove):not(.attribute-option-delete) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: auto;
    min-width: 0;
    height: var(--ui-button-height);
    min-height: var(--ui-button-height);
    padding: 0 14px;
    border-radius: var(--ui-control-radius);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}
.ui-standard-scope .btn.btn-sm:not(.icon-button):not(.table-action-button) {
    height: 32px;
    min-height: 32px;
    padding-inline: 11px;
    border-radius: 7px;
    font-size: 11px;
}
.ui-standard-scope :where(.icon-button, .table-action-button, .warehouse-delete-button, .currency-remove, .tax-rate-remove, .definition-remove, .line-remove, .attribute-option-delete) {
    flex: 0 0 auto;
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    border-radius: 8px;
}
.ui-standard-scope :where(.primary-button, .secondary-button, .secondary-outline-button, .danger-button, .text-button, .inline-button, .filter-button, .stock-movement-submit, .stock-movement-clear):focus-visible {
    outline: 2px solid var(--ui-control-focus);
    outline-offset: 2px;
}

.ui-standard-scope .stock-date-control {
    box-sizing: border-box;
    height: var(--ui-control-height);
    min-height: var(--ui-control-height);
    border: 1px solid var(--ui-control-border);
    border-radius: var(--ui-control-radius);
    background: #fff;
    overflow: hidden;
}
.ui-standard-scope .stock-date-control:focus-within { border-color: var(--ui-control-focus); box-shadow: 0 0 0 3px rgb(40 127 240 / 12%); }
.ui-standard-scope .stock-date-control input[type="date"] {
    height: calc(var(--ui-control-height) - 2px);
    min-height: calc(var(--ui-control-height) - 2px);
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.ui-standard-scope .stock-date-control button {
    width: var(--ui-control-height);
    min-width: var(--ui-control-height);
    height: calc(var(--ui-control-height) - 2px);
    min-height: calc(var(--ui-control-height) - 2px);
    padding: 0;
    border-radius: 0;
}

.ui-standard-scope .stock-check-select > summary {
    box-sizing: border-box;
    height: var(--ui-control-height);
    min-height: var(--ui-control-height);
    padding: 0 12px;
    border: 1px solid var(--ui-control-border);
    border-radius: var(--ui-control-radius);
    font-size: var(--ui-control-font-size);
}
.ui-standard-scope .stock-check-select[open] > summary,
.ui-standard-scope .stock-check-select > summary:focus-visible { border-color: var(--ui-control-focus); outline: 0; box-shadow: 0 0 0 3px rgb(40 127 240 / 12%); }
.ui-standard-scope .stock-check-select__search { min-height: 36px; border-radius: 7px; }
.ui-standard-scope .stock-check-select__search input { height: 34px; min-height: 34px; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }

.ui-standard-scope .select2-container .select2-selection--single {
    height: var(--ui-control-height) !important;
    min-height: var(--ui-control-height) !important;
    border-color: var(--ui-control-border) !important;
    border-radius: var(--ui-control-radius) !important;
}
.ui-standard-scope .select2-container .select2-selection--single .select2-selection__rendered {
    height: calc(var(--ui-control-height) - 2px);
    padding: 0 36px 0 12px;
    line-height: calc(var(--ui-control-height) - 2px) !important;
}
.ui-standard-scope .select2-container .select2-selection--single .select2-selection__arrow { width: 34px; height: calc(var(--ui-control-height) - 2px) !important; }
.ui-standard-scope .select2-container .select2-selection--multiple {
    min-height: var(--ui-control-height) !important;
    border-color: var(--ui-control-border) !important;
    border-radius: var(--ui-control-radius) !important;
}
.ui-standard-scope .select2-container--focus .select2-selection,
.ui-standard-scope .select2-container--open .select2-selection { border-color: var(--ui-control-focus) !important; box-shadow: 0 0 0 3px rgb(40 127 240 / 12%); }

.ui-standard-scope :where(.k-input, .k-picker, .k-dropdownlist, .k-combobox) {
    box-sizing: border-box;
    min-height: var(--ui-control-height);
    border-radius: var(--ui-control-radius);
    font-size: var(--ui-control-font-size);
}

@media (max-width: 720px) {
    .ui-standard-scope :where(.primary-button, .secondary-button, .secondary-outline-button, .danger-button, .text-button, .inline-button, .filter-button, .stock-movement-submit, .stock-movement-clear) { min-height: 38px; }
}

.order-status-report-page{min-width:0;overflow:hidden}.order-status-report-page .ui-grid{min-width:0}.order-status-grid .order-status-main-row td{vertical-align:middle}.order-row-toggle{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid #d6e2ef;border-radius:8px;background:#fff;color:#287ff0;cursor:pointer}.order-state,.order-payment{display:inline-flex;align-items:center;min-height:25px;padding:0 10px;border-radius:999px;background:#edf3f9;color:#506781;font-size:10px;font-weight:800;white-space:nowrap}.order-state-2,.order-state-5{background:#fff0f1;color:#d94757}.order-state-3{background:#fff4e6;color:#ad6812}.order-state-4{background:#e6f7f0;color:#087e5b}.order-lines-row>td{padding:0!important;background:#f7faff}.order-lines-panel{margin:10px 18px 14px 58px;border:1px solid #dbe6f1;border-radius:10px;background:#fff;overflow:hidden}.order-lines-title{display:flex;justify-content:space-between;padding:11px 14px;border-bottom:1px solid #e4ecf4;color:#30445c}.order-lines-title span{color:#7a8da5;font-size:11px}.order-lines-panel table{width:100%;border-collapse:collapse}.order-lines-panel th,.order-lines-panel td{padding:10px 13px;border-bottom:1px solid #edf2f7;text-align:left;font-size:11px}.order-lines-panel th{background:#f5f8fc;color:#647b96;text-transform:uppercase}.order-lines-panel td small{display:block;margin-top:3px;color:#8191a5}.order-status-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:12px 18px;border-top:1px solid #dce6f0;background:#f7faff;color:#657b96}.order-status-footer>div{text-align:right}.order-status-footer>nav{display:flex;align-items:center;gap:9px}.order-status-footer>nav>strong{min-width:48px;text-align:center;color:#30445c}.order-status-footer small{display:block;font-size:10px;text-transform:uppercase}.order-status-footer>div>strong{display:block;margin-top:2px;color:#1c3450;font-size:15px}@media(max-width:900px){.order-status-footer{grid-template-columns:1fr}.order-status-footer>nav{justify-content:center}.order-status-footer>div{text-align:center}}

.finance-balance-page{min-width:0;overflow:hidden}.finance-balance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #d6e2ef;border-radius:12px;background:#fff;overflow:hidden}.finance-balance-summary article{position:relative;min-width:0;padding:18px 20px;border-right:1px solid #e2eaf3}.finance-balance-summary article:last-child{border-right:0}.finance-balance-summary article:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#287ff0}.finance-balance-summary article.payable:before{background:#e85261}.finance-balance-summary article.net:before{background:#7657ed}.finance-balance-summary article.cash:before{background:#e79725}.finance-balance-summary article>span{display:flex;align-items:center;gap:7px;color:#667c96;font-size:11px;font-weight:700}.finance-balance-summary article>strong{display:block;margin-top:9px;color:#213850;font-size:22px}.finance-balance-summary article>strong small{font-size:11px}.finance-balance-summary article>p{margin:5px 0 0;color:#8494a8;font-size:10px}.finance-money{font-variant-numeric:tabular-nums}.finance-money.receivable{color:#07865e}.finance-money.payable{color:#db4454}.finance-balance-state{display:inline-flex;align-items:center;min-height:25px;padding:0 10px;border-radius:999px;background:#eef3f8;color:#576b83;font-size:10px;font-weight:800}.finance-balance-state--alacaklı{background:#e5f7ef;color:#087e5b}.finance-balance-state--borçlu{background:#fff0f1;color:#d44757}.finance-missing-contact{display:block;margin-top:4px;color:#8b99aa;font-weight:400}.finance-balance-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:12px 16px;border-top:1px solid #dce6f0;background:#f7faff;color:#6b7f97;font-size:11px}.finance-balance-footer nav{display:flex;align-items:center;gap:8px}.finance-balance-footer nav strong{min-width:48px;text-align:center;color:#30445c}.finance-balance-footer>span:last-child{text-align:right}.finance-ranking-section{border:1px solid #d6e2ef;border-radius:12px;background:#fff;overflow:hidden}.finance-ranking-heading{padding:14px 18px;border-bottom:1px solid #e1e9f2}.finance-ranking-heading h3,.finance-ranking-columns h4{margin:0;color:#243950}.finance-ranking-heading p,.finance-ranking-columns p{margin:4px 0 0;color:#8091a6;font-size:10px}.finance-ranking-columns{display:grid;grid-template-columns:1fr 1fr}.finance-ranking-columns>article{padding:16px 18px}.finance-ranking-columns>article+article{border-left:1px solid #e1e9f2}.finance-ranking-columns header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.finance-ranking-columns header>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px}.receivable-icon{background:#e5f7ef;color:#07865e}.payable-icon{background:#fff0f1;color:#d44757}.finance-ranking-columns ol{margin:0;padding:0;list-style:none}.finance-ranking-columns li{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 0;border-top:1px solid #edf2f7;color:#52677f;font-size:11px}.finance-ranking-columns li strong{color:#243950}.finance-ranking-columns li b{white-space:nowrap;font-variant-numeric:tabular-nums}.finance-ranking-columns li.empty{color:#8b99aa}@media(max-width:1000px){.finance-balance-summary{grid-template-columns:repeat(2,1fr)}.finance-balance-summary article:nth-child(2){border-right:0}.finance-balance-summary article:nth-child(-n+2){border-bottom:1px solid #e2eaf3}}@media(max-width:720px){.finance-balance-summary,.finance-ranking-columns,.finance-balance-footer{grid-template-columns:1fr}.finance-balance-summary article{border-right:0;border-bottom:1px solid #e2eaf3}.finance-ranking-columns>article+article{border-left:0;border-top:1px solid #e1e9f2}.finance-balance-footer nav{justify-content:center}.finance-balance-footer>span{text-align:center!important}}

.workforce-report-page{min-width:0;overflow:hidden}.workforce-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #d6e2ef;border-radius:12px;background:#fff;overflow:hidden}.workforce-summary article{position:relative;padding:18px 20px;border-right:1px solid #e2eaf3}.workforce-summary article:last-child{border-right:0}.workforce-summary article:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#287ff0}.workforce-summary article:nth-child(2):before{background:#11a77b}.workforce-summary article:nth-child(3):before{background:#e79725}.workforce-summary article:nth-child(4):before{background:#e85261}.workforce-summary span{display:flex;align-items:center;gap:7px;color:#667c96;font-size:11px;font-weight:700}.workforce-summary strong{display:block;margin-top:8px;color:#213850;font-size:23px}.workforce-summary p{margin:5px 0 0;color:#8494a8;font-size:10px}.workforce-state{display:inline-flex;align-items:center;min-height:25px;padding:0 10px;border-radius:999px;background:#edf3f8;color:#566b83;font-size:10px;font-weight:800;white-space:nowrap}.workforce-state--active,.workforce-state--returned{background:#e5f7ef;color:#087e5b}.workforce-state--pending{background:#fff3e3;color:#aa6512}.workforce-state--transferred{background:#e9f2ff;color:#236bbf}.workforce-state--incident{background:#fff0f1;color:#d44757}.workforce-report-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:12px 16px;border-top:1px solid #dce6f0;background:#f7faff;color:#6b7f97;font-size:11px}.workforce-report-footer nav{display:flex;align-items:center;gap:8px}.workforce-report-footer nav strong{min-width:48px;text-align:center;color:#30445c}.workforce-incidents{border:1px solid #d6e2ef;border-radius:12px;background:#fff;overflow:hidden}.workforce-incidents>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;border-bottom:1px solid #e2eaf3}.workforce-incidents h3{margin:0;color:#243950}.workforce-incidents header p,.workforce-incident-list p,.workforce-incidents-empty p{margin:4px 0 0;color:#8091a6;font-size:10px}.workforce-incident-list article{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 18px;border-top:1px solid #edf2f7}.workforce-incident-list article:first-child{border-top:0}.workforce-incident-list time{color:#6c8098;font-size:11px}.incident-type{display:grid;place-items:center;width:34px;height:34px;border-radius:9px}.incident-type--damage{background:#fff3e3;color:#aa6512}.incident-type--loss{background:#fff0f1;color:#d44757}.workforce-incidents-empty{display:flex;align-items:center;justify-content:center;gap:12px;padding:26px;color:#07865e}.workforce-incidents-empty>i{font-size:25px}@media(max-width:900px){.workforce-summary{grid-template-columns:repeat(2,1fr)}.workforce-summary article:nth-child(2){border-right:0}.workforce-summary article:nth-child(-n+2){border-bottom:1px solid #e2eaf3}.workforce-incident-list article{grid-template-columns:36px 1fr}.workforce-incident-list time,.workforce-incident-list .workforce-state{grid-column:2}}@media(max-width:650px){.workforce-summary,.workforce-report-footer{grid-template-columns:1fr}.workforce-summary article{border-right:0;border-bottom:1px solid #e2eaf3}.workforce-report-footer nav{justify-content:center}.workforce-report-footer>span{text-align:center}.workforce-incidents>header{align-items:flex-start;flex-direction:column}}

.inventory-report-page{min-width:0;overflow:hidden}.inventory-report-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #d6e2ef;border-radius:12px;background:#fff;overflow:hidden}.inventory-report-summary article{position:relative;padding:18px 20px;border-right:1px solid #e2eaf3}.inventory-report-summary article:last-child{border-right:0}.inventory-report-summary article:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#287ff0}.inventory-report-summary article:nth-child(2):before{background:#7657ed}.inventory-report-summary article:nth-child(3):before{background:#0da879}.inventory-report-summary article:nth-child(4):before{background:#e79725}.inventory-report-summary span{display:flex;align-items:center;gap:7px;color:#667c96;font-size:11px;font-weight:700}.inventory-report-summary strong{display:block;margin-top:8px;color:#213850;font-size:23px}.inventory-report-summary strong small{font-size:10px}.inventory-report-summary p{margin:5px 0 0;color:#8494a8;font-size:10px}.inventory-missing-record,.inventory-variant-note{display:block;margin-top:4px;color:#8b99aa;font-weight:400}.inventory-stock-state{display:inline-flex;align-items:center;min-height:25px;padding:0 10px;border-radius:999px;background:#e5f7ef;color:#087e5b;font-size:10px;font-weight:800;white-space:nowrap}.inventory-stock-state--kritik{background:#fff3e3;color:#aa6512}.inventory-stock-state--tükendi{background:#fff0f1;color:#d44757}.inventory-report-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:12px 16px;border-top:1px solid #dce6f0;background:#f7faff;color:#6b7f97;font-size:11px}.inventory-report-footer nav{display:flex;align-items:center;gap:8px}.inventory-report-footer nav strong{min-width:48px;text-align:center;color:#30445c}.inventory-report-footer>span:last-child{text-align:right}.inventory-alert-section{border:1px solid #d6e2ef;border-radius:12px;background:#fff;overflow:hidden}.inventory-alert-section>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;border-bottom:1px solid #e2eaf3}.inventory-alert-section h3{margin:0;color:#243950}.inventory-alert-section header p,.inventory-alert-list p,.inventory-alert-empty p{margin:4px 0 0;color:#8091a6;font-size:10px}.inventory-alert-list article{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 18px;border-top:1px solid #edf2f7}.inventory-alert-list article:first-child{border-top:0}.inventory-alert-list b{color:#243950;font-size:11px;white-space:nowrap}.inventory-alert-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px}.inventory-alert-icon.critical{background:#fff3e3;color:#aa6512}.inventory-alert-icon.depleted{background:#fff0f1;color:#d44757}.inventory-alert-empty{display:flex;align-items:center;justify-content:center;gap:12px;padding:26px;color:#07865e}.inventory-alert-empty>i{font-size:25px}@media(max-width:900px){.inventory-report-summary{grid-template-columns:repeat(2,1fr)}.inventory-report-summary article:nth-child(2){border-right:0}.inventory-report-summary article:nth-child(-n+2){border-bottom:1px solid #e2eaf3}.inventory-alert-list article{grid-template-columns:36px 1fr}.inventory-alert-list .inventory-stock-state,.inventory-alert-list b{grid-column:2}}@media(max-width:650px){.inventory-report-summary,.inventory-report-footer{grid-template-columns:1fr}.inventory-report-summary article{border-right:0;border-bottom:1px solid #e2eaf3}.inventory-report-footer nav{justify-content:center}.inventory-report-footer>span{text-align:center!important}.inventory-alert-section>header{align-items:flex-start;flex-direction:column}}
/* Finance accounts */
.finance-accounts-page table[ui-data-grid] tbody td{padding-top:10px;padding-bottom:10px}.finance-actions-heading{width:132px;text-align:center}.finance-actions-cell{width:132px}.finance-grid-actions{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.finance-grid-actions form{display:inline-flex;margin:0}.finance-grid-actions a,.finance-grid-actions button{display:inline-grid!important;flex:0 0 34px;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;place-items:center;border-radius:9px}.finance-grid-actions i{margin:0!important}.finance-accounts-page td>strong{line-height:1.25}.finance-accounts-page td>small{margin-top:2px}
.finance-account-details-page{display:grid;gap:14px;min-width:0}.finance-account-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.finance-account-detail-summary article{position:relative;padding:17px 19px;border-right:1px solid var(--border)}.finance-account-detail-summary article:last-child{border-right:0}.finance-account-detail-summary article:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--primary)}.finance-account-detail-summary article:nth-child(2):before{background:#0da879}.finance-account-detail-summary article:nth-child(3):before{background:#e85261}.finance-account-detail-summary article:nth-child(4):before{background:#7657ed}.finance-account-detail-summary span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.finance-account-detail-summary span i{color:var(--primary)}.finance-account-detail-summary strong{display:block;margin-top:8px;color:var(--text);font-size:22px}.finance-account-detail-summary strong small{font-size:11px}.finance-account-detail-summary p{margin:4px 0 0;color:var(--muted);font-size:10px}.finance-account-detail-summary .positive{color:#07865e}.finance-account-detail-summary .negative{color:#d44757}.finance-account-details-page td>small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.movement-kind{display:inline-flex;align-items:center;gap:7px;font-weight:700}.movement-kind.inflow{color:#07865e}.movement-kind.outflow{color:#d44757}.reference-code{display:inline-block;padding:5px 8px;border-radius:7px;background:var(--surface-soft);color:var(--muted);font-size:11px;font-weight:650}.movement-delta.positive{color:#07865e}.movement-delta.negative{color:#d44757}@media(max-width:900px){.finance-account-detail-summary{grid-template-columns:repeat(2,1fr)}.finance-account-detail-summary article:nth-child(2){border-right:0}.finance-account-detail-summary article:nth-child(-n+2){border-bottom:1px solid var(--border)}}@media(max-width:560px){.finance-account-detail-summary{grid-template-columns:1fr}.finance-account-detail-summary article{border-right:0;border-bottom:1px solid var(--border)}.finance-account-detail-summary article:last-child{border-bottom:0}}
.finance-accounts-page{display:grid;gap:14px}.finance-account-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.finance-account-tabs a{display:flex;align-items:center;gap:12px;min-height:68px;padding:12px 18px;border-right:1px solid var(--border);color:var(--muted);text-decoration:none}.finance-account-tabs a:last-child{border-right:0}.finance-account-tabs a>i{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:var(--surface-soft);color:var(--primary)}.finance-account-tabs span{display:grid;gap:2px}.finance-account-tabs strong{color:var(--text);font-size:13px}.finance-account-tabs small{font-size:11px}.finance-account-tabs a.active{background:#edf5ff;box-shadow:inset 0 -3px 0 var(--primary)}.finance-account-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.finance-account-summary article{padding:16px 18px;border-right:1px solid var(--border)}.finance-account-summary article:last-child{border-right:0}.finance-account-summary span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.finance-account-summary span i{color:var(--primary)}.finance-account-summary strong{display:block;margin-top:7px;color:var(--text);font-size:23px}.finance-account-summary p{margin:3px 0 0;color:var(--muted);font-size:11px}.finance-account-type{display:inline-flex;align-items:center;gap:7px}.finance-account-type i{color:var(--primary)}.finance-balance-unavailable{color:var(--danger);font-size:12px}@media(max-width:900px){.finance-account-tabs,.finance-account-summary{grid-template-columns:1fr 1fr}.finance-account-tabs a:nth-child(2),.finance-account-summary article:nth-child(2){border-right:0}.finance-account-tabs a:nth-child(-n+2),.finance-account-summary article:nth-child(-n+2){border-bottom:1px solid var(--border)}}@media(max-width:560px){.finance-account-tabs,.finance-account-summary{grid-template-columns:1fr}.finance-account-tabs a,.finance-account-summary article{border-right:0;border-bottom:1px solid var(--border)}.finance-account-tabs a:last-child,.finance-account-summary article:last-child{border-bottom:0}}
.cheque-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden}.cheque-summary article{display:flex;gap:14px;align-items:center;padding:20px 22px;border-right:1px solid var(--border)}.cheque-summary article:last-child{border-right:0}.cheque-summary i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eaf3ff;color:#1672ec}.cheque-summary div{display:grid;gap:2px}.cheque-summary span,.cheque-summary small{color:var(--muted);font-size:12px}.cheque-summary strong{font-size:22px}.cheque-filter .filter-bar{grid-template-columns:minmax(300px,1fr) 240px auto auto}.cheque-actions{display:flex;align-items:center;gap:7px}.cheque-actions form{margin:0}.cheque-action{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid #cbdcf1;border-radius:9px;background:#fff;color:#176fd5;text-decoration:none}.cheque-action--collect{color:#07885f;border-color:#a9dfce}.cheque-action--delete{color:#e34858;border-color:#ffc0c7}.cheque-form-card{max-width:1040px;margin-inline:auto}.text-danger{color:#d94352!important}@media(max-width:900px){.cheque-summary{grid-template-columns:repeat(2,1fr)}.cheque-summary article:nth-child(2){border-right:0}.cheque-filter .filter-bar{grid-template-columns:1fr}}
/* Cheque portfolio: search, direction and status filters share one responsive row. */
@media(min-width:901px){.cheque-filter .filter-bar{grid-template-columns:minmax(280px,1fr) 190px 190px auto auto}}
/* Cheque form: wide, balanced editor with an on-demand party picker. */
.cheque-form-page .cheque-form-card{width:100%;max-width:none;margin-inline:0;overflow:visible}
.cheque-form-page .cheque-form-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px;padding:24px}
.cheque-form-page .cheque-form-card .remote-customer-picker{width:100%}
.cheque-form-page .cheque-form-heading{display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:20px 24px;background:linear-gradient(135deg,#f8fbff,#fff)}
.cheque-form-page .cheque-form-heading-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#e8f2ff;color:#1672ec;font-size:18px}
.cheque-form-page .cheque-form-heading .eyebrow{display:block;margin-bottom:3px;color:#6f86a3;font-size:9px;font-weight:800;letter-spacing:.12em}
.cheque-form-page .cheque-form-heading h3{margin:0 0 3px}.cheque-form-page .cheque-form-heading p{margin:0}
.cheque-form-page .cheque-account-field{padding:15px;border:1px solid #dbe8f7;border-radius:11px;background:#f7fbff}
.cheque-form-page .cheque-account-field label i,.cheque-form-page .cheque-account-field small i{margin-right:5px;color:#1672ec}
.cheque-form-page .cheque-money-input{display:grid;grid-template-columns:38px 1fr auto;align-items:center;overflow:hidden;border:1px solid var(--border);border-radius:9px;background:#fff}
.cheque-form-page .cheque-money-input:focus-within{border-color:#6da8f4;box-shadow:0 0 0 3px rgba(36,124,240,.1)}
.cheque-form-page .cheque-money-input>i{color:#1672ec;text-align:center}.cheque-form-page .cheque-money-input input{width:100%;border:0!important;box-shadow:none!important}.cheque-form-page .cheque-money-input>span{padding:0 13px;color:var(--muted);font-size:11px;font-weight:800}
.cheque-form-page .remote-customer-picker>i{left:15px;top:50%;transform:translateY(-50%)}
.cheque-form-page .remote-customer-picker>input[type="search"]{padding-left:43px!important;padding-right:48px!important}

/* Login experience */
.login-page[data-f5-login]{grid-template-columns:minmax(500px,.92fr) minmax(560px,1.08fr);min-height:100dvh;overflow:hidden;background:#f7f9fd}
.login-page[data-f5-login] .login-story{position:relative;isolation:isolate;overflow:hidden;padding:46px clamp(44px,4vw,72px);background:linear-gradient(145deg,#171b35 0%,#25204f 58%,#4338a4 100%)}
.login-story-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}
.login-story-glow-one{top:-18%;left:-20%;width:620px;height:620px;background:radial-gradient(circle,rgba(116,91,238,.45),transparent 68%)}
.login-story-glow-two{right:-28%;bottom:-30%;width:560px;height:560px;background:radial-gradient(circle,rgba(53,125,246,.23),transparent 68%)}
.login-page .brand-light{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px;width:max-content;color:#fff;text-decoration:none}
.login-page .brand-light .brand-mark,.login-mobile-brand .brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#3489f6,#6c54eb);color:#fff;font-size:13px;font-weight:850;box-shadow:0 9px 24px rgba(20,25,65,.25)}
.login-page .brand-light .brand-copy{display:grid;gap:2px}.login-page .brand-light strong{color:#fff;font-size:15px;letter-spacing:-.2px}.login-page .brand-light small{color:#bfc4e8;font-size:8px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}
.login-page[data-f5-login] .story-copy{max-width:590px}.login-page[data-f5-login] .story-copy h1{max-width:570px;margin:18px 0 20px;font-size:clamp(43px,4vw,64px);line-height:1.03}.login-page[data-f5-login] .story-copy>p{max-width:500px;color:#d1d4e9;font-size:16px}
.login-capabilities{display:grid;gap:12px;margin:30px 0 0;padding:0;list-style:none}.login-capabilities li{display:flex;align-items:center;gap:13px;width:min(430px,100%);padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.055);backdrop-filter:blur(6px)}
.login-capabilities li>i{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:rgba(117,144,255,.2);color:#cbd6ff}.login-capabilities li span{display:grid;gap:2px}.login-capabilities strong{color:#fff;font-size:12px}.login-capabilities small{color:#adb5d5;font-size:10px;line-height:1.4}
.login-page[data-f5-login] .story-footer{display:flex;justify-content:space-between;gap:20px;color:#b4b9d5}
.login-page[data-f5-login] .login-panel{position:relative;padding:44px clamp(42px,7vw,120px);background:radial-gradient(circle at 90% 8%,rgba(67,117,239,.09),transparent 26%),linear-gradient(180deg,#fbfcff,#f4f7fc)}
.login-panel-inner{display:grid;width:min(500px,100%);gap:18px}.login-mobile-brand{display:none}.login-card{box-sizing:border-box;width:100%;padding:34px;border:1px solid #dce5f1;border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 24px 70px rgba(34,55,91,.1)}
.login-card-heading{display:grid;grid-template-columns:44px 1fr;align-items:start;gap:14px}.login-welcome-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#eaf3ff;color:#287ff0;font-size:17px}.login-card-heading .eyebrow{display:block;margin:0 0 5px}.login-card-heading h2{margin:0 0 5px;font-size:29px}.login-card-heading p{margin:0}
.login-context-note{display:flex;align-items:center;gap:12px;margin:23px 0 20px;padding:12px 14px;border:1px solid #d9e9ff;border-radius:11px;background:#f3f8ff}.login-context-note>i{color:#287ff0;font-size:16px}.login-context-note span,.login-security-note span{display:grid;gap:2px}.login-context-note strong{color:#35506e;font-size:11px}.login-context-note small{color:#7890aa;font-size:10px}
.login-form{display:grid;gap:16px}.login-field{display:grid;gap:7px}.login-field label{margin:0;color:#293d55;font-size:11px;font-weight:750}.login-input-shell{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;height:46px;border:1px solid #cad8e8;border-radius:10px;background:#fff;transition:border-color .16s,box-shadow .16s}.login-input-shell:focus-within{border-color:#3784ed;box-shadow:0 0 0 4px rgba(40,127,240,.11)}.login-input-shell>i{color:#8498af;text-align:center}.login-input-shell input{box-sizing:border-box;width:100%;height:44px!important;min-height:44px!important;padding:0 12px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#20344b;font-size:12px}.login-input-shell input::placeholder{color:#9aa9ba}
.login-password-shell{grid-template-columns:38px minmax(0,1fr) 42px}.password-toggle{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:8px;background:transparent;color:#71869d;cursor:pointer}.password-toggle:hover{background:#edf4fc;color:#287ff0}.password-toggle:focus-visible{outline:2px solid #287ff0;outline-offset:1px}
.login-submit{width:100%!important;height:45px!important;margin-top:2px!important;border-radius:10px!important;font-size:12px!important;box-shadow:0 9px 22px rgba(40,127,240,.22)}.login-submit:disabled{cursor:wait;opacity:.75}
.login-security-note{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid #e5ebf3}.login-security-note>i{color:#0aa174}.login-security-note strong{color:#53677e;font-size:10px}.login-security-note small{color:#8b9bae;font-size:9px}.login-copyright{margin:0;color:#8a9aae;font-size:9px;text-align:center}
@media(max-width:1050px){.login-page[data-f5-login]{grid-template-columns:minmax(390px,.8fr) 1.2fr}.login-page[data-f5-login] .login-story{padding:40px}.login-page[data-f5-login] .story-copy h1{font-size:45px}.login-capabilities{display:none}.login-page[data-f5-login] .story-footer span:last-child{display:none}}
@media(max-width:800px){.login-page[data-f5-login]{display:block;min-height:100dvh;overflow:auto;background:#f4f7fc}.login-page[data-f5-login] .login-story{display:none}.login-page[data-f5-login] .login-panel{display:block;min-height:100dvh;padding:28px 20px}.login-panel-inner{margin:auto}.login-mobile-brand{display:inline-flex;align-items:center;gap:10px;width:max-content;color:#263a52;text-decoration:none}.login-mobile-brand>span:last-child{display:grid;gap:1px}.login-mobile-brand strong{font-size:14px}.login-mobile-brand small{color:#8294a9;font-size:8px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.login-card{padding:27px 22px;border-radius:17px}.login-card-heading{grid-template-columns:1fr}.login-welcome-icon{display:none}.login-card-heading h2{font-size:25px}}
@media(max-width:420px){.login-page[data-f5-login] .login-panel{padding:22px 14px}.login-card{padding:24px 18px}.login-context-note{align-items:flex-start}}

/* Flat login form: the right pane is the surface, so no nested-window card. */
.login-page[data-f5-login] .login-card{padding:8px 0;border:0;border-radius:0;background:transparent;box-shadow:none}
.login-form-options{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:-3px}
.login-remember{display:inline-flex;align-items:center;gap:8px;color:#53677e;font-size:10px;font-weight:650;cursor:pointer}
.login-remember input{position:absolute;width:1px;height:1px;opacity:0}
.login-checkmark{display:grid;place-items:center;width:16px;height:16px;border:1px solid #bccbdd;border-radius:5px;background:#fff;color:transparent;font-size:8px;transition:.15s}
.login-remember input:checked+.login-checkmark{border-color:#287ff0;background:#287ff0;color:#fff}
.login-remember input:focus-visible+.login-checkmark{outline:3px solid rgba(40,127,240,.16);outline-offset:2px}
.login-forgot{color:#287ff0;font-size:10px;font-weight:750;text-decoration:none}
.login-forgot:hover{text-decoration:underline}.login-forgot:focus-visible{outline:2px solid #287ff0;outline-offset:3px;border-radius:3px}
@media(max-width:800px){.login-page[data-f5-login] .login-card{padding:16px 0}}
.recovery-card h2{margin:7px 0}.recovery-card>.muted{margin:0 0 24px}.login-back-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#60768e;font-size:10px;font-weight:700;text-decoration:none}.login-back-link:hover{color:#287ff0}.recovery-result{display:grid;justify-items:center;gap:10px;text-align:center}.recovery-result>i{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#e6f7ef;color:#06936a;font-size:22px}.recovery-result h2,.recovery-result p{margin:0}.recovery-result p{max-width:380px;color:#74869b;font-size:11px;line-height:1.6}.recovery-result .primary-button{width:100%;margin-top:10px;text-decoration:none}
@media(max-width:680px){.cheque-form-page .cheque-form-card .form-grid{grid-template-columns:1fr}.cheque-form-page .cheque-form-card .span-two{grid-column:auto}}

/* Finance open-item detail */
.finance-open-item-detail-page{display:grid;gap:14px;min-width:0}.open-item-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.open-item-detail-summary article{position:relative;min-width:0;padding:17px 19px;border-right:1px solid var(--border)}.open-item-detail-summary article:last-child{border-right:0}.open-item-detail-summary article:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#277ff1}.open-item-detail-summary article:nth-child(2):before{background:#7657ed}.open-item-detail-summary article.outstanding:before{background:#e89a2f}.open-item-detail-summary article:nth-child(4):before{background:#0da879}.open-item-detail-summary span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.open-item-detail-summary span i{color:#277ff1}.open-item-detail-summary strong{display:block;margin-top:9px;color:var(--text);font-size:21px;line-height:1.2}.open-item-detail-summary strong small{font-size:11px}.open-item-detail-summary .date-value{font-size:17px}.open-item-detail-summary p{margin:5px 0 0;color:var(--muted);font-size:10px}.open-item-detail-columns{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:14px}.open-item-detail-card{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.open-item-detail-card>header{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border);background:var(--surface-soft)}.open-item-detail-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:#e8f2ff;color:#1672ec}.open-item-detail-card h3{margin:0 0 2px;font-size:14px}.open-item-detail-card header p{margin:0;color:var(--muted);font-size:10px}.open-item-detail-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:4px 18px 12px}.open-item-detail-card dl>div{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:13px 0;border-bottom:1px solid var(--border)}.open-item-detail-card dl>div:nth-last-child(-n+2){border-bottom:0}.open-item-detail-card dt{color:var(--muted);font-size:11px}.open-item-detail-card dd{margin:0;color:var(--text);font-size:12px;font-weight:750;text-align:right}.open-item-detail-card dd.positive{color:#07865e}.open-item-detail-card dd.negative{color:#d44757}.open-item-detail-card .direction{display:inline-flex;align-items:center;gap:6px}.open-item-detail-card .direction--receivable{color:#07865e}.open-item-detail-card .direction--payable{color:#d44757}.open-item-contact{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 18px 0;padding:13px 14px;border-radius:10px;background:#f4f8fd}.open-item-contact span{color:var(--muted);font-size:10px;text-transform:uppercase}.open-item-contact strong{font-size:12px;text-align:right}.open-item-detail-card dl .net{grid-column:1/-1;margin-top:2px;padding:13px 14px;border:0;border-radius:10px;background:#f4f8fd}.open-item-technical-details{margin:0 18px 16px;border-top:1px solid var(--border);color:var(--muted);font-size:10px}.open-item-technical-details summary{padding:12px 0;cursor:pointer;font-weight:700}.open-item-technical-details>div{display:flex;justify-content:space-between;gap:12px;padding:0 0 12px}.open-item-technical-details code{overflow-wrap:anywhere;color:var(--text);font-size:10px;text-align:right}
.finance-open-item-detail-page .ui-page-header__actions{flex-wrap:wrap}.open-item-detail-summary{gap:12px;overflow:visible;border:0;border-radius:0;background:transparent}.open-item-detail-summary article{min-height:112px;border:1px solid var(--border)!important;border-radius:13px;background:var(--surface);box-shadow:0 5px 16px rgb(35 62 92 / 4%)}.open-item-detail-summary article:before{top:12px;bottom:12px;border-radius:0 3px 3px 0}.open-item-detail-card{box-shadow:0 5px 16px rgb(35 62 92 / 4%)}.open-item-detail-card dl{column-gap:24px}.open-item-detail-card dl>div{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,1.4fr);column-gap:16px}.open-item-detail-card dl>div:nth-child(odd){padding-right:4px}.open-item-detail-card dl>div:nth-child(even){padding-left:4px}.open-item-detail-card dt,.open-item-detail-card dd{min-width:0}.open-item-detail-card dd{overflow-wrap:anywhere}.open-item-detail-card dl .net{grid-template-columns:minmax(110px,1fr) auto}.open-item-contact{min-height:44px}.open-item-technical-details{clear:both}
@media(max-width:900px){.open-item-detail-summary{grid-template-columns:repeat(2,1fr)}.open-item-detail-summary article:nth-child(2){border-right:0}.open-item-detail-summary article:nth-child(-n+2){border-bottom:1px solid var(--border)}.open-item-detail-columns{grid-template-columns:1fr}}@media(max-width:560px){.open-item-detail-summary{grid-template-columns:1fr}.open-item-detail-summary article{border-right:0;border-bottom:1px solid var(--border)}.open-item-detail-summary article:last-child{border-bottom:0}.open-item-detail-card dl{grid-template-columns:1fr}.open-item-detail-card dl>div{border-bottom:1px solid var(--border)!important}.open-item-detail-card dl>div:last-child{border-bottom:0!important}.open-item-contact{align-items:flex-start;flex-direction:column}.open-item-contact strong{text-align:left}}
@media(max-width:900px){.open-item-detail-summary article{border:1px solid var(--border)!important}}@media(max-width:560px){.open-item-detail-card dl>div{padding-inline:0}.open-item-detail-card dl .net{grid-template-columns:minmax(110px,1fr) auto}}

/* Expense definitions. */
.expense-create-page,.expense-create-form{display:grid;gap:14px}.expense-create-form .ui-page-header__actions{flex-wrap:wrap}.expense-create-section{padding:16px}.expense-create-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:14px}.expense-create-grid .wide{grid-column:span 2}.expense-line-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr .65fr .65fr;gap:10px;margin-top:14px}.expense-create-section .form-field{margin:0}@media(max-width:900px){.expense-create-grid,.expense-line-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-create-grid .wide{grid-column:span 2}}@media(max-width:560px){.expense-create-grid,.expense-line-grid{grid-template-columns:1fr}.expense-create-grid .wide{grid-column:auto}}
.expense-definitions-page{display:grid;gap:14px}.expense-definitions-page .ui-page-header__actions{flex-wrap:wrap}.expense-definition-create{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.6fr);gap:28px;align-items:center;padding:17px}.expense-definition-caption{display:flex;align-items:flex-start;gap:11px}.expense-definition-caption>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;color:#287cf0;background:#eaf4ff}.expense-definition-caption small,.expense-definition-card-head small{color:#8191a5;font-size:8px;font-weight:900;letter-spacing:.8px}.expense-definition-caption h3,.expense-definition-card-head h3{margin:2px 0;color:#1d2d43;font-size:13px}.expense-definition-caption p{margin:4px 0 0;color:#8190a3;font-size:9px;line-height:1.5}.expense-definition-form{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(150px,.7fr) minmax(230px,1.3fr) 120px;gap:10px;align-items:end}.expense-definition-form .form-field{margin:0}.expense-definition-form .ui-action{min-height:42px}.expense-definition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.expense-definition-card{min-width:0;padding:0;overflow:hidden;border-radius:15px}.expense-definition-card-head{display:flex;align-items:center;gap:10px;min-height:70px;padding:13px 16px;border-bottom:1px solid #e3eaf2}.definition-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px}.definition-icon.category{color:#6d57dc;background:#efecff}.definition-icon.center{color:#168a67;background:#e7f7f1}.definition-count{margin-left:auto;padding:5px 8px;border-radius:8px;color:#2675d8;background:#eaf4ff;font-size:8px;font-weight:800;white-space:nowrap}.definition-list-head,.definition-row{display:grid;grid-template-columns:120px minmax(0,1fr) 90px;gap:12px;align-items:center}.definition-list-head{padding:9px 16px;color:#7e8ea2;background:#f4f8fc;font-size:8px;font-weight:850;letter-spacing:.4px;text-transform:uppercase}.definition-row{min-height:58px;padding:9px 16px;border-top:1px solid #e8eef5}.definition-row code{justify-self:start;padding:5px 7px;border-radius:7px;color:#31577e;background:#edf4fb;font-size:9px;font-weight:800}.definition-row strong,.definition-row small{display:block}.definition-row strong{color:#27374c;font-size:10px}.definition-row small{margin-top:3px;color:#8d9bad;font-size:8px}.definition-row status-badge{justify-self:end}.definition-empty{display:grid;justify-items:center;align-content:center;min-height:190px;padding:25px;text-align:center;background:#fbfdff}.definition-empty>i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#287cf0;background:#eaf4ff;font-size:15px}.definition-empty strong{margin-top:10px;color:#25354a;font-size:12px}.definition-empty span{max-width:310px;margin-top:4px;color:#8795a7;font-size:9px;line-height:1.5}@media(max-width:1100px){.expense-definition-create{grid-template-columns:1fr}.expense-definition-form{grid-template-columns:repeat(3,minmax(0,1fr)) 120px}}@media(max-width:850px){.expense-definition-grid{grid-template-columns:1fr}.expense-definition-form{grid-template-columns:1fr 1fr}.expense-definition-form .ui-action{grid-column:span 2}}@media(max-width:520px){.expense-definition-form{grid-template-columns:1fr}.expense-definition-form .ui-action{grid-column:auto}.definition-list-head,.definition-row{grid-template-columns:90px minmax(0,1fr) 75px}}
/* Expense closure */
.expense-closure-page{display:grid;gap:14px}.expense-closure-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.expense-closure-stat{display:flex;align-items:flex-start;gap:14px;min-height:126px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(31,66,115,.04)}.expense-closure-stat>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:#eaf3ff;color:#1672f3;font-size:17px}.expense-closure-stat.is-waiting>span{background:#fff4df;color:#d88700}.expense-closure-stat.is-payable>span{background:#f1edff;color:#6c4ee3}.expense-closure-stat.is-paid>span{background:#e5f7f0;color:#07865f}.expense-closure-stat div{min-width:0}.expense-closure-stat small{display:block;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.expense-closure-stat strong{display:block;margin-top:10px;color:var(--text);font-size:23px;line-height:1}.expense-closure-stat strong em{font-size:12px;font-style:normal;color:var(--muted)}.expense-closure-stat p{margin:10px 0 0;color:var(--muted);font-size:12px}.expense-reconciliation-panel{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(31,66,115,.04)}.expense-reconciliation-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border-bottom:1px solid var(--line)}.expense-reconciliation-header h3{margin:4px 0;font-size:17px}.expense-reconciliation-header p{margin:0;color:var(--muted);font-size:12px}.expense-reconciliation-counts{display:flex;flex-wrap:wrap;gap:8px}.expense-reconciliation-counts span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:700}.expense-reconciliation-counts .is-ok{background:#e5f7f0;color:#08785a}.expense-reconciliation-counts .is-warning{background:#fff1e5;color:#b46100}.expense-reconciliation-counts .is-muted{background:#f1f5f9;color:#64748b}.expense-reconciliation-table{width:100%;border-collapse:collapse;min-width:1180px}.expense-reconciliation-table th{padding:12px 14px;background:#f5f8fc;border-bottom:1px solid var(--line);color:#667b9a;font-size:10px;text-transform:uppercase;letter-spacing:.05em;text-align:left}.expense-reconciliation-table td{padding:14px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:12px}.expense-reconciliation-table td>small,.expense-reconciliation-table td>a+small,.expense-reconciliation-table td>strong+small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.expense-finance-link,.expense-finance-missing{display:inline-flex;align-items:center;gap:5px;margin:0 6px 3px 0;padding:5px 8px;border-radius:7px;background:#eaf3ff;color:#1268d9;font-size:10px;font-weight:700}.expense-finance-link.is-paid{background:#e5f7f0;color:#08785a}.expense-finance-missing{background:#f3f5f8;color:#8290a5}.expense-reconciliation-table .finance-ok{color:#07865f}.expense-reconciliation-table .finance-pending{color:#b46100}.expense-closure-empty{display:flex;min-height:270px;align-items:center;justify-content:center;flex-direction:column;padding:34px;text-align:center}.expense-closure-empty>span{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#eaf3ff;color:#1672f3;font-size:20px}.expense-closure-empty h3{margin:16px 0 6px}.expense-closure-empty p{margin:0 0 18px;color:var(--muted)}.expense-closure-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px;background:#f8fafc;color:var(--muted);font-size:10px}.expense-closure-footer strong{color:#52647e}.expense-closure-footer span{display:inline-flex;align-items:center;gap:6px}
@media(max-width:1100px){.expense-closure-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.expense-closure-summary{grid-template-columns:1fr}.expense-reconciliation-header{align-items:flex-start;flex-direction:column}.expense-closure-stat{min-height:auto}.expense-closure-footer{justify-content:flex-start}}
/* Employee list */
.employee-list-page{display:grid;gap:14px}.employee-list-panel{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(31,66,115,.04)}.employee-list-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--line)}.employee-list-heading h3{margin:4px 0;font-size:16px}.employee-list-heading p{margin:0;color:var(--muted);font-size:11px}.employee-record-count{padding:7px 10px;border-radius:999px;background:#edf4fc;color:#60758e;font-size:10px;font-weight:800;white-space:nowrap}.employee-table{width:100%;border-collapse:collapse;min-width:980px}.employee-table th{padding:12px 16px;background:#f4f8fc;border-bottom:1px solid var(--line);color:#687d98;font-size:10px;font-weight:800;letter-spacing:.05em;text-align:left;text-transform:uppercase}.employee-table td{padding:13px 16px;border-bottom:1px solid var(--line);color:var(--text);font-size:12px;vertical-align:middle}.employee-table tbody tr:hover{background:#f9fbfe}.employee-table tbody tr:last-child td{border-bottom:0}.employee-table td>small,.employee-table td>strong+small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.employee-identity{display:flex;align-items:center;gap:11px}.employee-identity>span{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:#eaf3ff;color:#1672f3;font-size:11px;font-weight:900}.employee-identity a{color:#1d3047;font-weight:800}.employee-identity small{display:block;margin-top:3px;color:#8291a5;font-size:10px}.employee-department{display:inline-flex;align-items:center;gap:7px;color:#526780;font-weight:600}.employee-department i{color:#7c91aa}.employee-action-column{width:92px;text-align:right}.employee-list-empty{display:flex;min-height:310px;align-items:center;justify-content:center;flex-direction:column;padding:34px;text-align:center}.employee-list-empty>span{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#eaf3ff;color:#1672f3;font-size:21px}.employee-list-empty h3{margin:16px 0 6px;font-size:20px}.employee-list-empty p{max-width:430px;margin:0 0 18px;color:var(--muted);font-size:12px}@media(max-width:680px){.employee-list-heading{align-items:flex-start;flex-direction:column}.employee-list-empty{min-height:250px}}
/* Employee create form */
.employee-form-page{display:grid;gap:14px}.employee-form-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.employee-form-validation{grid-column:1/-1;margin:0}.employee-form-validation:empty{display:none}.employee-form-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(31,66,115,.04)}.employee-form-card>header{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfdff)}.employee-form-card>header>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:11px;background:#eaf3ff;color:#1672f3;font-size:16px}.employee-form-card>header h3{margin:0;color:var(--text);font-size:15px}.employee-form-card>header p{margin:4px 0 0;color:var(--muted);font-size:10px}.employee-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:20px}.employee-field{display:grid;align-content:start;gap:7px;min-width:0}.employee-field>span:first-child{color:#455b75;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.employee-field>span:first-child em{color:#e04e5d;font-style:normal}.employee-field select[ui-control],.employee-field input[ui-control]{width:100%;min-width:0}.employee-field .field-validation{min-height:12px;color:#d74757;font-size:10px}.employee-field .field-validation:empty{visibility:hidden}.employee-form-note{display:flex;align-items:flex-start;gap:8px;margin:0 20px 20px;padding:11px 13px;border-radius:9px;background:#f2f7fd;color:#68809b;font-size:10px;line-height:1.5}.employee-form-note i{margin-top:2px;color:#247cf0}.employee-form-actions{display:flex;justify-content:flex-end;gap:9px;grid-column:1/-1;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(31,66,115,.04)}@media(max-width:1050px){.employee-form-layout{grid-template-columns:1fr}}@media(max-width:650px){.employee-form-grid{grid-template-columns:1fr;padding:16px}.employee-form-card>header{padding:16px}.employee-form-actions{position:sticky;bottom:8px;z-index:5}.employee-form-actions [ui-action]{flex:1}}
/* Asset list */
.asset-list-page{display:grid;gap:14px}.asset-list-panel{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(31,66,115,.04)}.asset-list-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--line)}.asset-list-heading h3{margin:4px 0;font-size:16px}.asset-list-heading p{margin:0;color:var(--muted);font-size:11px}.asset-record-count{padding:7px 10px;border-radius:999px;background:#edf4fc;color:#60758e;font-size:10px;font-weight:800;white-space:nowrap}.asset-table{width:100%;border-collapse:collapse;min-width:1120px}.asset-table th{padding:12px 16px;background:#f4f8fc;border-bottom:1px solid var(--line);color:#687d98;font-size:10px;font-weight:800;letter-spacing:.05em;text-align:left;text-transform:uppercase}.asset-table td{padding:13px 16px;border-bottom:1px solid var(--line);color:var(--text);font-size:12px;vertical-align:middle}.asset-table tbody tr:hover{background:#f9fbfe}.asset-table tbody tr:last-child td{border-bottom:0}.asset-identity{display:flex;align-items:center;gap:11px}.asset-identity>span{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:#eaf3ff;color:#1672f3}.asset-identity a{color:#1d3047;font-weight:800}.asset-identity small{display:block;margin-top:3px;color:#8291a5;font-size:10px}.asset-category{display:inline-flex;padding:6px 9px;border-radius:7px;background:#f1f5f9;color:#526780;font-size:10px;font-weight:700}.asset-location{display:inline-flex;align-items:center;gap:7px;color:#526780;font-weight:600}.asset-location i{color:#7c91aa}.asset-condition{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#edf4fc;color:#506b8c;font-size:10px;font-weight:800}.asset-condition--1,.asset-condition--2{background:#e5f7f0;color:#08785a}.asset-condition--3{background:#fff4df;color:#a86605}.asset-condition--4,.asset-condition--5{background:#fff0f1;color:#c33f50}.asset-action-column{width:92px;text-align:right}.asset-list-empty{display:flex;min-height:310px;align-items:center;justify-content:center;flex-direction:column;padding:34px;text-align:center}.asset-list-empty>span{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#eaf3ff;color:#1672f3;font-size:21px}.asset-list-empty h3{margin:16px 0 6px;font-size:20px}.asset-list-empty p{max-width:430px;margin:0 0 18px;color:var(--muted);font-size:12px}@media(max-width:680px){.asset-list-heading{align-items:flex-start;flex-direction:column}.asset-list-empty{min-height:250px}}
/* Asset create form */
.incident-form-page{display:grid;gap:14px}.incident-form-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.incident-form-validation{grid-column:1/-1;margin:0}.incident-form-validation:empty{display:none}.incident-form-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(31,66,115,.04)}.incident-form-card--wide{grid-column:1/-1}.incident-form-card>header{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfdff)}.incident-form-card>header>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:11px;background:#fff1e5;color:#d5721a;font-size:16px}.incident-form-card>header h3{margin:0;color:var(--text);font-size:15px}.incident-form-card>header p{margin:4px 0 0;color:var(--muted);font-size:10px}.incident-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:20px}.incident-form-grid--single{grid-template-columns:1fr}.incident-field{display:grid;align-content:start;gap:7px;min-width:0}.incident-field>span:first-child{color:#455b75;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.incident-field>span:first-child em{color:#e04e5d;font-style:normal}.incident-field select[ui-control],.incident-field input[ui-control],.incident-field textarea[ui-control]{width:100%;min-width:0}.incident-field textarea[ui-control]{min-height:120px;resize:vertical}.incident-field .field-validation{min-height:12px;color:#d74757;font-size:10px}.incident-field .field-validation:empty{visibility:hidden}.incident-form-note{display:flex;align-items:flex-start;gap:8px;margin:0 20px 20px;padding:11px 13px;border-radius:9px;background:#f2f7fd;color:#68809b;font-size:10px;line-height:1.5}.incident-form-note i{margin-top:2px;color:#247cf0}@media(max-width:1050px){.incident-form-layout{grid-template-columns:1fr}.incident-form-card--wide{grid-column:auto}}@media(max-width:650px){.incident-form-grid{grid-template-columns:1fr;padding:16px}.incident-form-card>header{padding:16px}}
/* Asset create form */
.incident-list-page{display:grid;gap:14px}.incident-list-panel{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(31,66,115,.04)}.incident-list-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--line)}.incident-list-heading h3{margin:4px 0;font-size:16px}.incident-list-heading p{margin:0;color:var(--muted);font-size:11px}.incident-record-count{padding:7px 10px;border-radius:999px;background:#edf4fc;color:#60758e;font-size:10px;font-weight:800;white-space:nowrap}.incident-table{width:100%;border-collapse:collapse;min-width:1120px}.incident-table th{padding:12px 16px;background:#f4f8fc;border-bottom:1px solid var(--line);color:#687d98;font-size:10px;font-weight:800;letter-spacing:.05em;text-align:left;text-transform:uppercase}.incident-table td{padding:13px 16px;border-bottom:1px solid var(--line);color:var(--text);font-size:12px;vertical-align:middle}.incident-table tbody tr:hover{background:#f9fbfe}.incident-table tbody tr:last-child td{border-bottom:0}.incident-identity{display:flex;align-items:center;gap:11px}.incident-identity>span{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:#fff1e5;color:#d5721a}.incident-identity--2>span{background:#fff0f1;color:#cc4353}.incident-identity a{color:#1d3047;font-weight:800}.incident-identity small{display:block;overflow:hidden;max-width:330px;margin-top:3px;color:#8291a5;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.incident-cell-detail{display:block;margin-top:3px;color:#8291a5;font-size:10px}.incident-date{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px}.incident-date i{grid-row:1/3;color:#7c91aa}.incident-date small{color:#8291a5;font-size:10px}.incident-action-column{width:92px;text-align:right}.incident-list-empty{display:flex;min-height:310px;align-items:center;justify-content:center;flex-direction:column;padding:34px;text-align:center}.incident-list-empty>span{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#e8f7f1;color:#0c8c68;font-size:21px}.incident-list-empty h3{margin:16px 0 6px;font-size:20px}.incident-list-empty p{max-width:460px;margin:0 0 18px;color:var(--muted);font-size:12px}@media(max-width:680px){.incident-list-heading{align-items:flex-start;flex-direction:column}.incident-list-empty{min-height:250px}}
/* Asset create form */
.assignment-form-page{display:grid;gap:14px}.assignment-form-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.assignment-form-validation{grid-column:1/-1;margin:0}.assignment-form-validation:empty{display:none}.assignment-form-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(31,66,115,.04)}.assignment-form-card>header{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfdff)}.assignment-form-card>header>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:11px;background:#eaf3ff;color:#1672f3;font-size:16px}.assignment-form-card>header h3{margin:0;color:var(--text);font-size:15px}.assignment-form-card>header p{margin:4px 0 0;color:var(--muted);font-size:10px}.assignment-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:20px}.assignment-field{display:grid;align-content:start;gap:7px;min-width:0}.assignment-field>span:first-child{color:#455b75;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.assignment-field>span:first-child em{color:#e04e5d;font-style:normal}.assignment-field select[ui-control],.assignment-field input[ui-control]{width:100%;min-width:0}.assignment-field .field-validation{min-height:12px;color:#d74757;font-size:10px}.assignment-field .field-validation:empty{visibility:hidden}.assignment-form-note{display:flex;align-items:flex-start;gap:8px;margin:0 20px 20px;padding:11px 13px;border-radius:9px;background:#f2f7fd;color:#68809b;font-size:10px;line-height:1.5}.assignment-form-note i{margin-top:2px;color:#247cf0}.assignment-form-note--acceptance{background:#f1f8f5;color:#52796c}.assignment-form-note--acceptance i{color:#12956f}@media(max-width:1050px){.assignment-form-layout{grid-template-columns:1fr}}@media(max-width:650px){.assignment-form-grid{grid-template-columns:1fr;padding:16px}.assignment-form-card>header{padding:16px}}
/* Asset create form */
.assignment-list-page{display:grid;gap:14px}.assignment-list-panel{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(31,66,115,.04)}.assignment-list-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--line)}.assignment-list-heading h3{margin:4px 0;font-size:16px}.assignment-list-heading p{margin:0;color:var(--muted);font-size:11px}.assignment-record-count{padding:7px 10px;border-radius:999px;background:#edf4fc;color:#60758e;font-size:10px;font-weight:800;white-space:nowrap}.assignment-table{width:100%;border-collapse:collapse;min-width:980px}.assignment-table th{padding:12px 16px;background:#f4f8fc;border-bottom:1px solid var(--line);color:#687d98;font-size:10px;font-weight:800;letter-spacing:.05em;text-align:left;text-transform:uppercase}.assignment-table td{padding:13px 16px;border-bottom:1px solid var(--line);color:var(--text);font-size:12px;vertical-align:middle}.assignment-table tbody tr:hover{background:#f9fbfe}.assignment-table tbody tr:last-child td{border-bottom:0}.assignment-identity{display:flex;align-items:center;gap:11px}.assignment-identity>span{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:#eaf3ff;color:#1672f3}.assignment-identity--employee>span{background:#eeeaff;color:#7252e7}.assignment-identity a,.assignment-identity strong{color:#1d3047;font-weight:800}.assignment-identity small,.assignment-date small{display:block;margin-top:3px;color:#8291a5;font-size:10px}.assignment-date{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px}.assignment-date i{grid-row:1/3;color:#7c91aa}.assignment-date strong{font-size:12px}.assignment-action-column{width:92px;text-align:right}.assignment-list-empty{display:flex;min-height:310px;align-items:center;justify-content:center;flex-direction:column;padding:34px;text-align:center}.assignment-list-empty>span{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#eaf3ff;color:#1672f3;font-size:21px}.assignment-list-empty h3{margin:16px 0 6px;font-size:20px}.assignment-list-empty p{max-width:460px;margin:0 0 18px;color:var(--muted);font-size:12px}@media(max-width:680px){.assignment-list-heading{align-items:flex-start;flex-direction:column}.assignment-list-empty{min-height:250px}}
/* Asset create form */
.asset-form-page{display:grid;gap:14px}.asset-form-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.asset-form-validation{grid-column:1/-1;margin:0}.asset-form-validation:empty{display:none}.asset-form-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(31,66,115,.04)}.asset-form-card>header{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfdff)}.asset-form-card>header>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:11px;background:#eaf3ff;color:#1672f3;font-size:16px}.asset-form-card>header h3{margin:0;color:var(--text);font-size:15px}.asset-form-card>header p{margin:4px 0 0;color:var(--muted);font-size:10px}.asset-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:20px}.asset-field{display:grid;align-content:start;gap:7px;min-width:0}.asset-field--wide{grid-column:1/-1}.asset-field>span:first-child{color:#455b75;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.asset-field>span:first-child em{color:#e04e5d;font-style:normal}.asset-field select[ui-control],.asset-field input[ui-control]{width:100%;min-width:0}.asset-field .field-validation{min-height:12px;color:#d74757;font-size:10px}.asset-field .field-validation:empty{visibility:hidden}.asset-form-note{display:flex;align-items:flex-start;gap:8px;margin:0 20px 20px;padding:11px 13px;border-radius:9px;background:#f2f7fd;color:#68809b;font-size:10px;line-height:1.5}.asset-form-note i{margin-top:2px;color:#247cf0}.asset-form-actions{display:flex;justify-content:flex-end;gap:9px;grid-column:1/-1;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(31,66,115,.04)}@media(max-width:1050px){.asset-form-layout{grid-template-columns:1fr}}@media(max-width:650px){.asset-form-grid{grid-template-columns:1fr;padding:16px}.asset-field--wide{grid-column:auto}.asset-form-card>header{padding:16px}.asset-form-actions{position:sticky;bottom:8px;z-index:5}.asset-form-actions [ui-action]{flex:1}}
/* Employee details */
.employee-details-page{display:grid;gap:14px}.employee-details-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(31,66,115,.04)}.employee-details-person{display:flex;align-items:center;gap:13px;min-width:0}.employee-details-avatar{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:14px;background:linear-gradient(135deg,#2b7df2,#5868e8);color:#fff;font-size:14px;font-weight:900;box-shadow:0 8px 16px rgba(43,125,242,.2)}.employee-details-person h2{margin:4px 0;color:var(--text);font-size:20px}.employee-details-person p{margin:0;color:var(--muted);font-size:11px}.employee-details-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.employee-details-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.employee-details-summary article{display:flex;align-items:flex-start;gap:12px;min-height:112px;padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}.employee-details-summary article>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:#eaf3ff;color:#1672f3}.employee-details-summary small{display:block;color:#7689a1;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.employee-details-summary strong{display:block;margin-top:8px;color:#243950;font-size:13px}.employee-details-summary p{overflow:hidden;margin:5px 0 0;color:#8494a8;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.employee-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.employee-details-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(31,66,115,.04)}.employee-details-card>header{display:flex;align-items:center;gap:11px;padding:17px 19px;border-bottom:1px solid var(--line)}.employee-details-card>header>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:#eaf3ff;color:#1672f3}.employee-details-card h3{margin:0;font-size:14px}.employee-details-card header p{margin:4px 0 0;color:var(--muted);font-size:10px}.employee-detail-rows{padding:0 19px}.employee-detail-rows>div{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:49px;border-bottom:1px solid #e8eef5;font-size:11px}.employee-detail-rows>div:last-child{border-bottom:0}.employee-detail-rows>div>span:first-child{color:#71849c}.employee-detail-rows strong,.employee-detail-rows a{color:#243950;font-weight:800;text-align:right}.employee-detail-rows a{color:#176ed8}.employee-detail-rows small{display:block;color:var(--muted);font-size:9px}@media(max-width:1100px){.employee-details-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.employee-details-hero{align-items:flex-start;flex-direction:column}.employee-details-actions{justify-content:flex-start}.employee-details-grid{grid-template-columns:1fr}}@media(max-width:520px){.employee-details-summary{grid-template-columns:1fr}.employee-details-actions [ui-action]{flex:1}.employee-detail-rows>div{align-items:flex-start;flex-direction:column;gap:5px;padding:12px 0}.employee-detail-rows strong,.employee-detail-rows a{text-align:left}}
/* Expense details */
.expense-details-page{display:grid;gap:14px}.expense-details-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(31,66,115,.04)}.expense-details-title{display:flex;align-items:center;gap:12px}.expense-details-title>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#eaf3ff;color:#1672f3}.expense-details-title h2{margin:4px 0;font-size:19px}.expense-details-title p{margin:0;color:var(--muted);font-size:10px}.expense-details-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.expense-details-actions form{display:inline-flex}.expense-details-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.expense-details-summary article{display:flex;gap:12px;min-height:108px;padding:17px;border:1px solid var(--line);border-radius:15px;background:#fff}.expense-details-summary article>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:#eaf3ff;color:#1672f3}.expense-details-summary small{display:block;color:#7589a2;font-size:9px;font-weight:800;text-transform:uppercase}.expense-details-summary strong{display:block;margin-top:7px;color:#243950;font-size:13px}.expense-details-summary p{overflow:hidden;margin:5px 0 0;color:#8494a8;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.expense-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.expense-details-card,.expense-details-lines,.expense-details-decision{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(31,66,115,.04)}.expense-details-card>header{display:flex;align-items:center;gap:11px;padding:16px 18px;border-bottom:1px solid var(--line)}.expense-details-card>header>span{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#eaf3ff;color:#1672f3}.expense-details-card h3,.expense-details-lines h3{margin:0;font-size:14px}.expense-details-card header p{margin:4px 0 0;color:var(--muted);font-size:10px}.expense-detail-rows{padding:0 18px}.expense-detail-rows>div{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:46px;border-bottom:1px solid #e8eef5;font-size:11px}.expense-detail-rows>div:last-child{border-bottom:0}.expense-detail-rows>div>span{color:#71849c}.expense-detail-rows strong,.expense-detail-rows a{color:#243950;font-weight:800;text-align:right}.expense-detail-rows a{color:#176ed8}.expense-details-lines>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.expense-details-lines>header>span{padding:6px 9px;border-radius:999px;background:#edf4fc;color:#60758e;font-size:9px;font-weight:800}.expense-details-lines table{width:100%;border-collapse:collapse;min-width:850px}.expense-details-lines th{padding:11px 14px;background:#f4f8fc;color:#687d98;font-size:9px;text-align:left;text-transform:uppercase}.expense-details-lines td{padding:13px 14px;border-top:1px solid var(--line);font-size:11px}.expense-line-number{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#edf4fc;color:#56708f;font-size:9px;font-weight:800}.expense-attachment-list{padding:0 18px}.expense-attachment-list article{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.expense-attachment-list article:last-child{border:0}.expense-attachment-list i{color:#1672f3}.expense-attachment-list strong,.expense-attachment-list small{display:block}.expense-attachment-list small{margin-top:3px;color:var(--muted);font-size:9px}.expense-details-inline-empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:120px;color:var(--muted);font-size:11px}.expense-detail-timeline{padding:9px 18px}.expense-detail-timeline article{display:flex;align-items:center;gap:10px;padding:8px 0}.expense-detail-timeline article>span{width:8px;height:8px;border-radius:50%;background:#287ff0}.expense-detail-timeline strong,.expense-detail-timeline small{display:block}.expense-detail-timeline strong{font-size:11px}.expense-detail-timeline small{margin-top:3px;color:var(--muted);font-size:9px}.expense-details-decision>header{padding:16px 18px;border-bottom:1px solid var(--line)}.expense-details-decision h3{margin:0}.expense-details-decision header p{margin:4px 0 0;color:var(--muted);font-size:10px}.expense-details-decision>div{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px}.expense-details-decision form{display:grid;gap:10px}.expense-details-decision label{display:grid;gap:6px;font-size:10px;font-weight:700}.expense-details-decision textarea{min-height:80px}@media(max-width:1100px){.expense-details-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.expense-details-hero{align-items:flex-start;flex-direction:column}.expense-details-actions{justify-content:flex-start}.expense-details-grid,.expense-details-decision>div{grid-template-columns:1fr}}@media(max-width:520px){.expense-details-summary{grid-template-columns:1fr}.expense-details-actions [ui-action]{flex:1}.expense-detail-rows>div{align-items:flex-start;flex-direction:column;gap:5px;padding:11px 0}.expense-detail-rows strong,.expense-detail-rows a{text-align:left}}
.settlement-allocation-page{display:grid;gap:14px}.allocation-summary-card{overflow:hidden;border:1px solid #d8e4ef;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(36,75,116,.06)}.allocation-party{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #e3ebf3}.allocation-party>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#2378eb;background:#eaf3ff}.allocation-party small{color:#7990a8;font-size:9px;font-weight:800;letter-spacing:.12em}.allocation-party h3{margin:3px 0;color:#172c42;font-size:16px}.allocation-party p{margin:0;color:#7b8c9f;font-size:10px}.allocation-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#f8fbfe}.allocation-metrics article{min-height:82px;padding:15px 18px;border-right:1px solid #e1eaf2}.allocation-metrics article:last-child{border-right:0}.allocation-metrics small,.allocation-metrics span{display:block;color:#7d8ea1;font-size:9px}.allocation-metrics strong{display:block;margin-top:7px;color:#162b41;font-size:18px}.allocation-metrics em{font-size:10px;font-style:normal;color:#56728e}.allocation-items-panel{padding:0;overflow:hidden}.allocation-items-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid #dfe8f1}.allocation-items-panel h3{margin:3px 0;color:#172d43;font-size:14px}.allocation-items-panel p{margin:0;color:#7d8fa2;font-size:9px}.allocation-live-total{text-align:right}.allocation-live-total small{display:block;color:#7e90a3;font-size:8px}.allocation-live-total strong{color:#176ed1;font-size:18px}.allocation-live-total em{margin-left:4px;color:#637c95;font-size:9px;font-style:normal}.allocation-table td small{display:block;margin-top:3px;color:#8595a7;font-size:8px}.allocation-amount{display:flex;align-items:center;justify-content:flex-end}.allocation-amount input{max-width:150px;border-radius:8px 0 0 8px!important;text-align:right}.allocation-amount span{display:grid;place-items:center;height:38px;padding:0 10px;border:1px solid #cedae7;border-left:0;border-radius:0 8px 8px 0;color:#627990;background:#f3f7fb;font-size:9px}.allocation-items-panel>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-top:1px solid #e1eaf2;background:#f8fbfe}.allocation-items-panel>footer>span{color:#72869b;font-size:9px}.allocation-items-panel>footer>span i{margin-right:6px;color:#2478eb}.allocation-result,.allocation-empty{display:flex;align-items:center;gap:14px;padding:22px}.allocation-result>span,.allocation-empty>span{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:14px;font-size:20px}.allocation-result>span{color:#098365;background:#e5f7f1}.allocation-empty>span{color:#d47a13;background:#fff3df}.allocation-result>div,.allocation-empty>div:nth-child(2){flex:1}.allocation-result h3,.allocation-empty h3{margin:0;color:#172d43;font-size:15px}.allocation-result p,.allocation-empty p{margin:5px 0 0;color:#73869a;font-size:10px;line-height:1.55}.allocation-empty>div:last-child{display:flex;gap:8px}@media(max-width:900px){.allocation-metrics{grid-template-columns:1fr 1fr}.allocation-metrics article:nth-child(2){border-right:0}.allocation-party{grid-template-columns:42px 1fr}.allocation-party status-badge{grid-column:2}.allocation-empty,.allocation-result{align-items:flex-start;flex-wrap:wrap}.allocation-empty>div:last-child{width:100%;flex-wrap:wrap}}@media(max-width:560px){.allocation-metrics{grid-template-columns:1fr}.allocation-metrics article{border-right:0;border-bottom:1px solid #e1eaf2}.allocation-items-panel>header,.allocation-items-panel>footer{align-items:flex-start;flex-direction:column}.allocation-live-total{text-align:left}.allocation-empty>div:last-child a{width:100%}}