/* v33.11.0 — Quick entry / dynamic form visual layer only. No accounting logic. */
#add{--add-rgb:linear-gradient(90deg,#20c98b,#2387f5,#7568ff)}
#add>h2{font-size:24px!important;font-weight:900!important;margin:0 0 16px!important;letter-spacing:-.35px}
#add>.quick-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:14px!important}
#add>.quick-grid .quick{position:relative!important;overflow:hidden!important;isolation:isolate!important;min-height:78px!important;padding:14px 13px!important;margin:0!important;border:1px solid var(--app-border)!important;border-radius:var(--app-radius-control)!important;background:var(--app-surface)!important;color:var(--app-text)!important;font-size:14px!important;font-weight:850!important;line-height:1.45!important;box-shadow:none!important;transition:transform .15s ease,border-color .18s ease,background .18s ease!important}
#add>.quick-grid .quick:before{content:"";position:absolute;z-index:-1;top:-30px;right:-26px;width:82px;height:82px;border-radius:50%;opacity:.16;background:var(--quick-accent,#2387f5);filter:saturate(.9)}
#add>.quick-grid .quick:after{content:"";position:absolute;right:0;left:0;top:0;height:3px;background:var(--quick-line,var(--add-rgb));opacity:.88}
#add>.quick-grid .quick:active{transform:scale(.975)}
#add>.quick-grid .income{--quick-accent:#20c98b;--quick-line:linear-gradient(90deg,#20c98b,#25aee8)}
#add>.quick-grid .expense{--quick-accent:#ef5d68;--quick-line:linear-gradient(90deg,#ef5d68,#ff9b54)}
#add>.quick-grid .shop{--quick-accent:#f0bd3c;--quick-line:linear-gradient(90deg,#f0bd3c,#f27d4a)}
#add>.quick-grid .transfer{--quick-accent:#2387f5;--quick-line:linear-gradient(90deg,#25aee8,#2387f5)}
#add>.quick-grid .debt{--quick-accent:#7568ff;--quick-line:linear-gradient(90deg,#7568ff,#b15cff)}
#add>.quick-grid .invest{--quick-accent:#9a59e8;--quick-line:linear-gradient(90deg,#9a59e8,#557cf4)}
#add>.quick-grid .side{--quick-accent:#20b7a7;--quick-line:linear-gradient(90deg,#20c98b,#2387f5)}
#add>.quick-grid .invoice{--quick-accent:#5f7f9e;--quick-line:linear-gradient(90deg,#5f7f9e,#2387f5)}
#add>#dynamicForm{position:relative!important;overflow:visible!important;padding:18px!important;margin-top:0!important;border:1px solid var(--app-border)!important;border-radius:var(--app-radius-card)!important;background:var(--app-surface)!important;box-shadow:none!important}
#add>#dynamicForm:before{content:"";position:absolute;right:0;left:0;top:0;height:3px;border-radius:var(--app-radius-card) var(--app-radius-card) 0 0;background:var(--add-rgb);opacity:.9}
#add>#dynamicForm h3,#add>#dynamicForm h4{font-weight:900!important;color:var(--app-text)!important;letter-spacing:-.2px}
#add>#dynamicForm h3{font-size:22px!important;margin:0 0 16px!important}
#add>#dynamicForm .form-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
#add>#dynamicForm .field{display:grid!important;gap:7px!important;margin:0!important;min-width:0!important}
#add>#dynamicForm label{display:block!important;margin:0!important;color:var(--app-muted)!important;font-weight:800!important;font-size:12.5px!important;line-height:1.55!important;text-align:right!important;direction:rtl!important}
#add>#dynamicForm input:not([type="checkbox"]):not([type="radio"]),#add>#dynamicForm select,#add>#dynamicForm textarea{width:100%!important;min-height:52px!important;padding:0 15px!important;border:1px solid var(--app-border)!important;border-radius:14px!important;background:var(--app-input-bg)!important;color:var(--app-text)!important;box-shadow:none!important;font:inherit!important;font-weight:650!important;text-align:right!important;direction:rtl!important;transition:border-color .16s ease,box-shadow .16s ease!important}
#add>#dynamicForm input[inputmode="numeric"],#add>#dynamicForm input[inputmode="decimal"]{direction:ltr!important;text-align:right!important;font-variant-numeric:tabular-nums}
#add>#dynamicForm textarea{min-height:86px!important;padding-top:12px!important;padding-bottom:12px!important;resize:vertical}
#add>#dynamicForm input::placeholder,#add>#dynamicForm textarea::placeholder{color:color-mix(in srgb,var(--app-muted) 78%,transparent)!important;opacity:1}
#add>#dynamicForm input:not([type="checkbox"]):not([type="radio"]):focus,#add>#dynamicForm select:focus,#add>#dynamicForm textarea:focus{outline:none!important;border-color:color-mix(in srgb,var(--app-accent) 72%,var(--app-border))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--app-accent) 12%,transparent)!important}
#add>#dynamicForm button:not(.danger){min-height:50px!important;border-radius:14px!important;font-weight:850!important}
#add>#dynamicForm .form-grid>button[type="submit"],#add>#dynamicForm .form-grid>.primary{width:100%!important;margin-top:2px!important}
#add>#dynamicForm button[type="submit"],#add>#dynamicForm .primary{background:linear-gradient(145deg,#3198ff,#1678ed)!important;color:#fff!important;border-color:#4aa5ff!important;box-shadow:0 7px 18px rgba(20,112,225,.2)!important}
#add>#dynamicForm .muted{min-height:88px!important;display:grid!important;place-items:center!important;text-align:center!important;color:var(--app-muted)!important;font-weight:650!important;margin:0!important}
#add>#dynamicForm .foreign-purchase-box{margin-top:12px!important;padding:14px!important;border:1px solid var(--app-border)!important;border-radius:16px!important;background:color-mix(in srgb,var(--app-button-bg) 78%,transparent)!important}
#add>#dynamicForm .foreign-switch{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-height:46px!important;color:var(--app-text)!important;font-size:14px!important;font-weight:850!important;cursor:pointer}
#add>#dynamicForm .foreign-switch input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important;flex:0 0 48px!important;width:48px!important;height:28px!important;min-height:28px!important;margin:0!important;border:1px solid var(--app-border)!important;border-radius:999px!important;background:var(--app-input-bg)!important;position:relative!important;box-shadow:none!important;transition:background .18s ease,border-color .18s ease!important}
#add>#dynamicForm .foreign-switch input[type="checkbox"]:after{content:"";position:absolute;width:20px;height:20px;top:3px;right:4px;border-radius:50%;background:var(--app-muted);transition:transform .18s ease,background .18s ease}
#add>#dynamicForm .foreign-switch input[type="checkbox"]:checked{background:var(--app-accent)!important;border-color:var(--app-accent)!important}
#add>#dynamicForm .foreign-switch input[type="checkbox"]:checked:after{transform:translateX(-19px);background:#fff}
#add>#dynamicForm #foreignFields{margin-top:14px!important;display:grid;gap:11px}
#add>#dynamicForm #foreignFields[hidden]{display:none!important}
#add>#dynamicForm .foreign-purchase-box .field{margin:0!important}
#add>#dynamicForm .foreign-purchase-box select{appearance:auto!important;-webkit-appearance:menulist!important;padding-inline:14px 38px!important}
#add>#dynamicForm #foreignRate{display:block!important;margin-top:2px!important;padding:10px 12px!important;border-radius:12px!important;background:color-mix(in srgb,var(--app-accent) 8%,transparent)!important;color:var(--app-muted)!important;line-height:1.6}
/* Invoice: keep existing share logic, give the four fields a clear receipt-like hierarchy. */
#add>#dynamicForm:has(#invoiceTitle){--invoice-accent:#5f8fd5;--invoice-soft:color-mix(in srgb,var(--invoice-accent) 9%,var(--app-input-bg))}
#add>#dynamicForm:has(#invoiceTitle):before{background:linear-gradient(90deg,#5f7f9e,#2387f5,#7568ff)}
#add>#dynamicForm:has(#invoiceTitle) #invoiceTitle{border-color:color-mix(in srgb,var(--invoice-accent) 34%,var(--app-border))!important}
#add>#dynamicForm:has(#invoiceTitle) #invoiceAmount{border-color:color-mix(in srgb,#20c98b 42%,var(--app-border))!important;background:color-mix(in srgb,#20c98b 4%,var(--app-input-bg))!important;font-weight:800!important}
#add>#dynamicForm:has(#invoiceTitle) #invoiceCustomer{background:var(--invoice-soft)!important}
#add>#dynamicForm:has(#invoiceTitle) .v339-select-btn{border-color:color-mix(in srgb,var(--invoice-accent) 30%,var(--app-border))}
#add>#dynamicForm:has(#invoiceTitle) #shareInvoice{background:linear-gradient(145deg,#5f8fd5,#1678ed)!important;border-color:#5b9ee8!important;box-shadow:0 7px 18px rgba(37,112,205,.2)!important}
body:not(.dark) #add>.quick-grid .quick,body:not(.dark) #add>#dynamicForm{box-shadow:0 8px 22px rgba(39,70,105,.055)!important}
.dark #add>.quick-grid .quick,.dark #add>#dynamicForm{box-shadow:0 10px 28px rgba(0,0,0,.1)!important}
@media(max-width:380px){#add>.quick-grid{gap:8px!important}#add>.quick-grid .quick{min-height:72px!important;padding:12px 9px!important;font-size:13px!important}#add>#dynamicForm{padding:16px!important}}
@media(prefers-reduced-motion:no-preference){#add.active>.quick-grid{animation:v338-rise .24s cubic-bezier(.2,.8,.2,1)}#add.active>#dynamicForm{animation:v338-rise .3s cubic-bezier(.2,.8,.2,1)}@keyframes v338-rise{from{opacity:.68;transform:translateY(6px)}to{opacity:1;transform:none}}}