/* MK Detailing V190 — wspólny UX WWW / APP / WORK */
html,body{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
html{scroll-behavior:auto!important}
body{touch-action:pan-y;overscroll-behavior-y:auto}
button,a,[role="button"],input,select{touch-action:manipulation}
textarea{min-height:150px!important;line-height:1.5!important;resize:vertical!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;overflow:auto!important}
#inquiry-quote-form textarea[name="quote_note"]{min-height:220px!important}
.quote-original-inquiry-v190{margin:16px 0;padding:16px;border:1px solid #31313a;border-radius:16px;background:#101016}
.quote-original-inquiry-v190 strong{display:block;margin-top:4px;color:#d6d6dc;font-size:13px}
.quote-original-inquiry-v190 p,.quote-prewrap-v190,.quote-original-copy-v190 p{white-space:pre-wrap!important;overflow-wrap:anywhere;line-height:1.6;margin:12px 0 0}
.quote-original-copy-v190{white-space:normal!important}
.quote-term-summary-v190{padding:12px 14px;border:1px solid #34343c;border-radius:12px;background:#111117}
.finance-projected-v190{display:block!important;margin-top:7px!important;color:#c7c7cf!important;line-height:1.35!important}
.finance-projected-v190 b{color:#fff}

/* Każde okno robocze wykorzystuje cały ekran; żadnego poziomego przesuwania formularzy. */
dialog.panel-dialog,dialog.admin-dialog,dialog.client-access-dialog,dialog.client-history-dialog,dialog.direct-chat-dialog,dialog.inquiry-quote-dialog{
  box-sizing:border-box!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;inset:0!important;border-radius:0!important;border:0!important;padding:clamp(18px,3vw,38px)!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important
}
dialog.panel-dialog::backdrop{background:rgba(0,0,0,.78)}
dialog .panel-form,dialog .dialog-columns,dialog .order-detail-grid,dialog .panel-form-grid{max-width:1500px;margin-left:auto;margin-right:auto;min-width:0!important}
dialog input,dialog textarea,dialog select{max-width:100%!important;box-sizing:border-box!important;min-width:0!important}
.dialog-close{position:sticky!important;top:0!important;float:right!important;z-index:10!important;min-width:46px;min-height:46px}

/* Finanse: kafelek -> osobny pełnoekranowy widok, zero skakania w dół strony. */
html.finance-fullscreen-open-v190,html.finance-fullscreen-open-v190 body{overflow:hidden!important}
.finance-detail-open-v181 #finance-viewbar-v181{display:flex!important;position:fixed!important;z-index:10020!important;left:0;right:0;top:0;height:64px;align-items:center;gap:12px;padding:8px 18px;box-sizing:border-box;background:#09090e;border-bottom:1px solid #303039}
.finance-detail-open-v181 .finance-view-active-v181{display:block!important;position:fixed!important;z-index:10010!important;inset:0!important;padding:84px clamp(14px,3vw,34px) 34px!important;box-sizing:border-box!important;background:#08080d!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important}
.finance-detail-open-v181 .finance-view-active-v181.finance-chart-grid,.finance-detail-open-v181 .finance-view-active-v181.finance-secondary-chart-grid,.finance-detail-open-v181 .finance-view-active-v181.finance-admin-grid,.finance-detail-open-v181 .finance-view-active-v181.finance-ledger-grid{display:grid!important}
#finance-viewbar-v181 button{width:46px;height:46px;border-radius:12px;font-size:28px}
#finance-hub-v181 button,#admin-finance-summary article{cursor:pointer;touch-action:manipulation;user-select:none}
#finance-hub-v181 button{min-height:138px}

/* Stabilne przewijanie i klikanie na telefonie/PWA */
.ops-main,.dashboard-shell,.admin-tab-panel,.app-shell,.app-view,.panel-shell{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.ops-nav-button,.ops-action-card,.finance-hub-v181 button,#admin-finance-summary article{position:relative;z-index:1}
@media(max-width:760px){
  dialog.panel-dialog,dialog.admin-dialog{padding:14px!important}
  .panel-form-grid,.order-detail-grid,.dialog-columns,.quote-term-grid-v187{grid-template-columns:1fr!important}
  .finance-period-selector{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:8px!important;align-items:center!important}
  #finance-period-label,.finance-period-selector strong{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important}
  .calendar-panel-heading{gap:10px!important;align-items:flex-start!important;flex-wrap:wrap!important}
  .calendar-panel-heading h2,.calendar-panel-heading h3{overflow-wrap:anywhere!important;max-width:100%!important}
  .quote-editor-row{grid-template-columns:1fr!important}
  #admin-finance-summary{grid-template-columns:1fr!important}
}

/* WORK */
.work-v190{min-height:100dvh;background:#050509;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box;padding:clamp(18px,4vw,48px)}
.work-v190-shell{width:min(1180px,100%);margin:0 auto}
.work-v190-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}
.work-v190-brand{display:flex;align-items:center;gap:14px}.work-v190-brand img{width:58px;height:58px;border-radius:15px;object-fit:cover}.work-v190-brand h1{margin:0;font-size:clamp(23px,4vw,34px)}.work-v190-brand span{display:block;color:#9c9ca7;font-size:13px;margin-top:3px}
.work-v190-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.work-v190-tile{appearance:none;text-align:left;border:1px solid #2a2a34;background:#0e0e14;color:#fff;border-radius:20px;padding:20px;min-height:150px;cursor:pointer;position:relative;transition:.16s transform,.16s border-color;touch-action:manipulation}.work-v190-tile:active{transform:scale(.985)}.work-v190-tile:hover{border-color:#575762}.work-v190-tile b{display:block;font-size:20px;margin-top:18px}.work-v190-tile small{display:block;color:#a9a9b3;line-height:1.45;margin-top:5px}.work-v190-icon{font-size:28px}.work-v190-badge{position:absolute;right:14px;top:14px;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#e41120;display:grid;place-items:center;font-weight:800}.work-v190-badge[hidden]{display:none}
.work-v190-orders{display:none}.work-v190-orders.active{display:block}.work-v190-menu.hidden{display:none}.work-v190-back{margin-bottom:18px;background:#15151d;border:1px solid #30303b;color:#fff;border-radius:12px;padding:11px 15px;cursor:pointer}
.work-v190-push{margin-top:24px;border:1px solid #2d2d37;border-radius:16px;padding:16px;background:#0d0d13;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.work-v190-push button{background:#fff;color:#07070a;border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer}.work-v190-push small{display:block;color:#9999a4;margin-top:4px}
.work-v190-splash{position:fixed;inset:0;display:grid;place-items:center;background:#050509;z-index:99999;transition:opacity .35s ease,visibility .35s}.work-v190-splash.out{opacity:0;visibility:hidden}.work-v190-splash img{width:100px;height:100px;border-radius:24px;animation:workPulse .8s ease both}@keyframes workPulse{0%{opacity:0;transform:scale(.8)}70%{opacity:1;transform:scale(1.06)}100%{transform:scale(1)}}
body.work-mode-v190 .ops-nav-button[data-admin-tab="overview"]{display:none!important}
body.work-mode-v190 .ops-brand{cursor:pointer}