/* King Oil: a light modern style for the original screens.
   Positions, sizes, fonts and texts of the recovered WinForms layouts are unchanged;
   only colours, borders, corners, shadows and hover/focus states are refreshed.
   The control colours themselves are mapped in App\Support\LegacyForms::PALETTE. */
:root{
 --km-ink:#0f172a;--km-text:#1e293b;--km-muted:#475569;
 --km-line:#cbd5e1;--km-line-soft:#e2e8f0;--km-page:#eef2f6;--km-surface:#fff;--km-panel:#f1f5f9;
 --km-primary:#2563eb;--km-primary-dark:#1d4ed8;--km-focus:rgba(37,99,235,.3);
 --km-radius:8px;
 --km-shadow:0 1px 2px rgba(15,23,42,.10),0 1px 3px rgba(15,23,42,.06);
 --km-shadow-hover:0 4px 12px rgba(15,23,42,.16);
}
body{background:var(--km-page);color:var(--km-ink)}
input[type=radio],input[type=checkbox]{accent-color:var(--km-primary)}

/* Title bar */
.window-title{background:var(--km-surface);border-bottom:1px solid var(--km-line-soft);color:var(--km-ink);font-weight:600;box-shadow:0 1px 3px rgba(15,23,42,.05)}
.window-title button{min-width:28px;height:24px;border-radius:6px;color:var(--km-muted);font-size:16px;line-height:1;transition:background-color .15s,color .15s}
.window-title button:hover{background:#fee2e2;color:#b91c1c}

/* Screen surface */
.desktop{background-color:var(--km-panel);border-color:var(--km-line-soft);font-size:11px} /* 11px = WinForms default 8.25pt for controls without their own font */
.legacy-menu{background:#f8fafc;border-bottom:1px solid var(--km-line-soft);color:var(--km-muted)}
.GroupBox,.GroupPanel{border:1px solid var(--km-line);border-radius:10px}
.group-caption{background:var(--km-form,var(--km-panel));color:var(--km-muted);font-weight:600;border-radius:4px}
/* Dialogs whose original form background is dark (the colour is set on #desktop from the designer BackColor) */
.dark-form .group-caption{color:#e2e8f0}
.dark-form .GroupBox,.dark-form .GroupPanel{border-color:#64748b}
.FormSaleBinif #groupBox1>.group-caption,.FormSoldItem #groupBox1>.group-caption{top:1px}

/* Labels: an AutoSize label grew with its text in the original, so it stays on one line */
body:not(.compact-screen) .desktop:not(.mobile-home) .legacy-label.autosize{white-space:nowrap;overflow:visible}
/* Labels whose text is set at run time grow from their left edge, as an AutoSize label did: the Main clock and the FormSaleBinif tier totals */
.Main:not(.mobile-home) #label1,body:not(.compact-screen) .FormSaleBinif :is(#label1,#label2,#label4){width:auto!important;white-space:nowrap}

/* Buttons: keep each button's own colour, add rounded corners, a soft shadow and a calm hover */
.legacy-button{border:1px solid var(--km-line);border-radius:var(--km-radius);background:var(--km-surface);box-shadow:var(--km-shadow);font-weight:500;transition:filter .15s,box-shadow .15s,transform .08s}
.legacy-button[style*="background-color"]{border-color:transparent}
.legacy-button[style*="background-color:#fff;"]{border-color:var(--km-line)}
.legacy-button[style*="background-color:transparent"]{box-shadow:none}
.legacy-button:hover{filter:brightness(.93);box-shadow:var(--km-shadow-hover)}
.legacy-button:active{transform:translateY(1px);box-shadow:var(--km-shadow)}
.legacy-button:focus-visible{outline:2px solid var(--km-primary);outline-offset:2px}
.legacy-button[aria-disabled=true]{opacity:.45;filter:grayscale(.6);box-shadow:none}
.legacy-button.image-text{gap:6px;justify-content:space-between}
.legacy-button.image-text img{max-height:80%!important;max-width:50%!important;flex-shrink:0}
.icon-button{box-shadow:none!important;filter:none!important}

/* Main screen tiles */
.Main .legacy-button{border-radius:10px;box-shadow:0 2px 6px rgba(15,23,42,.18)}
.Main .legacy-button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.22)}
.Main #panel1{border-radius:12px;box-shadow:0 4px 14px rgba(15,23,42,.25)}
/* In the original button35 (کەشفی مەواد) fully covers button14; keep it covered when button35 is shown disabled */
.Main:not(.mobile-home) #button14{visibility:hidden}

/* Inputs */
.legacy-input{border:1px solid var(--km-line);border-radius:6px;padding:2px 8px;transition:border-color .15s,box-shadow .15s}
.legacy-input[style*="background-color"]:not([style*="background-color:#fff;"]){border-color:transparent}
.legacy-input:focus{outline:none;border-color:var(--km-primary);box-shadow:0 0 0 3px var(--km-focus)}
.legacy-input[readonly]:not([style*="background-color"]){background-color:#f8fafc}
.legacy-input::placeholder{color:#475569;opacity:1}
input[type=date].legacy-input{padding-inline:4px}
.legacy-tree{overflow:auto;background:var(--km-surface)}
/* Permission checkboxes of FormUsersPermissions */
.legacy-tree>label{display:flex;align-items:center;gap:8px;padding:4px 10px;border-bottom:1px solid var(--km-line-soft);cursor:pointer}
.legacy-tree>label:hover{background:#eff6ff}
.legacy-tree>label>input{margin:0;flex-shrink:0}
.legacy-control[hidden]{display:none!important}

/* Toolbar of the users screens (Regestry, FormUsersPermissions) */
.legacy-toolstrip{display:flex;align-items:center;gap:6px;padding:2px 8px;background:#f8fafc;border-top:1px solid var(--km-line-soft)}
.legacy-toolstrip .legacy-button{height:calc(100% - 4px);gap:4px;padding:2px 10px}
.legacy-toolstrip .legacy-button img{max-height:100%}
.toolstrip-separator{width:1px;align-self:stretch;margin:6px 2px;background:var(--km-line)}

/* Grids */
.grid-wrap{border:1px solid var(--km-line);border-radius:var(--km-radius);background:var(--km-surface);box-shadow:var(--km-shadow)}
.legacy-grid th{background:var(--km-panel);color:#334155;font-weight:600;border:0;border-bottom:1px solid var(--km-line);border-left:1px solid var(--km-line-soft)}
.legacy-grid td{border:0;border-bottom:1px solid var(--km-line-soft);border-left:1px solid #f1f5f9}
.legacy-grid tbody tr:nth-child(even){background:#f8fafc}
.legacy-grid tbody tr:hover{background:#eff6ff}
.legacy-grid tbody tr.selected,.legacy-grid tbody tr.selected:hover{background:#dbeafe}
.legacy-grid input:focus,.legacy-grid select:focus{outline:2px solid var(--km-primary);border-radius:4px;background:#fff}
.legacy-grid .delete-line{color:#dc2626;border-radius:6px;width:24px;height:22px}
.legacy-grid .delete-line:hover{background:#fee2e2}
.legacy-grid .row-action{border:1px solid var(--km-line);border-radius:6px;background:var(--km-surface);color:var(--km-text);transition:background-color .15s,border-color .15s}
.legacy-grid .row-action:hover{background:#eff6ff;border-color:var(--km-primary)}
.legacy-grid .debt-cash{color:#1d4ed8} /* the original coloured نەقد blue */

/* Bottom action bar */
.workflow-bar{background:var(--km-surface);border-top:1px solid var(--km-line-soft);box-shadow:0 -1px 3px rgba(15,23,42,.05);color:#334155}
.workflow-bar input,.workflow-bar select{border:1px solid var(--km-line);border-radius:6px;padding:3px 8px;background:var(--km-surface)}
.workflow-bar input:focus,.workflow-bar select:focus{outline:none;border-color:var(--km-primary);box-shadow:0 0 0 3px var(--km-focus)}
.workflow-bar button{border:1px solid var(--km-line);border-radius:6px;background:var(--km-surface);color:var(--km-text);padding:3px 12px;box-shadow:0 1px 2px rgba(15,23,42,.06);transition:background-color .15s}
.workflow-bar button:hover{background:var(--km-panel)}
.workflow-bar #post-document,.workflow-bar #save-record,.workflow-bar #save-settings,.workflow-bar #save-operator{background:var(--km-primary);border-color:var(--km-primary);color:#fff;font-weight:600}
.workflow-bar #post-document:hover,.workflow-bar #save-record:hover,.workflow-bar #save-settings:hover{background:var(--km-primary-dark)}
.workflow-bar button:disabled{opacity:.5;cursor:not-allowed}
.workflow-bar button:focus-visible{outline:2px solid var(--km-primary);outline-offset:1px}

/* Messages and dialogs */
#notice{border:0;border-right:4px solid #16a34a;border-radius:10px;box-shadow:0 10px 25px rgba(15,23,42,.18);background:var(--km-surface)}
#notice.error{border-right-color:#dc2626}
dialog{border:1px solid var(--km-line);border-radius:12px;box-shadow:0 20px 40px rgba(15,23,42,.25)}
dialog button:not(.dialog-close){border:1px solid var(--km-line);border-radius:6px;background:var(--km-surface);padding:3px 10px;cursor:pointer}
dialog button:not(.dialog-close):hover{background:var(--km-panel)}
dialog input:not([type=checkbox]):not([type=radio]),dialog select{border:1px solid var(--km-line);border-radius:6px;padding:4px 8px}
dialog #save-operator{background:var(--km-primary);border-color:var(--km-primary);color:#fff}
dialog.price-dialog label{display:flex;align-items:center;gap:8px;margin:6px 0}
dialog.price-dialog label input{flex:1}
.dialog-close{border-radius:6px}
.dialog-close:hover{background:#fee2e2;color:#b91c1c}
.form-dialog{border-radius:12px}
.document-row{border-bottom:1px solid var(--km-line-soft)}
.document-row:hover{background:#f8fafc}

/* Login */
.login-page{background:linear-gradient(135deg,#cbd5e1,#f8fafc)}
.login-page .Login{background:linear-gradient(135deg,#cbd5e1,#fff);border:0;border-radius:12px;box-shadow:0 20px 40px rgba(15,23,42,.18)}
.login-page .desktop-viewport{flex-direction:column;gap:12px}
.login-page .Login{transform-origin:top center} /* scaled from the top so the error line stays right under it */
.login-error{background:#fee2e2;color:#991b1b;border-radius:8px;padding:6px 14px}

@media(max-width:719px){
 .compact-screen .legacy-grid tr{border-bottom:1px solid var(--km-line)}
 .Main.mobile-home>#panel1{column-gap:6px}
 .Main.mobile-home>#panel1>.legacy-label{white-space:normal;line-height:1.1;padding:0 2px}
}
@media print{
 .legacy-button,.grid-wrap,.Main .legacy-button,.Main #panel1{box-shadow:none}
 .grid-wrap{border-radius:0}
 /* A grid inside a tab page or group box is printed with its container; the other controls stay hidden */
 .desktop .container-control:has(.grid-wrap){display:block!important;position:static!important;width:auto!important;height:auto!important;border:0!important;background:none!important;overflow:visible;padding:0}
 .desktop .container-control:has(.grid-wrap)>.group-caption{position:static;display:block;background:none;padding:6px 0 2px}
 /* the totals line of the report bar is printed under the list */
 .workflow-bar:has(#report-sums:not(:empty)){display:block!important;border:0;box-shadow:none;background:none;padding:6px 0}
 .workflow-bar:has(#report-sums:not(:empty))>:not(#report-sums){display:none!important}
 #report-sums{white-space:normal;overflow:visible;font-size:12px}
}
/* Items screen (FormShowiTems): stock below zero, finished items, sale prices below the cost */
.legacy-grid tr.stock-negative td{color:#b91c1c}
.legacy-grid tr.stock-finished td{color:#94a3b8}
.legacy-grid td.price-low{background:#fef2f2;color:#b91c1c;font-weight:700}
/* Items screen: smart filter chips and sortable column titles */
.item-filters{display:flex;align-items:center;gap:6px;padding:0 4px;overflow-x:auto;scrollbar-width:none}
.item-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 6px 0 11px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#334155;font:600 12.5px NRT,Tahoma,Arial,sans-serif;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}
.item-chip:hover{border-color:#94a3b8}
.item-chip b{min-width:20px;padding:0 6px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:11px;line-height:18px;text-align:center}
.item-chip.empty{opacity:.55}
.item-chip.chip-low b{background:#fef3c7;color:#b45309}
.item-chip.chip-negative b,.item-chip.chip-loss b{background:#fee2e2;color:#b91c1c}
.item-chip.chip-dead b{background:#e0e7ff;color:#4338ca}
.item-chip.active{background:#1e293b;border-color:#1e293b;color:#fff;opacity:1}
.item-chip.active b{background:rgba(255,255,255,.2);color:#fff}
.legacy-grid th.sortable{cursor:pointer;user-select:none}
.legacy-grid th.sortable:hover{background:#e2e8f0}
.legacy-grid th.sort-asc::after{content:' ▲';font-size:9px;color:#2563eb}
.legacy-grid th.sort-desc::after{content:' ▼';font-size:9px;color:#2563eb}
/* General sale (FormAddGeneralSales, general-sale.js): icons, keys, prices in the item list, lines short of stock */
.gs-page .gs-button{display:inline-flex!important;align-items:center;justify-content:center;gap:8px}
.gs-icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.gs-key{padding:0 5px;border-radius:4px;background:rgba(15,23,42,.1);font:600 10px Consolas,monospace;line-height:16px}
.gs-page label[id$="-label"] .gs-icon{width:18px;height:18px;margin-inline-start:6px;vertical-align:-4px;opacity:.85}
.gs-page .gs-scan{padding-inline-start:44px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2937' stroke-width='1.8'%3E%3Cpath d='M3 5v14M6 5v14M10 5v14M13 5v14M17 5v14M21 5v14M8 5v14'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:22px!important}
.gs-page .gs-search{padding-inline-start:38px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2937' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:18px!important}
.gs-page #dataGridViewX1 td{position:relative}
.gs-meta{display:flex;justify-content:space-between;gap:8px;margin-top:1px;font-size:10.5px;line-height:1.2}
.gs-meta b{color:#1d4ed8;font-weight:700}
.gs-meta i{font-style:normal;color:#64748b}
.gs-page #dataGridViewX1 tr.gs-out td{opacity:.45}
.gs-page #dataGridViewX1 tr.gs-out .gs-meta i{color:#b91c1c;font-weight:700}
.gs-page #dataGridView1 tr.gs-short td{background:#fef2f2!important;color:#b91c1c}
.gs-copies{text-align:center}
/* The bar repeats what the cashier screen and its checkout already have: name, item, discount, paid, save */
.gs-page label:has(#posting-party),.gs-page label:has(#item-search),.gs-page #add-line,.gs-page label:has(#invoice-discount),.gs-page label:has(#posting-paid),.gs-page #post-document{display:none!important}
/* Checkout: cash received and the change */
#changeBox.is-change{background:#dcfce7!important;color:#15803d!important;font-weight:700}
#changeBox.is-short{background:#fee2e2!important;color:#b91c1c!important;font-weight:700}
.gs-page .gs-button{gap:7px;white-space:nowrap}
.gs-page .gs-key{position:absolute;top:3px;left:4px;padding:0 4px;font-size:9px;line-height:14px;opacity:.75}
/* Sales screen (FormAddSales, sale-screen.js): customer and item search on top, line marks, balance after, profit */
.sl-page .sl-top{display:flex!important;gap:8px;align-items:center;background:transparent!important;border:0!important;overflow:visible!important;z-index:30}
.sl-field{position:relative;display:flex;align-items:center;height:32px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}
.sl-field:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.sl-field .gs-icon{width:18px;height:18px;margin:0 8px;color:#64748b}
.sl-field input{flex:1;min-width:0;height:30px;border:0;outline:0;background:transparent;font:600 14px NRT,Tahoma,Arial,sans-serif}
.sl-search{flex:1.6}
.sl-party{flex:1;background:#fff7ed;border-color:#fdba74}
.sl-results{position:absolute;top:36px;right:0;left:0;z-index:40;margin:0;padding:4px;max-height:360px;overflow:auto;list-style:none;background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 12px 32px rgba(15,23,42,.18)}
.sl-result{display:grid;grid-template-columns:110px 1fr auto auto;gap:10px;align-items:center;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:13px}
.sl-result.is-active,.sl-result:hover{background:#eff6ff}
.sl-result.is-out{opacity:.5}
.sl-code{direction:ltr;text-align:left;color:#475569}
.sl-price{color:#1d4ed8;font-weight:700;direction:ltr}
.sl-stock{color:#64748b;font-size:11.5px}
.sl-result.is-out .sl-stock{color:#b91c1c;font-weight:700}
.sl-page #dataGridView1 td{position:relative}
.sl-page #dataGridView1 td.sl-loss input{background:#fee2e2!important;color:#b91c1c!important}
.sl-last{position:absolute;top:1px;left:2px;padding:0 5px;border:0;border-radius:999px;background:#e0e7ff;color:#3730a3;font:700 9.5px NRT,Tahoma,sans-serif;line-height:15px;cursor:pointer}
.sl-last:hover{background:#c7d2fe}
.sl-page .sl-chip{display:flex!important;align-items:center;justify-content:space-between;gap:6px;padding:0 8px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;font-size:11.5px;color:#64748b;overflow:hidden;white-space:nowrap}
.sl-chip b{color:#0f172a;font-size:12.5px}
.sl-chip b.is-owes{color:#b91c1c}
.sl-chip b.is-gain{color:#15803d}
.sl-chip b.is-hidden{letter-spacing:2px;color:#94a3b8}
.sl-profit{cursor:pointer}
.sl-page label[id$="-label"] .gs-icon{width:17px;height:17px;margin-inline-start:6px;vertical-align:-4px;opacity:.85}
/* The bar repeats what the screen and its checkout have: date, name, item, discount, paid, save */
.sl-page label:has(#posting-date),.sl-page label:has(#posting-party),.sl-page label:has(#item-search),.sl-page #add-line,.sl-page label:has(#invoice-discount),.sl-page label:has(#posting-paid),.sl-page #post-document{display:none!important}
/* Sale checkout: still owed and the balance after */
#dueBox.is-due{background:#fef3c7!important;color:#b45309!important;font-weight:700}
#afterBox.is-owes{background:#fee2e2!important;color:#b91c1c!important;font-weight:700}
#textBox3.is-over{background:#fee2e2!important}
/* Sales screen bottom controls (sale-screen.js): price tiers as stacked choices, credit/cash as one switch, print
   with its copies, and the actions with sell first */
.sl-page #panel1{background:transparent!important;border:0!important;overflow:visible!important}
.sl-page .choice{display:flex!important;align-items:center;gap:7px;padding:0 10px!important;box-sizing:border-box;border:1px solid #dbe2ea!important;border-radius:9px;background:#fff!important;color:#334155!important;font:600 13.5px NRT,Tahoma,Arial,sans-serif!important;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
.sl-page .choice:hover{border-color:#94a3b8!important}
.sl-page .choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.sl-page .choice .gs-icon{order:-1;width:18px;height:18px;margin:0!important;opacity:.8}
.sl-page #panel1 .choice::after{content:'';margin-inline-start:auto;width:16px;height:16px;border:2px solid #cbd5e1;border-radius:50%;box-sizing:border-box}
.sl-page #panel1 .choice:has(input:checked){background:#1e293b!important;border-color:#1e293b!important;color:#fff!important;box-shadow:0 2px 6px rgba(15,23,42,.18)}
.sl-page #panel1 .choice:has(input:checked)::after{border-color:#fff;background:#fff;box-shadow:inset 0 0 0 3px #1e293b}
.sl-page #radioButton1-label{border-radius:0 9px 9px 0;justify-content:center}
.sl-page #radioButton2-label{border-radius:9px 0 0 9px;justify-content:center;border-left-width:1px!important}
.sl-page #radioButton1-label:has(input:checked){background:#f59e0b!important;border-color:#f59e0b!important;color:#fff!important}
.sl-page #radioButton2-label:has(input:checked){background:#16a34a!important;border-color:#16a34a!important;color:#fff!important}
.sl-page #checkBox1-label{justify-content:center;border-radius:9px}
.sl-page #checkBox1-label:has(input:checked){background:#eff6ff!important;border-color:#93c5fd!important;color:#1d4ed8!important}
.sl-page #checkBox1-label:not(:has(input:checked)){color:#94a3b8!important;text-decoration:line-through}
.sl-page #numericUpDown1{box-sizing:border-box;border:1px solid #dbe2ea!important;border-radius:9px!important;background:#fff!important;font:700 14px NRT,Tahoma,sans-serif!important;text-align:center;padding:0 2px!important}
.sl-page #button2{background:#16a34a!important;border:0!important;border-radius:11px!important;color:#fff!important;font:700 18px NRT,Tahoma,Arial,sans-serif!important;box-shadow:0 4px 12px rgba(22,163,74,.3);gap:10px}
.sl-page #button2:hover{background:#15803d!important}
.sl-page #button2 .gs-icon{width:24px;height:24px}
.sl-page #button2 .gs-key{background:rgba(255,255,255,.22);color:#fff;opacity:1}
.sl-page #button3,.sl-page #button4{background:#fff!important;border:1px solid #cbd5e1!important;border-radius:9px!important;color:#334155!important;font:600 13.5px NRT,Tahoma,Arial,sans-serif!important;box-shadow:none!important}
.sl-page #button3:hover,.sl-page #button4:hover{background:#f8fafc!important;border-color:#94a3b8!important}
.sl-page #button3 .gs-icon,.sl-page #button4 .gs-icon{width:18px;height:18px}
/* Sale return screen (FormReturnSales, return-screen.js), laid out as the sales screen: customer and invoice search on
   top, the invoice's lines with what is left to return, refund to the account or in cash, the invoice and the balance after */
.rt-page label:has(#posting-date),.rt-page label:has(#posting-currency),.rt-page label:has(#posting-party),.rt-page label:has(#item-search),.rt-page #add-line,.rt-page label:has(#invoice-discount),.rt-page label:has(#posting-paid),.rt-page label:has(#source-document),.rt-page label:has(#posting-note),.rt-page #post-document{display:none!important}
.rt-page .rt-top{display:flex!important;gap:8px;align-items:center;background:transparent!important;border:0!important;overflow:visible!important;z-index:30}
.rt-party{flex:1;background:#fff7ed;border-color:#fdba74}
.rt-find{flex:1.6;background:#fff7ed;border-color:#fdba74}
.rt-result{grid-template-columns:70px 86px 1fr auto auto auto}
.rt-number{direction:ltr;text-align:right;color:#0f172a}
.rt-date{direction:ltr;text-align:right;color:#475569;font-size:12px}
.rt-who{color:#64748b;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rt-none{display:block;color:#64748b;cursor:default}
.rt-tag{padding:1px 7px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
.rt-tag.is-credit{background:#fef3c7;color:#b45309}
.rt-tag.is-cash{background:#dcfce7;color:#15803d}
.rt-tag.is-back{background:#e2e8f0;color:#475569}
.rt-all{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid #fdba74;border-radius:8px;background:#fff;color:#c2410c;font:700 13px NRT,Tahoma,Arial,sans-serif;white-space:nowrap;cursor:pointer}
.rt-all:hover{background:#fff7ed}
.rt-all[hidden]{display:none}
.rt-all .gs-icon{width:17px;height:17px}
.rt-page #dataGridView1 td{position:relative}
.rt-page #dataGridView1 tr.rt-blank{display:none}
.rt-page #dataGridView1 tr.rt-zero td{color:#94a3b8}
.rt-page #dataGridView1 tr.rt-zero input{color:#94a3b8!important}
.rt-page #dataGridView1 tr.rt-done td{background:#f1f5f9!important}
.rt-page #dataGridView1 tr.rt-hit td{background:#fff7ed!important}
.rt-page #dataGridView1 input[readonly]{background:transparent!important;border-color:transparent!important;cursor:default}
.rt-page #dataGridView1 td.rt-over input{background:#fee2e2!important;color:#b91c1c!important;font-weight:700}
.rt-left{position:absolute;top:1px;left:2px;padding:0 6px;border:0;border-radius:999px;background:#ffedd5;color:#c2410c;font:700 9.5px NRT,Tahoma,sans-serif;line-height:15px;cursor:pointer;white-space:nowrap}
.rt-left:hover{background:#fed7aa}
.rt-left.is-done{background:#e2e8f0;color:#64748b;cursor:default}
.rt-empty{position:absolute;inset:44px 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;color:#64748b;font-size:13px;text-align:center;cursor:pointer}
.rt-empty b{color:#334155;font-size:16px}
.rt-page .sl-chip{display:flex!important;align-items:center;justify-content:space-between;gap:6px;padding:0 8px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;font-size:11.5px;color:#64748b;overflow:hidden;white-space:nowrap}
.rt-page .sl-chip b.is-none{color:#94a3b8}
.rt-page .rt-pay{display:flex!important;flex-direction:column;gap:4px;background:transparent!important;border:0!important;overflow:visible!important}
.rt-page .rt-choice{position:relative;display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;box-sizing:border-box;border:1px solid #dbe2ea;border-radius:9px;background:#fff;color:#334155;font:600 13.5px NRT,Tahoma,Arial,sans-serif;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
.rt-page .rt-choice:hover{border-color:#94a3b8}
.rt-page .rt-choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.rt-page .rt-choice .gs-icon{width:19px;height:19px;opacity:.85}
.rt-page .rt-choice::after{content:'';margin-inline-start:auto;width:16px;height:16px;border:2px solid #cbd5e1;border-radius:50%;box-sizing:border-box}
.rt-page #rt-credit-label:has(input:checked){background:#f59e0b;border-color:#f59e0b;color:#fff;box-shadow:0 2px 6px rgba(245,158,11,.3)}
.rt-page #rt-cash-label:has(input:checked){background:#16a34a;border-color:#16a34a;color:#fff;box-shadow:0 2px 6px rgba(22,163,74,.3)}
.rt-page .rt-choice:has(input:checked)::after{border-color:#fff;background:#fff;box-shadow:inset 0 0 0 3px currentColor}
.rt-page #rt-credit-label:has(input:checked)::after{box-shadow:inset 0 0 0 3px #f59e0b}
.rt-page #rt-cash-label:has(input:checked)::after{box-shadow:inset 0 0 0 3px #16a34a}
.rt-page .rt-choice:has(input:disabled){opacity:.45;cursor:not-allowed}
.rt-page .rt-invoice{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1px;box-sizing:border-box;border:1px solid #fdba74!important;border-radius:9px;background:#fff7ed!important;color:#9a3412;cursor:pointer;text-align:center;overflow:hidden}
.rt-page .rt-invoice:hover{background:#ffedd5!important}
.rt-page .rt-invoice small{font-size:10.5px;color:#c2410c;direction:ltr}
.rt-page .rt-invoice b{font-size:16px;direction:ltr}
.rt-page .rt-invoice .gs-icon{width:17px;height:17px;margin-top:2px;opacity:.75}
.rt-page .rt-invoice.is-empty{border-style:dashed!important;background:#fff!important;color:#94a3b8}
.rt-page .rt-invoice.is-empty small{color:#94a3b8}
.rt-page #button1{background:#ea580c!important;border:0!important;border-radius:11px!important;color:#fff!important;font:700 18px NRT,Tahoma,Arial,sans-serif!important;box-shadow:0 4px 12px rgba(234,88,12,.3);gap:10px}
.rt-page #button1:hover{background:#c2410c!important}
.rt-page #button1 .gs-icon{width:24px;height:24px}
.rt-page #button1 .gs-key{background:rgba(255,255,255,.22);color:#fff;opacity:1}
.rt-page #button2,.rt-page #button3{background:#fff!important;border:1px solid #cbd5e1!important;border-radius:9px!important;color:#334155!important;font:600 13.5px NRT,Tahoma,Arial,sans-serif!important;box-shadow:none!important}
.rt-page #button2:hover,.rt-page #button3:hover{background:#f8fafc!important;border-color:#94a3b8!important}
.rt-page #button2 .gs-icon,.rt-page #button3 .gs-icon{width:18px;height:18px}
.rt-page .gs-button{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;white-space:nowrap;position:absolute}
.rt-page .gs-key{position:absolute;top:3px;left:4px;padding:0 4px;font-size:9px;line-height:14px;opacity:.75}
.rt-page #richTextBox1{border:1px solid #cbd5e1!important;border-radius:8px!important;padding:3px 8px!important;font:13px NRT,Tahoma,Arial,sans-serif!important;resize:none}
.rt-page #dataGridView1 td:has(.rt-left) input{padding-left:84px!important}
/* Update mode of the sale and return screens (an invoice opened from the invoice list) */
.sl-editing{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:8px;background:#fef3c7;border:1px solid #f59e0b;color:#92400e;font:700 13px NRT,Tahoma,Arial,sans-serif;white-space:nowrap;flex:0 0 auto}
.sl-page.is-editing #button2,.rt-page.is-editing #button1{background:#d97706!important;box-shadow:0 4px 12px rgba(217,119,6,.3)}
/* Expenses and advances save their table rows: the bar's amount and note would only be lost. The cash box saves with
   its own «دانانی پارە». */
body:has(.desktop.FormSpend) label:has(#posting-amount),body:has(.desktop.FormSpend) label:has(#posting-note),
body:has(.desktop.FormSendMoney) label:has(#posting-amount),body:has(.desktop.FormSendMoney) label:has(#posting-note),
body:has(.desktop.FormQasa) #post-document{display:none!important}