/* ApplePoint V55 PRO — final Apple-style refinement */
:root{
  --ap55-bg:#f5f5f7;
  --ap55-surface:#ffffff;
  --ap55-text:#1d1d1f;
  --ap55-sub:#6e6e73;
  --ap55-tertiary:#86868b;
  --ap55-line:rgba(0,0,0,.075);
  --ap55-line-strong:rgba(0,0,0,.12);
  --ap55-blue:#0071e3;
  --ap55-blue-soft:#edf5ff;
  --ap55-green:#248a3d;
  --ap55-green-soft:#eef8f0;
  --ap55-amber:#9a5a00;
  --ap55-amber-soft:#fff6e5;
}

/* Brand: ApplePoint only */
.brand{letter-spacing:-.045em!important}
.brand small{display:none!important}
.mobile-topbar .brand{font-size:20px!important}
.v50-hero .v50-overline{color:#8e8e93!important}

/* Login */
.login-quote-main{font-size:15px!important;line-height:1.55!important;max-width:360px!important;color:#d1d1d6!important;font-weight:520!important}
.login-quote-main span{display:block!important;margin-top:8px!important;color:#7f7f85!important;font-size:11px!important;font-weight:650!important}
.login-panel .login-brand small{display:none!important}
.login-shell{border-color:rgba(255,255,255,.09)!important}

/* Apple visual system */
.main{background:var(--ap55-bg)!important}
.card,.v50-order-card,.v50-focus-card,.v50-finance-card,.v50-client-card,.ap-backup-card{border:1px solid var(--ap55-line)!important;box-shadow:none!important;background:#fff!important}
.v50-order-card:hover,.v50-client-card:hover{box-shadow:0 14px 38px rgba(0,0,0,.045)!important;border-color:var(--ap55-line-strong)!important}
.v50-primary,button.primary,a.primary{background:var(--ap55-blue)!important;box-shadow:none!important}
.v50-primary:hover,button.primary:hover,a.primary:hover{background:#0066cc!important}

/* Part / supplier card: no overlap, consistent labels */
.v50-order-note{
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  grid-auto-rows:auto!important;
  gap:6px 12px!important;
  align-content:center!important;
  align-items:center!important;
  min-height:70px!important;
  padding:12px 14px!important;
  overflow:hidden!important;
}
.v50-order-note .note-label{
  display:block!important;
  grid-column:1!important;
  grid-row:auto!important;
  align-self:center!important;
  margin:0!important;
  font-size:8.5px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  color:#8e8e93!important;
  white-space:nowrap!important;
}
.v50-order-note .note-value{
  display:block!important;
  grid-column:2!important;
  grid-row:auto!important;
  align-self:center!important;
  margin:0!important;
  min-width:0!important;
  max-width:100%!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  hyphens:none!important;
}
.v50-order-note b.note-value{font-size:11.8px!important;line-height:1.3!important;color:#1d1d1f!important}
.v50-order-note small.note-value{font-size:9.4px!important;line-height:1.3!important;color:#6e6e73!important}
.v50-order-note.single-line{min-height:62px!important}

/* All badges in one baseline */
.v50-order-badges,.apple-drawer-status{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important}
.v50-order-badges>*,.apple-drawer-status>*{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:27px!important;
  margin:0!important;
  line-height:1!important;
  vertical-align:middle!important;
}
.v50-order-time{align-items:center!important}
.v50-order-time>span{display:inline-flex!important;align-items:center!important;gap:4px!important;line-height:1.25!important}

/* Settlement slightly larger */
.ap-settlement{font-size:9.2px!important;padding:5px 8px!important;min-height:22px!important}

/* Customer status link */
.status-preview-box{display:grid!important;gap:9px!important;min-width:0!important;padding:0!important;overflow:visible!important}
.status-preview-box>b{font-size:12px!important;line-height:1.2!important}
.status-link-url{display:block!important;width:100%!important;max-width:100%!important;padding:0 2px 1px 0!important;color:#3a3a3c!important;font-size:9.2px!important;line-height:1.4!important;text-decoration:none!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.status-preview-layout{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;gap:11px!important;align-items:start!important;min-width:0!important}
.status-preview-layout .qr-big{width:88px!important;height:88px!important;max-width:88px!important;border-radius:9px!important;background:#fff!important;object-fit:contain!important}
.status-preview-actions{display:grid!important;gap:8px!important;min-width:0!important}
.status-preview-actions button{width:100%!important;min-width:0!important;min-height:42px!important;padding:8px 10px!important;white-space:normal!important;line-height:1.2!important}

/* Edit header menu must sit above the summary column */
.page-heading--form{position:relative!important;z-index:6000!important;overflow:visible!important;isolation:isolate!important}
.form-header-actions{position:relative!important;z-index:6100!important;overflow:visible!important}
.page-actions-menu{position:relative!important;z-index:6200!important}
.page-actions-menu[open]{z-index:6500!important}
.page-actions-menu>div{z-index:6600!important;top:calc(100% + 8px)!important;right:0!important;box-shadow:0 22px 65px rgba(0,0,0,.16)!important;border-radius:14px!important}
.intake-layout{position:relative!important;z-index:1!important;overflow:visible!important}
.intake-main{position:relative!important;z-index:1!important}
.intake-side{position:relative!important;z-index:1!important;overflow:visible!important}
.side-summary{position:relative!important;z-index:1!important}

/* Order-card three-dot menu — isolate current card and open upward on desktop */
.v50-orders-list{isolation:isolate!important}
.v50-order-card{position:relative!important;z-index:1!important;overflow:visible!important}
.v50-order-card:has(.action-menu[open]){z-index:500!important}
.v50-order-actions{overflow:visible!important}
.v50-order-actions .action-menu{position:relative!important;z-index:2!important}
.v50-order-actions .action-menu[open]{z-index:550!important}
.v50-order-actions .action-menu-list{
  top:auto!important;
  bottom:calc(100% + 9px)!important;
  right:0!important;
  z-index:600!important;
  min-width:205px!important;
  border-radius:14px!important;
  box-shadow:0 22px 65px rgba(0,0,0,.16)!important;
}

/* Backup page */
.ap-backup-shell{max-width:900px!important;margin:0 auto!important;padding-top:12px!important}
.ap-backup-card{display:grid!important;grid-template-columns:58px minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;padding:24px!important;border-radius:24px!important}
.ap-backup-icon{display:grid!important;place-items:center!important;width:58px!important;height:58px!important;border-radius:17px!important;background:var(--ap55-blue-soft)!important;color:var(--ap55-blue)!important;font-size:25px!important;font-weight:700!important}
.ap-backup-card h2{margin:4px 0 5px!important;font-size:22px!important;letter-spacing:-.035em!important}
.ap-backup-card p{margin:0!important;color:var(--ap55-sub)!important;font-size:12px!important;line-height:1.45!important}

/* Slightly more native Apple proportions */
.v50-kpis button,.v50-kpis .v50-kpi-ready{border-radius:22px!important}
.v50-focus-card,.v50-finance-card,.v50-pipeline .workflow-pipeline{border-radius:24px!important}
.v50-focus-row{border-radius:13px!important}
.v50-quick-actions button{border-radius:20px!important}
.v50-order-finance{background:#fbfbfd!important;border-color:#e8e8ed!important}

/* Tablet */
@media(max-width:1180px){
  .v50-order-note{grid-template-columns:88px minmax(0,1fr)!important}
  .page-heading--form{z-index:7000!important}
  .ap-backup-card{grid-template-columns:54px minmax(0,1fr)!important}
  .ap-backup-card .v50-primary{grid-column:1/-1!important;width:100%!important}
}

/* Mobile */
@media(max-width:760px){
  .v50-order-note{grid-template-columns:80px minmax(0,1fr)!important;gap:6px 10px!important;min-height:72px!important;padding:12px!important}
  .v50-order-note .note-label{font-size:8px!important}
  .v50-order-note b.note-value{font-size:11.5px!important}
  .status-preview-layout{grid-template-columns:78px minmax(0,1fr)!important}
  .status-preview-layout .qr-big{width:78px!important;height:78px!important;max-width:78px!important}
  .page-heading--form{z-index:8000!important}
  .page-actions-menu>div{position:fixed!important;left:14px!important;right:14px!important;top:auto!important;bottom:calc(18px + env(safe-area-inset-bottom))!important;width:auto!important;max-height:70dvh!important;overflow:auto!important;z-index:99999!important;border-radius:18px!important;padding:8px!important}
  .v50-order-actions .action-menu-list{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:calc(84px + env(safe-area-inset-bottom))!important;width:auto!important;min-width:0!important;max-height:52dvh!important;overflow:auto!important;z-index:99999!important;border-radius:18px!important;padding:8px!important}
  .v50-order-card:has(.action-menu[open]){z-index:900!important}
  .ap-backup-card{grid-template-columns:48px minmax(0,1fr)!important;padding:18px!important;border-radius:20px!important;gap:14px!important}
  .ap-backup-icon{width:48px!important;height:48px!important;border-radius:14px!important;font-size:21px!important}
  .ap-backup-card h2{font-size:19px!important}
}

@media(max-width:430px){
  .v50-order-note{grid-template-columns:74px minmax(0,1fr)!important}
  .status-preview-layout{grid-template-columns:72px minmax(0,1fr)!important}
  .status-preview-layout .qr-big{width:72px!important;height:72px!important;max-width:72px!important}
  .status-preview-actions button{font-size:10px!important;padding:7px 8px!important}
}

.dark-theme .ap-backup-card{background:#1c1c1e!important;border-color:rgba(255,255,255,.09)!important}
.dark-theme .ap-backup-card h2{color:#f5f5f7!important}
.dark-theme .status-link-url{color:#d1d1d6!important}
/* Rezerwacje online V1 */
.ap-booking-visit{border-color:#cfe67c!important;background:linear-gradient(180deg,#fbffe9,#fff)!important;box-shadow:0 8px 24px rgba(80,105,20,.08)!important}.ap-booking-visit>b{color:#34420d!important}