/* Back Office — bulky fields on a stretched layout (operator, 2026-08-28: * "convert all pages field bulkier across whole back office pages and adjust * the stretched layout"). Linked at the end of on every back-office * page so it wins over each page's own baseline sizes. * * Toggles, checkboxes, radios and buttons keep their native sizing — only * typing fields and pickers grow. Width is never forced, so tight table * cells still lay out on their own terms. */ input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea { font-size: 16.5px !important; padding: 13px 14px !important; font-weight: 600; } label, .label, .lbl { font-size: 14.5px; font-weight: 700; } /* Page headers sit centered (operator, 2026-08-28: "move all pages header to the center"). h1 is the page title on back-office pages; inside flex toolbars its own box is narrow, so this is safe there too. */ h1 { text-align: center; } .header, .page-head, .section-title h2:first-child { text-align: center; } /* Hero banners: the title centers too (operator, 2026-08-28: "centered header on all back office pages"); back links and buttons keep their own alignment inside the banner. */ .hero h1, .hero .hero-title { text-align: center; } .hero > p { text-align: center; } /* ── Fields must READ as fields (Peleg, 2026-08-29: "they blend in too much and it is very hard to see"). Every typing field and picker gets a real border, white fill and a loud focus ring, across all back-office pages. ── */ input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]), select, textarea { background-color: #fff !important; border: 2px solid #7e93b0 !important; border-radius: 12px; box-shadow: inset 0 1px 2px rgba(15,23,42,.06), 0 1px 0 rgba(255,255,255,.6); color: #0f172a; font-size: 17px !important; padding: 14px 15px !important; min-height: 50px; } input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]):focus, select:focus, textarea:focus { border-color: #0ea5a8 !important; box-shadow: 0 0 0 3px rgba(14,165,168,.22) !important; outline: none; } input::placeholder, textarea::placeholder { color: #7d8fa3; color: #7b8ba1; font-weight: 500; } /* Selects read as DROPDOWNS: a visible chevron and a pointer cursor. The native menu itself is replaced by api.js's bright popup (ppSelectPopup). */ select:not([multiple]) { appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: right 13px center; background-size: 14px; padding-right: 40px !important; cursor: pointer; }