:root{--pk-green:#0f6a4a;--pk-green-dark:#084632;--pk-gold:#d4a017;--pk-ink:#15211b;--pk-muted:#66736d;--pk-bg:#f7faf8;--pk-card:#fff;--pk-border:#e1ebe5;--pk-shadow:0 18px 50px rgba(8,70,50,.12)}*{box-sizing:border-box}html,body,input,button,select,textarea,table{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{font-feature-settings:"cv02","cv03","cv04","cv11"}.pk-body,.pk-dashboard-body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--pk-ink);background:var(--pk-bg)}.pk-site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,5vw,72px);background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--pk-border)}.pk-brand{display:inline-flex;align-items:center;gap:10px;color:var(--pk-ink);text-decoration:none;font-weight:900;font-size:20px}.pk-logo-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--pk-green),var(--pk-gold));color:#fff;font-size:13px;letter-spacing:.5px}.pk-main-nav{display:flex;align-items:center;gap:22px}.pk-main-nav a,.pk-footer a{color:var(--pk-muted);text-decoration:none;font-weight:700}.pk-nav-cta,.pk-btn-primary{background:var(--pk-green);color:#fff!important;border-color:var(--pk-green)!important}.pk-nav-cta{padding:11px 16px;border-radius:999px}.pk-menu-toggle{display:none;background:transparent;border:0;gap:5px;flex-direction:column}.pk-menu-toggle span{display:block;width:25px;height:3px;background:var(--pk-green-dark);border-radius:4px}.pk-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;min-height:760px;padding:80px clamp(18px,5vw,72px);background:radial-gradient(circle at 80% 20%,rgba(212,160,23,.2),transparent 30%),linear-gradient(180deg,#fff,var(--pk-bg))}.pk-eyebrow{color:var(--pk-green);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:13px}.pk-hero h1,.pk-section h2,.pk-cta h2{font-size:clamp(40px,6vw,76px);line-height:.95;margin:0 0 20px}.pk-lead{font-size:clamp(18px,2vw,22px);line-height:1.7;color:var(--pk-muted);max-width:680px}.pk-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.pk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 22px;border-radius:999px;border:1px solid var(--pk-border);text-decoration:none;font-weight:900}.pk-btn-secondary{background:#fff;color:var(--pk-green-dark)}.pk-proof{font-weight:900;color:var(--pk-green-dark)}.pk-hero-card,.pk-feature,.pk-price-grid article,.pk-auth-card,.pk-panel,.pk-kpis article{background:var(--pk-card);border:1px solid var(--pk-border);border-radius:28px;box-shadow:var(--pk-shadow)}.pk-hero-card{padding:24px;min-height:430px}.pk-card-header{display:flex;gap:8px;margin-bottom:28px}.pk-card-header span{width:12px;height:12px;border-radius:99px;background:var(--pk-border)}.pk-metric-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pk-metric-row div{padding:18px;border-radius:20px;background:#f1f8f4}.pk-metric-row small,.pk-kpis small{color:var(--pk-muted);font-weight:800}.pk-metric-row strong,.pk-kpis strong{display:block;font-size:28px;margin-top:8px}.pk-progress{height:14px;background:#eef4f0;border-radius:99px;margin:24px 0;overflow:hidden}.pk-progress span{display:block;height:100%;background:var(--pk-green);border-radius:99px}.pk-alert{padding:14px 16px;border-radius:16px;margin:12px 0;font-weight:800}.pk-alert.good{background:#e9f8ef;color:#14713e}.pk-alert.warn{background:#fff4d8;color:#8a5a00}.pk-chart{display:flex;align-items:end;gap:10px;height:135px;margin-top:24px}.pk-chart span{flex:1;border-radius:12px;background:linear-gradient(180deg,var(--pk-gold),var(--pk-green))}.pk-chart span:nth-child(1){height:45%}.pk-chart span:nth-child(2){height:72%}.pk-chart span:nth-child(3){height:56%}.pk-chart span:nth-child(4){height:90%}.pk-chart span:nth-child(5){height:66%}.pk-section{padding:74px clamp(18px,5vw,72px);text-align:center}.pk-section>p{max-width:800px;margin:0 auto 24px;color:var(--pk-muted);line-height:1.8}.pk-feature-grid,.pk-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px;text-align:left}.pk-feature,.pk-price-grid article{padding:26px}.pk-feature h3,.pk-price-grid h3{font-size:22px;margin-top:0}.pk-feature p,.pk-price-grid p{color:var(--pk-muted);line-height:1.7}.pk-split{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:28px;align-items:center}.pk-list{display:grid;gap:12px}.pk-list span{background:#fff;border:1px solid var(--pk-border);border-radius:18px;padding:18px;font-weight:900}.pk-popular{outline:3px solid rgba(212,160,23,.35)}.pk-price-grid strong{font-size:34px;color:var(--pk-green)}.pk-cta{text-align:center;margin:50px clamp(18px,5vw,72px);padding:64px 24px;border-radius:34px;background:linear-gradient(135deg,var(--pk-green-dark),var(--pk-green));color:#fff}.pk-cta p{color:#ddecdf}.pk-footer{background:#071d15;color:#dfe9e4;padding:54px clamp(18px,5vw,72px) 24px}.pk-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}.pk-footer h3{color:#fff}.pk-footer a{display:block;color:#dfe9e4;margin:10px 0}.pk-footer-brand{color:#fff}.pk-footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:20px;color:#9db0a7}.pk-auth{min-height:70vh;display:grid;place-items:center;padding:60px 18px}.pk-auth-card{width:min(100%,480px);padding:34px}.pk-auth-card h1{margin-top:0}.pk-auth-card label{display:grid;gap:8px;margin:16px 0;font-weight:800}.pk-auth-card input{width:100%;padding:14px;border:1px solid var(--pk-border);border-radius:14px;font:inherit}.pk-check{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:10px}.pk-check input{width:auto}.pk-form-message{background:#fff4d8;border-radius:14px;padding:12px}.pk-legal{max-width:880px;margin:0 auto;padding:80px 18px;min-height:58vh}.pk-legal h1{font-size:48px}.pk-dashboard-shell{display:grid;grid-template-columns:290px 1fr;min-height:100vh}.pk-sidebar{position:sticky;top:0;height:100vh;padding:22px;background:#071d15;color:#fff;display:flex;flex-direction:column;gap:16px}.pk-dash-brand{color:#fff}.pk-user-card{text-align:center;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.06)}.pk-user-card img,.pk-dashboard-top img{width:72px;height:72px;border-radius:50%;object-fit:cover}.pk-user-card strong,.pk-user-card small{display:block}.pk-user-card small{color:#bad2c8}.pk-avatar-form label{display:block;cursor:pointer;text-align:center;background:rgba(255,255,255,.08);padding:10px;border-radius:14px;font-weight:800}.pk-avatar-form input{display:none}.pk-dash-nav{display:grid;gap:8px;overflow:auto}.pk-dash-nav a,.pk-logout{color:#dfe9e4;text-decoration:none;padding:12px 14px;border-radius:14px;font-weight:800}.pk-dash-nav a.active,.pk-dash-nav a:hover,.pk-logout:hover{background:rgba(255,255,255,.12)}.pk-logout{margin-top:auto}.pk-dashboard-main{padding:28px;min-width:0}.pk-dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.pk-dashboard-top h1{margin:0;font-size:34px}.pk-dashboard-top p{margin:6px 0 0;color:var(--pk-muted)}.pk-dash-toggle{display:none}.pk-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pk-kpis article{padding:22px}.pk-kpis span{color:var(--pk-muted);font-weight:800}.pk-dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin:18px 0}.pk-panel{padding:24px}.pk-table{display:grid;grid-template-columns:1fr auto;gap:14px}.pk-table span{color:var(--pk-muted);font-weight:800}.pk-table strong{color:var(--pk-green)}@media (max-width:900px){.pk-menu-toggle{display:flex}.pk-main-nav{position:absolute;inset:75px 18px auto 18px;display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--pk-border);border-radius:24px;padding:18px;box-shadow:var(--pk-shadow)}.pk-main-nav.is-open{display:flex}.pk-hero,.pk-split,.pk-footer-grid,.pk-dashboard-grid{grid-template-columns:1fr}.pk-hero{min-height:auto;padding-top:52px}.pk-feature-grid,.pk-price-grid,.pk-kpis{grid-template-columns:1fr}.pk-dashboard-shell{grid-template-columns:1fr}.pk-sidebar{position:fixed;z-index:80;transform:translateX(-105%);transition:.2s ease;width:290px}.pk-sidebar.is-open{transform:translateX(0)}.pk-dashboard-main{padding:18px}.pk-dash-toggle{display:inline-flex;border:0;background:var(--pk-green);color:#fff;border-radius:12px;padding:10px 13px;font-size:20px}.pk-dashboard-top h1{font-size:26px}.pk-dashboard-top img{width:48px;height:48px}}@media (max-width:560px){.pk-site-header{padding:14px 16px}.pk-hero h1,.pk-section h2,.pk-cta h2{font-size:40px}.pk-hero-card{min-height:auto}.pk-metric-row{grid-template-columns:1fr}.pk-footer-grid{gap:10px}.pk-auth-card{padding:24px}.pk-legal h1{font-size:36px}} .pk-dashboard-top .pk-btn{white-space:nowrap}.pk-module-page{min-height:260px}.pk-empty-state{display:grid;gap:8px;margin-top:18px;padding:24px;border:1px dashed var(--pk-border);border-radius:22px;background:#f9fcfa}.pk-empty-state strong{font-size:20px}.pk-empty-state span{color:var(--pk-muted);line-height:1.7}.pk-modal{position:fixed;inset:0;display:none;place-items:center;padding:18px;background:rgba(7,29,21,.62);z-index:120}.pk-modal.is-open{display:grid}.pk-modal-card{position:relative;width:min(100%,560px);max-height:92vh;overflow:auto;background:#fff;border-radius:28px;padding:30px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.pk-modal-card label{display:grid;gap:8px;margin:14px 0;font-weight:800}.pk-modal-card input,.pk-modal-card textarea{width:100%;padding:14px;border:1px solid var(--pk-border);border-radius:14px;font:inherit}.pk-modal-close{position:absolute;top:16px;right:16px;width:38px;height:38px;border:0;border-radius:50%;background:#eef4f0;color:var(--pk-green-dark);font-size:24px;cursor:pointer}.pk-dashboard-top img{display:none!important}@media (max-width:900px){.pk-dashboard-top{align-items:flex-start}.pk-dashboard-top .pk-btn{width:auto}.pk-modal-card{padding:24px}.pk-sidebar{height:100dvh}.pk-dashboard-top{flex-wrap:wrap}}@media (max-width:560px){.pk-dashboard-top .pk-btn{width:100%}.pk-modal{align-items:end;padding:0}.pk-modal-card{width:100%;border-radius:28px 28px 0 0;max-height:88vh}.pk-dash-nav a,.pk-logout{padding:11px 12px}} .pk-cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.pk-cert{border:1px solid var(--pk-border);border-radius:14px;padding:10px 12px;font-weight:800;background:#fff}.pk-cert.is-pass{color:#14713e;background:#e9f8ef}.pk-cert.is-fail{color:#8a5a00;background:#fff4d8}.pk-modal-active{overflow:hidden}.pk-modal-card input:invalid{border-color:#b54708}.pk-dash-toggle[aria-expanded="true"]{background:var(--pk-green-dark)}@media(max-width:900px){.pk-cert-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.pk-cert-grid{grid-template-columns:1fr}.pk-modal-card{max-height:88vh;overflow:auto}} .pk-section-lead,.pk-auth-note{max-width:760px;margin:0 auto 24px;color:#5b6470;font-size:1rem;line-height:1.6}.pk-auth-note{margin:0 0 18px;text-align:left}.pk-price-grid article strong{display:block;margin:12px 0;font-size:2rem;color:#0f6a4a}.pk-price-grid .pk-popular{position:relative}.pk-price-grid .pk-popular:before{content:'Most Popular';display:inline-flex;margin-bottom:10px;padding:5px 10px;border-radius:999px;background:#fff7df;color:#8a6500;font-size:.78rem;font-weight:700} .pk-production-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;padding:14px 16px;border:1px solid var(--pk-border);border-radius:18px;background:#fff;color:var(--pk-muted);font-weight:800}.pk-production-banner strong{color:var(--pk-green-dark)}.pk-table,.pk-panel,.pk-kpis,.pk-modal-card,.pk-auth-card,.pk-legal{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.pk-btn:focus-visible,.pk-dash-nav a:focus-visible,.pk-logout:focus-visible,.pk-modal-close:focus-visible,.pk-menu-toggle:focus-visible,.pk-dash-toggle:focus-visible{outline:3px solid rgba(212,160,23,.55);outline-offset:3px}.pk-dashboard-main{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.pk-loading-safe{content:"v0.6.1"}@media(max-width:900px){.pk-production-banner{align-items:flex-start;flex-direction:column}} .pk-record-list{display:grid;gap:12px}.pk-record-list div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--pk-border)}.pk-responsive-table{width:100%;overflow:auto}.pk-responsive-table table{width:100%;border-collapse:collapse;font-size:14px}.pk-responsive-table th,.pk-responsive-table td{padding:12px;border-bottom:1px solid var(--pk-border);text-align:left;vertical-align:middle}.pk-responsive-table th{color:var(--pk-muted);font-weight:900;background:#f7faf8}.pk-link-button{border:0;background:transparent;color:#b42318;font-weight:900;cursor:pointer}.pk-modal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pk-kpis-inline{margin-top:18px}@media(max-width:720px){.pk-modal-grid{grid-template-columns:1fr}.pk-responsive-table table{min-width:680px}.pk-kpis-inline{grid-template-columns:1fr!important}} .pk-loading-safe{content:"v0.7.1"} /* v0.9.1 dashboard simplification */ .pk-loading-safe{content:"v0.9.1"} .pk-dashboard-main{background:#f8fafc;} .pk-production-banner{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:16px;background:#fff;border:1px solid #e5e7eb;margin-bottom:18px;color:#334155;} .pk-dashboard-top{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:18px;margin-bottom:18px;box-shadow:0 10px 28px rgba(15,23,42,.05)} .pk-dashboard-top h1{font-size:28px;line-height:1.15;margin:0 0 4px}.pk-dashboard-top p{margin:0;color:#64748b}.pk-dash-nav a{border-radius:12px}.pk-dash-nav a.active{background:#111827;color:#fff}.pk-owner-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.pk-owner-kpis article{padding:16px;border-radius:18px;background:#fff;border:1px solid #e5e7eb;box-shadow:none}.pk-owner-kpis strong{font-size:22px}.pk-dashboard-grid-clean{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pk-panel{border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 10px 28px rgba(15,23,42,.04)}.pk-panel h2{font-size:20px}.pk-mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pk-mini-metrics span{display:flex;flex-direction:column;gap:6px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:14px;color:#64748b}.pk-mini-metrics strong{font-size:20px;color:#111827}.pk-alert.info{background:#eff6ff;color:#1d4ed8}.pk-cert-panel{margin-top:18px}.pk-cert-grid{max-height:180px;overflow:auto}.pk-modal-card{max-width:680px}.pk-responsive-table table th{white-space:nowrap}.pk-empty-state{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;padding:20px} @media (max-width:1100px){.pk-owner-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pk-dashboard-grid-clean{grid-template-columns:1fr}.pk-mini-metrics{grid-template-columns:1fr}} @media (max-width:700px){.pk-production-banner{align-items:flex-start;flex-direction:column}.pk-owner-kpis{grid-template-columns:1fr}.pk-dashboard-top{align-items:flex-start}.pk-dashboard-top h1{font-size:24px}} /* v1.0.1 restaurant owner dashboard cleanup */ .pk-loading-safe{content:"v1.0.1"} .pk-dashboard-shell{min-height:100vh;background:#f8fafc}.pk-sidebar{position:fixed;inset:0 auto 0 0;width:260px;display:flex;flex-direction:column;overflow:hidden;padding:22px 18px;background:#062d20}.pk-dashboard-main{margin-left:260px;min-height:100vh;padding:26px 28px 48px}.pk-dash-brand{margin-bottom:14px}.pk-user-card{padding:16px 12px;margin-bottom:12px;border-radius:18px}.pk-user-card img{width:72px;height:72px}.pk-avatar-form{margin-bottom:12px}.pk-avatar-form label{border-radius:13px;font-size:14px}.pk-dash-nav{display:flex;flex-direction:column;gap:4px;overflow:visible;padding:0;margin:0;min-height:0}.pk-dash-nav a{padding:12px 12px;font-size:15px;line-height:1.25;font-weight:800;color:#e8fff5;background:transparent}.pk-dash-nav a.active{background:#ffffff;color:#063221}.pk-logout{margin-top:auto;padding:12px;color:#e8fff5;font-weight:800}.pk-production-banner,.pk-cert-panel{display:none!important}.pk-dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;margin-bottom:18px}.pk-dashboard-top h1{font-size:24px;font-weight:850;color:#0f172a}.pk-dashboard-top p{font-size:15px}.pk-owner-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.pk-owner-kpis article{min-height:auto;padding:18px}.pk-owner-kpis small{font-size:13px;color:#64748b}.pk-owner-kpis strong{font-size:24px;line-height:1.2;color:#0f172a}.pk-owner-kpis article span{display:none}.pk-dashboard-grid-clean{margin-bottom:16px}.pk-panel{padding:22px}.pk-panel h2{margin:0 0 14px;font-size:18px;color:#0f172a}.pk-alert{margin:10px 0;padding:12px 14px;border-radius:12px;font-weight:800}.pk-mini-metrics span{background:#fff}.pk-empty-state{padding:18px}.pk-module-page>p{max-width:760px;color:#64748b}.pk-responsive-table{border:1px solid #e5e7eb;border-radius:16px;background:#fff}.pk-responsive-table table{font-size:14px}.pk-modal-card p{color:#64748b}.pk-modal-card label{font-weight:800;color:#334155}.pk-form-message{border-radius:12px;padding:12px 14px;background:#dcfce7;color:#166534;font-weight:800}.pk-dashboard-body{overflow-x:hidden} @media(max-width:980px){.pk-sidebar{transform:translateX(-105%);transition:transform .2s ease;z-index:1000}.pk-sidebar.is-open{transform:translateX(0)}.pk-dashboard-main{margin-left:0;padding:18px}.pk-owner-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pk-dashboard-top{align-items:flex-start}.pk-dash-toggle{display:inline-flex!important}} @media(max-width:640px){.pk-owner-kpis,.pk-dashboard-grid-clean{grid-template-columns:1fr}.pk-dashboard-top{flex-direction:column}.pk-dashboard-top .pk-btn{width:100%;justify-content:center}.pk-panel{padding:18px}} /* v1.0.2 dashboard layout regression recovery */ .pk-loading-safe{content:"v1.0.2"} body.pk-dashboard-body{width:100%;min-width:320px;overflow-x:hidden;background:#f8fafc;} .pk-dashboard-shell{display:block!important;width:100%!important;max-width:none!important;min-height:100vh;background:#f8fafc;} .pk-sidebar{box-sizing:border-box;flex:0 0 260px;max-width:260px;} .pk-dashboard-main{box-sizing:border-box;display:block!important;width:calc(100vw - 260px)!important;max-width:none!important;min-width:0!important;margin-left:260px!important;padding:26px 28px 48px!important;} .pk-dashboard-main > *{box-sizing:border-box;max-width:100%;} .pk-dashboard-top{width:100%;display:flex!important;align-items:center;justify-content:space-between;gap:16px;} .pk-dashboard-top > div{min-width:0;flex:1 1 auto;} .pk-dashboard-top .pk-btn{flex:0 0 auto;} .pk-owner-kpis,.pk-kpis.pk-owner-kpis{display:grid!important;width:100%!important;grid-template-columns:repeat(3,minmax(220px,1fr))!important;gap:14px!important;align-items:stretch;margin-bottom:16px;} .pk-owner-kpis article{display:block!important;width:auto!important;min-width:0!important;max-width:none!important;} .pk-dashboard-grid-clean,.pk-dashboard-grid.pk-dashboard-grid-clean{display:grid!important;width:100%!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px!important;margin:0 0 16px!important;align-items:start;} .pk-panel{display:block!important;width:auto!important;min-width:0!important;max-width:none!important;overflow:hidden;} .pk-mini-metrics{display:grid!important;width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;} .pk-mini-metrics span{display:flex!important;min-width:0!important;} .pk-record-list div{width:100%;} .pk-empty-state{display:grid!important;width:100%!important;min-width:0!important;} .pk-responsive-table{width:100%;max-width:100%;overflow-x:auto;} .pk-module-page{width:100%;} @media(max-width:1180px){.pk-owner-kpis,.pk-kpis.pk-owner-kpis{grid-template-columns:repeat(2,minmax(220px,1fr))!important}.pk-dashboard-grid-clean,.pk-dashboard-grid.pk-dashboard-grid-clean{grid-template-columns:1fr!important}.pk-mini-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:980px){.pk-sidebar{max-width:290px;width:290px}.pk-dashboard-main{width:100%!important;margin-left:0!important;padding:18px!important}.pk-dash-toggle{display:inline-flex!important}.pk-dashboard-top{align-items:flex-start}.pk-owner-kpis,.pk-kpis.pk-owner-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:640px){.pk-dashboard-main{padding:14px!important}.pk-dashboard-top{flex-direction:column;align-items:stretch}.pk-dashboard-top .pk-btn{width:100%}.pk-owner-kpis,.pk-kpis.pk-owner-kpis,.pk-mini-metrics{grid-template-columns:1fr!important}.pk-panel{padding:18px}.pk-dashboard-grid-clean,.pk-dashboard-grid.pk-dashboard-grid-clean{grid-template-columns:1fr!important}} /* v1.0.3 Avatar Photo UI Cleanup */ .pk-sidebar .pk-avatar-card{margin:0 0 12px;padding:0;display:block} .pk-sidebar .pk-avatar-card .pk-user-card,.pk-avatar-label{display:block;cursor:pointer;text-align:center;position:relative} .pk-sidebar .pk-avatar-card input[type=file]{display:none!important} .pk-sidebar .pk-avatar-wrap{position:relative;display:inline-block;width:72px;height:72px;margin-bottom:8px} .pk-sidebar .pk-avatar-wrap img{display:block;width:72px;height:72px;border-radius:50%;object-fit:cover} .pk-sidebar .pk-avatar-edit{position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:#ffffff;color:#063221;border:2px solid #062d20;font-size:13px;line-height:1;box-shadow:0 8px 20px rgba(0,0,0,.18);opacity:0;transform:scale(.92);transition:opacity .18s ease,transform .18s ease} .pk-sidebar .pk-avatar-card:hover .pk-avatar-edit,.pk-sidebar .pk-avatar-card:focus-within .pk-avatar-edit{opacity:1;transform:scale(1)} .pk-sidebar .pk-avatar-card .pk-user-card:hover{background:rgba(255,255,255,.09)} .pk-sidebar .pk-avatar-card .pk-user-card:focus-within{outline:2px solid rgba(255,255,255,.55);outline-offset:3px} @media (hover:none){.pk-sidebar .pk-avatar-edit{opacity:1;transform:scale(1)}} /* v1.0.4 multi-branch reporting foundation */ .pk-report-filters{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(150px,.7fr) minmax(150px,.7fr) auto;gap:12px;align-items:end;background:#fff;border:1px solid var(--pk-border);border-radius:22px;padding:14px;margin:0 0 20px;box-shadow:0 10px 26px rgba(8,70,50,.06)} .pk-report-filters label{display:grid;gap:6px;font-weight:800;color:var(--pk-muted);font-size:13px}.pk-report-filters select,.pk-report-filters input{width:100%;border:1px solid var(--pk-border);border-radius:13px;padding:11px 12px;font:inherit;background:#fff;color:var(--pk-ink)} .pk-scope-label{margin:0 0 14px;color:var(--pk-muted);font-weight:800}.pk-pl-statement{display:grid;gap:10px}.pk-pl-statement div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border:1px solid var(--pk-border);border-radius:16px;background:#fbfdfc}.pk-pl-statement div:nth-last-child(2),.pk-pl-statement div:last-child{background:#f1f8f4;font-weight:900}.pk-pl-statement span{color:var(--pk-muted);font-weight:800}.pk-pl-statement strong{font-size:18px;color:var(--pk-green-dark)} @media (max-width:900px){.pk-report-filters{grid-template-columns:1fr}.pk-report-filters .pk-btn{width:100%}} /* v1.1.5 branch/staff/report hardening */ .pk-loading-safe{content:"v1.1.5"} .pk-kpis-inline{display:grid!important;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;margin:14px 0}.pk-kpis-inline article{background:#fff;border:1px solid var(--pk-border);border-radius:16px;padding:14px;box-shadow:none}.pk-kpis-inline small{display:block;color:var(--pk-muted);font-weight:800}.pk-kpis-inline strong{display:block;margin-top:6px;color:var(--pk-green-dark);font-size:20px}.pk-inline-form{display:grid;gap:12px;margin-bottom:16px}.pk-inline-form label{display:grid;gap:6px;color:var(--pk-muted);font-weight:800;font-size:13px}.pk-inline-form input,.pk-inline-form select{width:100%;border:1px solid var(--pk-border);border-radius:13px;padding:11px 12px;font:inherit;background:#fff;color:var(--pk-ink)}.pk-management-grid{margin-top:16px}.pk-record-list.pk-branch-list{display:grid;gap:10px}.pk-record-list div span small{display:block;margin-top:2px;color:#64748b;font-size:12px;font-weight:700}.pk-form-warning{background:#fff7ed!important;color:#9a3412!important}.pk-link-button{border:0;background:transparent;color:#0f6a4a;font-weight:900;cursor:pointer;padding:0}.pk-responsive-table table{width:100%;border-collapse:collapse}.pk-responsive-table th,.pk-responsive-table td{padding:12px 14px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}.pk-responsive-table th{background:#f8fafc;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.pk-record-list{display:grid;gap:10px}.pk-record-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.pk-record-list span{font-weight:850;color:#0f172a}.pk-record-list strong{color:#063221}.pk-modal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pk-modal form{display:grid;gap:12px}.pk-modal input,.pk-modal select,.pk-modal textarea{width:100%;border:1px solid var(--pk-border);border-radius:13px;padding:11px 12px;font:inherit}.pk-modal label{display:grid;gap:6px}.pk-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,6,23,.55);z-index:2000}.pk-modal.is-open{display:flex}.pk-modal-card{position:relative;background:#fff;border-radius:24px;padding:24px;width:min(680px,100%);max-height:90vh;overflow:auto}.pk-modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:30px;cursor:pointer}.pk-dash-toggle{display:none;border:1px solid #e5e7eb;background:#fff;border-radius:12px;padding:10px 12px;font-weight:900} @media(max-width:900px){.pk-kpis-inline{grid-template-columns:1fr}.pk-modal-grid{grid-template-columns:1fr}.pk-responsive-table table{min-width:720px}} /* v1.1.7 Executive Dashboard Typography & KPI Hierarchy Hardening */ .pk-loading-safe{content:"v1.1.7"} .pk-dashboard-main{font-size:16px;line-height:1.55;} .pk-dashboard-top{margin-bottom:28px!important;padding:28px 32px!important;border-radius:26px!important;} .pk-dashboard-top h1{font-size:clamp(30px,2.2vw,42px)!important;line-height:1.08!important;font-weight:900!important;letter-spacing:-.035em!important;color:#0f172a!important;} .pk-dashboard-top p{font-size:clamp(16px,1.05vw,19px)!important;line-height:1.45!important;color:#475569!important;font-weight:600!important;} .pk-scope-label{font-size:clamp(22px,1.8vw,32px)!important;line-height:1.2!important;font-weight:900!important;letter-spacing:-.025em!important;color:#5f6d65!important;margin:22px 0 20px!important;} .pk-owner-kpis,.pk-kpis.pk-owner-kpis{gap:18px!important;margin-bottom:22px!important;} .pk-owner-kpis article{min-height:142px!important;padding:28px 30px!important;border-radius:24px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;} .pk-owner-kpis article small{font-size:clamp(16px,1vw,19px)!important;line-height:1.2!important;font-weight:900!important;color:#586879!important;letter-spacing:-.01em!important;} .pk-owner-kpis article strong{font-size:clamp(34px,2.9vw,48px)!important;line-height:1.08!important;font-weight:900!important;letter-spacing:-.04em!important;color:#0f172a!important;margin-top:12px!important;} .pk-dashboard-grid-clean,.pk-dashboard-grid.pk-dashboard-grid-clean{gap:22px!important;margin-bottom:22px!important;} .pk-panel{padding:30px!important;border-radius:24px!important;} .pk-panel h2{font-size:clamp(22px,1.45vw,30px)!important;line-height:1.2!important;font-weight:850!important;letter-spacing:-.025em!important;margin:0 0 20px!important;color:#0f172a!important;} .pk-alert{font-size:clamp(18px,1.35vw,25px)!important;line-height:1.35!important;font-weight:900!important;padding:18px 22px!important;border-radius:16px!important;margin:14px 0!important;} .pk-mini-metrics{gap:16px!important;} .pk-mini-metrics span{min-height:118px!important;padding:22px!important;border-radius:18px!important;font-size:clamp(19px,1.2vw,27px)!important;line-height:1.2!important;font-weight:700!important;color:#64748b!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;} .pk-mini-metrics span strong{display:block!important;margin-top:12px!important;font-size:clamp(30px,2.1vw,42px)!important;line-height:1.08!important;font-weight:900!important;letter-spacing:-.035em!important;color:#0f172a!important;} .pk-record-list div{padding:18px!important;border-radius:18px!important;} .pk-record-list span{font-size:17px!important;line-height:1.35!important;} .pk-record-list strong{font-size:20px!important;} .pk-empty-state{padding:26px!important;border-radius:20px!important;} .pk-empty-state strong{font-size:clamp(20px,1.25vw,26px)!important;line-height:1.25!important;font-weight:850!important;} .pk-empty-state span{font-size:clamp(16px,1vw,19px)!important;line-height:1.5!important;} .pk-report-filters label{font-size:15px!important;} .pk-report-filters select,.pk-report-filters input{font-size:16px!important;padding:14px 16px!important;} .pk-report-filters .pk-btn{font-size:16px!important;padding:14px 22px!important;} .pk-btn{font-size:16px!important;font-weight:900!important;} @media(max-width:1180px){.pk-owner-kpis article{min-height:132px!important}.pk-owner-kpis article strong{font-size:clamp(32px,4vw,44px)!important}.pk-mini-metrics span strong{font-size:clamp(28px,3.2vw,38px)!important}} @media(max-width:980px){.pk-dashboard-top{padding:24px!important}.pk-scope-label{font-size:26px!important}.pk-owner-kpis article{min-height:126px!important;padding:24px!important}.pk-panel{padding:24px!important}.pk-alert{font-size:20px!important}.pk-mini-metrics span{min-height:110px!important}} @media(max-width:640px){.pk-dashboard-top h1{font-size:30px!important}.pk-dashboard-top p{font-size:16px!important}.pk-scope-label{font-size:23px!important}.pk-owner-kpis article{min-height:118px!important;padding:22px!important}.pk-owner-kpis article small{font-size:16px!important}.pk-owner-kpis article strong{font-size:34px!important}.pk-panel{padding:22px!important}.pk-panel h2{font-size:22px!important}.pk-alert{font-size:18px!important;padding:16px 18px!important}.pk-mini-metrics span{min-height:105px!important;font-size:18px!important}.pk-mini-metrics span strong{font-size:31px!important}} /* v1.1.8 Executive Dashboard Balance & Navigation Readability */ .pk-loading-safe{content:"v1.1.8"} .pk-sidebar{width:280px!important;min-width:280px!important;padding:20px 14px 28px!important;} .pk-sidebar nav{display:grid!important;gap:8px!important;margin-top:20px!important;} .pk-sidebar nav a{font-size:17px!important;line-height:1.25!important;font-weight:800!important;padding:15px 16px!important;border-radius:12px!important;letter-spacing:-.01em!important;} .pk-sidebar .pk-brand{font-size:22px!important;font-weight:900!important;margin-bottom:20px!important;} .pk-sidebar .pk-logo-mark{width:36px!important;height:36px!important;font-size:13px!important;} .pk-sidebar .pk-user-card{padding:20px 14px!important;border-radius:16px!important;} .pk-sidebar .pk-avatar-wrap,.pk-sidebar .pk-avatar-wrap img{width:82px!important;height:82px!important;} .pk-sidebar .pk-user-card strong{display:block!important;font-size:18px!important;line-height:1.2!important;margin-top:8px!important;font-weight:900!important;} .pk-sidebar .pk-user-card small{display:block!important;font-size:14px!important;line-height:1.25!important;font-weight:700!important;margin-top:2px!important;} .pk-sidebar .pk-logout{font-size:20px!important;font-weight:900!important;padding:18px 16px!important;margin-top:auto!important;} .pk-dashboard-shell{grid-template-columns:280px minmax(0,1fr)!important;} .pk-owner-kpis article{min-height:132px!important;padding:24px 28px!important;} .pk-owner-kpis article small{font-size:clamp(16px,.95vw,18px)!important;line-height:1.25!important;font-weight:900!important;} .pk-owner-kpis article strong{font-size:clamp(32px,2.25vw,42px)!important;line-height:1.08!important;font-weight:900!important;letter-spacing:-.035em!important;margin-top:10px!important;} .pk-dashboard-top h1{font-size:clamp(32px,2.1vw,40px)!important;} .pk-dashboard-top p{font-size:clamp(16px,1vw,18px)!important;} .pk-scope-label{font-size:clamp(24px,1.6vw,30px)!important;margin:20px 0 18px!important;} .pk-panel h2{font-size:clamp(22px,1.35vw,28px)!important;} .pk-alert{font-size:clamp(18px,1.15vw,22px)!important;padding:16px 20px!important;} .pk-mini-metrics span{min-height:104px!important;padding:18px 20px!important;font-size:clamp(17px,1vw,22px)!important;} .pk-mini-metrics span strong{font-size:clamp(26px,1.75vw,34px)!important;margin-top:10px!important;} .pk-dashboard-grid-clean,.pk-dashboard-grid.pk-dashboard-grid-clean{gap:20px!important;} @media(max-width:1180px){.pk-sidebar{width:260px!important;min-width:260px!important}.pk-dashboard-shell{grid-template-columns:260px minmax(0,1fr)!important}.pk-sidebar nav a{font-size:16px!important;padding:14px 15px!important}.pk-owner-kpis article strong{font-size:clamp(31px,3.4vw,39px)!important}} @media(max-width:900px){.pk-dashboard-shell{display:block!important}.pk-sidebar{width:100%!important;min-width:0!important}.pk-sidebar nav a{font-size:17px!important;padding:15px 16px!important}.pk-owner-kpis article{min-height:120px!important;padding:22px!important}.pk-owner-kpis article strong{font-size:34px!important}.pk-mini-metrics span strong{font-size:30px!important}} @media(max-width:640px){.pk-sidebar nav a{font-size:16px!important;padding:14px!important}.pk-owner-kpis article{min-height:112px!important}.pk-owner-kpis article strong{font-size:31px!important}.pk-dashboard-top h1{font-size:30px!important}.pk-scope-label{font-size:23px!important}.pk-mini-metrics span{min-height:96px!important}.pk-mini-metrics span strong{font-size:28px!important}} /* v1.2.9 Production Regression & Migration Hardening */ .pk-loading-safe{content:"v1.2.9"} .pk-dashboard-shell{grid-template-columns:280px minmax(0,1fr)!important;} .pk-sidebar{height:100vh!important;max-height:100vh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;} .pk-sidebar .pk-brand,.pk-sidebar .pk-avatar-card,.pk-sidebar .pk-user-card{flex:0 0 auto!important;} .pk-sidebar nav,.pk-sidebar .pk-dash-nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;margin:18px 0 0!important;padding:0 0 24px!important;border-bottom:1px solid rgba(255,255,255,.12)!important;scrollbar-width:thin;} .pk-sidebar nav a:last-child,.pk-sidebar .pk-dash-nav a:last-child{margin-bottom:12px!important;} .pk-sidebar .pk-logout{flex:0 0 auto!important;display:flex!important;align-items:center!important;margin-top:24px!important;padding:18px 16px!important;border-radius:14px!important;line-height:1.2!important;white-space:nowrap!important;} .pk-sidebar .pk-logout:hover{background:rgba(255,255,255,.12)!important;} @media(max-height:760px) and (min-width:981px){.pk-sidebar{padding-top:16px!important;padding-bottom:18px!important}.pk-sidebar .pk-brand{margin-bottom:12px!important}.pk-sidebar .pk-user-card{padding:14px 12px!important}.pk-sidebar .pk-avatar-wrap,.pk-sidebar .pk-avatar-wrap img{width:64px!important;height:64px!important}.pk-sidebar .pk-user-card strong{font-size:16px!important}.pk-sidebar .pk-user-card small{font-size:12px!important}.pk-sidebar nav,.pk-sidebar .pk-dash-nav{gap:4px!important;margin-top:12px!important;padding-bottom:18px!important}.pk-sidebar nav a,.pk-sidebar .pk-dash-nav a{font-size:16px!important;padding:12px 14px!important}.pk-sidebar .pk-logout{font-size:18px!important;margin-top:18px!important;padding:14px!important}} @media(max-width:980px){.pk-dashboard-shell{display:block!important}.pk-sidebar{height:100dvh!important;max-height:100dvh!important}.pk-sidebar nav,.pk-sidebar .pk-dash-nav{overflow-y:auto!important;padding-bottom:22px!important}.pk-sidebar .pk-logout{margin-top:20px!important}} /* v1.3.1 Sidebar Density & Vertical Space Optimization */ .pk-loading-safe{content:"v1.3.2"} @media (min-width:981px){ .pk-sidebar{ width:270px!important; min-width:270px!important; max-width:270px!important; padding:16px 14px 18px!important; gap:10px!important; overflow:hidden!important; } .pk-dashboard-shell{grid-template-columns:270px minmax(0,1fr)!important;} .pk-sidebar .pk-brand{ font-size:21px!important; margin-bottom:8px!important; line-height:1.15!important; } .pk-sidebar .pk-logo-mark{ width:34px!important; height:34px!important; border-radius:12px!important; } .pk-sidebar .pk-avatar-card{margin:0 0 8px!important;} .pk-sidebar .pk-user-card{ padding:12px 10px!important; border-radius:16px!important; } .pk-sidebar .pk-avatar-wrap, .pk-sidebar .pk-avatar-wrap img{ width:68px!important; height:68px!important; margin-bottom:6px!important; } .pk-sidebar .pk-user-card strong{ font-size:16px!important; line-height:1.15!important; margin-top:4px!important; } .pk-sidebar .pk-user-card small{ font-size:12px!important; line-height:1.15!important; margin-top:2px!important; } .pk-sidebar nav, .pk-sidebar .pk-dash-nav{ display:grid!important; gap:3px!important; margin:10px 0 0!important; padding:0 0 8px!important; border-bottom:1px solid rgba(255,255,255,.10)!important; overflow-y:visible!important; overflow-x:hidden!important; flex:0 0 auto!important; } .pk-sidebar nav a, .pk-sidebar .pk-dash-nav a{ font-size:16px!important; line-height:1.15!important; font-weight:800!important; padding:9px 14px!important; border-radius:11px!important; min-height:38px!important; display:flex!important; align-items:center!important; } .pk-sidebar nav a.active, .pk-sidebar .pk-dash-nav a.active{ min-height:42px!important; padding-top:10px!important; padding-bottom:10px!important; } .pk-sidebar .pk-logout{ font-size:17px!important; font-weight:900!important; padding:11px 14px!important; min-height:42px!important; margin-top:auto!important; border-radius:12px!important; } } @media (min-width:981px) and (max-height:760px){ .pk-sidebar{padding:12px 12px 14px!important;gap:8px!important;} .pk-sidebar .pk-brand{font-size:20px!important;margin-bottom:4px!important;} .pk-sidebar .pk-logo-mark{width:32px!important;height:32px!important;} .pk-sidebar .pk-user-card{padding:10px 8px!important;} .pk-sidebar .pk-avatar-wrap, .pk-sidebar .pk-avatar-wrap img{width:58px!important;height:58px!important;margin-bottom:4px!important;} .pk-sidebar .pk-user-card strong{font-size:15px!important;} .pk-sidebar .pk-user-card small{font-size:11px!important;} .pk-sidebar nav, .pk-sidebar .pk-dash-nav{gap:2px!important;margin-top:8px!important;padding-bottom:6px!important;overflow-y:visible!important;} .pk-sidebar nav a, .pk-sidebar .pk-dash-nav a{font-size:15px!important;padding:8px 13px!important;min-height:34px!important;} .pk-sidebar nav a.active, .pk-sidebar .pk-dash-nav a.active{min-height:38px!important;} .pk-sidebar .pk-logout{font-size:16px!important;padding:9px 13px!important;min-height:38px!important;} } @media (max-width:980px){ .pk-sidebar .pk-dash-nav{gap:4px!important;} .pk-sidebar .pk-dash-nav a{font-size:16px!important;padding:10px 14px!important;min-height:40px!important;} .pk-sidebar .pk-logout{font-size:17px!important;padding:11px 14px!important;} } /* v1.3.1 KPI Accounting Terminology Alignment */ .pk-owner-kpis article small{letter-spacing:-.01em} /* v1.3.2 Executive P&L Presentation & Readability Hardening */ .pk-loading-safe{content:"v1.3.2"} .pk-executive-pl-panel{overflow:hidden!important;} .pk-pl-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;} .pk-pl-header h2{margin-bottom:6px!important;} .pk-pl-badge{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:999px;background:#e9f8ef;color:#0f6a4a;font-size:13px;font-weight:900;white-space:nowrap;} .pk-pl-executive{display:grid!important;gap:18px!important;} .pk-pl-section{border:1px solid var(--pk-border);border-radius:20px;background:#fff;overflow:hidden;} .pk-pl-section h3{margin:0!important;padding:14px 18px;background:#f8fafc;border-bottom:1px solid var(--pk-border);font-size:15px!important;line-height:1.2!important;text-transform:uppercase;letter-spacing:.08em;color:#475569!important;font-weight:900!important;} .pk-pl-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:0!important;border-bottom:1px solid #edf2ef!important;border-radius:0!important;background:#fff!important;} .pk-pl-row:last-child{border-bottom:0!important;} .pk-pl-row span{font-size:16px!important;font-weight:850!important;color:#334155!important;} .pk-pl-row strong{font-size:18px!important;font-weight:900!important;color:#063221!important;} .pk-pl-less span,.pk-pl-less strong{color:#9a3412!important;} .pk-pl-less strong{font-variant-numeric:tabular-nums;} .pk-pl-subtotal{background:#f1f8f4!important;border-top:2px solid #d8eadf!important;} .pk-pl-subtotal span,.pk-pl-subtotal strong{color:#084632!important;font-size:19px!important;} .pk-pl-gross-profit span,.pk-pl-gross-profit strong{font-weight:950!important;} .pk-pl-final{display:grid;grid-template-columns:1fr 1fr;gap:14px;} .pk-pl-final>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px;border:1px solid #cfe8d8;border-radius:22px;background:linear-gradient(180deg,#f1f8f4,#e8f5ee);} .pk-pl-final span{font-size:18px!important;font-weight:950!important;color:#084632!important;} .pk-pl-final strong{font-size:clamp(24px,2vw,34px)!important;font-weight:950!important;letter-spacing:-.03em;color:#063221!important;} .pk-pl-help{margin:2px 0 0!important;padding:14px 16px;border-radius:16px;background:#fff7ed;color:#7c2d12!important;font-size:15px!important;line-height:1.5!important;font-weight:700!important;} @media(max-width:760px){.pk-pl-header{display:grid}.pk-pl-badge{justify-self:start}.pk-pl-final{grid-template-columns:1fr}.pk-pl-row{align-items:flex-start;flex-direction:column}.pk-pl-row strong{align-self:flex-end}.pk-pl-final>div{display:grid}.pk-pl-final strong{text-align:right}} /* v1.3.4 Vertical Executive P&L Layout Conversion */ .pk-loading-safe{content:"v1.3.4"} .pk-executive-pl-panel{max-width:100%;} .pk-pl-vertical.pk-pl-statement, .pk-pl-statement.pk-pl-executive.pk-pl-vertical{ display:block!important; width:100%!important; } .pk-pl-vertical .pk-pl-section{ display:block!important; width:100%!important; padding:0!important; margin:0 0 18px!important; border:1px solid var(--pk-border)!important; border-radius:20px!important; background:#fff!important; overflow:hidden!important; } .pk-pl-vertical .pk-pl-section h3{ display:block!important; margin:0!important; padding:16px 20px!important; border-bottom:1px solid var(--pk-border)!important; background:#f8fafc!important; color:#334155!important; font-size:15px!important; font-weight:950!important; letter-spacing:.08em!important; text-transform:uppercase!important; } .pk-pl-vertical .pk-pl-row{ display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%!important; gap:16px!important; margin:0!important; padding:17px 20px!important; border:0!important; border-bottom:1px solid #edf2ef!important; border-radius:0!important; background:#fff!important; } .pk-pl-vertical .pk-pl-row:last-child{border-bottom:0!important;} .pk-pl-vertical .pk-pl-row span{ color:#334155!important; font-size:16px!important; font-weight:850!important; } .pk-pl-vertical .pk-pl-row strong{ color:#063221!important; font-size:18px!important; font-weight:950!important; text-align:right!important; white-space:nowrap!important; } .pk-pl-vertical .pk-pl-less span, .pk-pl-vertical .pk-pl-less strong{color:#9a3412!important;} .pk-pl-vertical .pk-pl-subtotal{ background:#f1f8f4!important; border-top:2px solid #d8eadf!important; } .pk-pl-vertical .pk-pl-subtotal span, .pk-pl-vertical .pk-pl-subtotal strong{ color:#084632!important; font-size:19px!important; font-weight:950!important; } .pk-pl-vertical .pk-pl-net-profit{ background:linear-gradient(180deg,#eef8f2,#e3f3eb)!important; } .pk-pl-final-vertical{ display:block!important; width:100%!important; margin:0 0 18px!important; } .pk-pl-final-vertical>div{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; width:100%!important; padding:20px!important; border:1px solid #cfe8d8!important; border-radius:20px!important; background:#eef8f2!important; } .pk-pl-final-vertical span{font-size:18px!important;font-weight:950!important;color:#084632!important;} .pk-pl-final-vertical strong{font-size:28px!important;font-weight:950!important;color:#063221!important;} @media(max-width:700px){ .pk-pl-vertical .pk-pl-row, .pk-pl-final-vertical>div{align-items:flex-start!important;flex-direction:column!important;} .pk-pl-vertical .pk-pl-row strong, .pk-pl-final-vertical strong{align-self:flex-end!important;} } .pk-gcash-qr{display:block;max-width:280px;width:100%;height:auto;border:1px solid rgba(15,23,42,.14);border-radius:18px;background:#fff;padding:12px;margin:12px 0;box-shadow:0 12px 30px rgba(15,23,42,.08)} .pk-billing-panel form input[type="file"]{padding:.75rem;background:#fff;border:1px solid rgba(15,23,42,.14);border-radius:12px;width:100%} /* v2.4.7 Dashboard Data Population & Empty-State Recovery */ .pk-sidebar .pk-dash-nav a{font-size:18px!important;font-weight:600!important;line-height:1.4!important;padding:14px 18px!important;min-height:50px!important;display:flex!important;align-items:center!important;} .pk-sidebar .pk-dash-nav a.active{font-weight:700!important;background:#fff!important;color:#063d2c!important;} .pk-dashboard-empty{margin:0 0 20px!important;background:#fffdf4!important;border-style:solid!important;} .pk-sync-list{display:grid;gap:10px;margin-top:18px;} .pk-sync-list span{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--pk-border);border-radius:14px;background:#f9fcfa;color:var(--pk-muted);font-weight:850;} .pk-sync-list strong{color:var(--pk-green-dark);font-size:20px;} @media(max-height:760px) and (min-width:981px){.pk-sidebar .pk-dash-nav a{font-size:17px!important;min-height:46px!important;padding:12px 16px!important;}} @media(max-width:640px){.pk-sidebar .pk-dash-nav a{font-size:17px!important;min-height:48px!important;padding:13px 16px!important;}} /* v2.4.8 Sidebar Compact Spacing Recovery Keeps Branches/Staff visible and prevents the Logout tab from being pushed below the viewport. */ @media (min-width:981px){ .pk-sidebar{ padding:14px 12px 16px!important; gap:8px!important; overflow:hidden!important; } .pk-sidebar .pk-brand{ margin-bottom:8px!important; font-size:21px!important; } .pk-sidebar .pk-logo-mark{ width:34px!important; height:34px!important; } .pk-sidebar .pk-avatar-card{ margin:0 0 8px!important; } .pk-sidebar .pk-user-card{ padding:12px 10px!important; border-radius:16px!important; } .pk-sidebar .pk-avatar-wrap, .pk-sidebar .pk-avatar-wrap img{ width:64px!important; height:64px!important; margin-bottom:5px!important; } .pk-sidebar .pk-user-card strong{ font-size:16px!important; line-height:1.15!important; margin-top:4px!important; } .pk-sidebar .pk-user-card small{ font-size:12px!important; line-height:1.15!important; margin-top:1px!important; } .pk-sidebar nav, .pk-sidebar .pk-dash-nav{ gap:3px!important; margin:8px 0 0!important; padding:0!important; border-bottom:0!important; overflow-y:visible!important; overflow-x:hidden!important; } .pk-sidebar nav a, .pk-sidebar .pk-dash-nav a{ font-size:17px!important; font-weight:700!important; line-height:1.2!important; padding:9px 14px!important; min-height:39px!important; border-radius:12px!important; display:flex!important; align-items:center!important; } .pk-sidebar nav a.active, .pk-sidebar .pk-dash-nav a.active{ min-height:42px!important; font-weight:800!important; } .pk-sidebar .pk-logout{ margin-top:10px!important; padding:10px 14px!important; min-height:40px!important; font-size:17px!important; line-height:1.15!important; border-radius:12px!important; } } @media (min-width:981px) and (max-height:760px){ .pk-sidebar .pk-avatar-wrap, .pk-sidebar .pk-avatar-wrap img{width:58px!important;height:58px!important;} .pk-sidebar .pk-user-card{padding:10px 8px!important;} .pk-sidebar nav, .pk-sidebar .pk-dash-nav{gap:2px!important;margin-top:6px!important;} .pk-sidebar nav a, .pk-sidebar .pk-dash-nav a{font-size:16px!important;padding:8px 13px!important;min-height:35px!important;} .pk-sidebar nav a.active, .pk-sidebar .pk-dash-nav a.active{min-height:38px!important;} .pk-sidebar .pk-logout{font-size:16px!important;padding:8px 13px!important;min-height:36px!important;margin-top:8px!important;} } /* v2.4.9 Sidebar Logout Position Normalization Groups Logout directly after Billing with the same visual rhythm as other sidebar menu items. */ .pk-sidebar .pk-dash-nav{ flex:0 0 auto!important; padding-bottom:0!important; border-bottom:0!important; } .pk-sidebar .pk-dash-nav .pk-logout{ margin-top:3px!important; display:flex!important; align-items:center!important; width:100%!important; color:#dfe9e4!important; text-decoration:none!important; border-top:1px solid rgba(255,255,255,.10)!important; padding:9px 14px!important; min-height:39px!important; font-size:17px!important; font-weight:700!important; line-height:1.2!important; border-radius:12px!important; } .pk-sidebar .pk-dash-nav .pk-logout:hover{ background:rgba(255,255,255,.12)!important; } @media (min-width:981px) and (max-height:760px){ .pk-sidebar .pk-dash-nav .pk-logout{font-size:16px!important;padding:8px 13px!important;min-height:35px!important;margin-top:2px!important;} } @media(max-width:640px){ .pk-sidebar .pk-dash-nav .pk-logout{font-size:16px!important;padding:10px 14px!important;min-height:40px!important;} } /* v2.5.1 — Form Action Button Standardization */ .pk-inline-form > .pk-btn, .pk-module-page-clean > form > .pk-btn, .pk-panel > form > .pk-btn, .pk-modal form > .pk-btn { width: auto !important; max-width: max-content; min-width: 180px; min-height: 48px; padding: 0 24px; border-radius: 14px; align-self: flex-start; justify-self: flex-start; } .pk-inline-form, .pk-module-page-clean > form, .pk-panel > form, .pk-modal form { align-items: stretch; } .pk-dashboard-top > .pk-btn { width: auto !important; max-width: none; min-width: 0; } .pk-report-filters .pk-btn { max-width: none; } @media (max-width: 560px) { .pk-inline-form > .pk-btn, .pk-module-page-clean > form > .pk-btn, .pk-panel > form > .pk-btn, .pk-modal form > .pk-btn { width: 100% !important; max-width: 100%; } } /* v2.5.2 — Branch & Staff Modal Form Conversion */ .pk-dashboard-top .pk-modal-open { margin-left:auto; } .pk-module-page-clean .pk-responsive-table, .pk-module-page-clean .pk-empty-state { margin-top:0; } .pk-modal-card h2 { margin-top:0; margin-bottom:6px; font-size:26px; line-height:1.15; color:#0f172a; } .pk-modal-card > p { margin:0 0 18px; color:#64748b; font-weight:600; line-height:1.5; } @media(max-width:640px){ .pk-dashboard-top .pk-modal-open{width:100%;margin-left:0;} } /* v2.5.3-v2.6.2 CRUD completion, table actions, modal consistency */ .pk-table-actions{display:flex!important;align-items:center!important;gap:10px!important;white-space:nowrap!important;} .pk-table-actions form{margin:0!important;display:inline-flex!important;} .pk-link-button.pk-danger{color:#b91c1c!important;} .pk-modal-card form .pk-btn{width:auto!important;min-width:160px!important;padding-left:24px!important;padding-right:24px!important;} .pk-modal-card form{display:grid!important;gap:14px!important;} .pk-responsive-table table th:last-child,.pk-responsive-table table td:last-child{text-align:left!important;} .pk-pagination{margin-top:16px!important;color:#64748b!important;font-weight:700!important;} .pk-empty-state{background:#f8fafc!important;} @media(max-width:720px){.pk-table-actions{flex-wrap:wrap!important}.pk-responsive-table{overflow-x:auto!important}.pk-modal-card{width:min(94vw,680px)!important;}} .pk-plan-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}.pk-plan-list li{padding:12px 14px;border:1px solid var(--pk-border);border-radius:14px;background:#f8fbf9;color:var(--pk-muted);font-weight:700}.pk-plan-list li strong{display:inline;color:var(--pk-green-dark);font-size:inherit;margin:0} /* v2.6.7 Enterprise+ sidebar notice dismissal */ .pk-sidebar-notice{position:relative;display:flex;align-items:flex-start;gap:10px;border:0;text-align:left;width:100%;box-sizing:border-box;} .pk-sidebar-notice span{display:block;flex:1;padding-right:18px;} .pk-notice-dismiss{position:absolute;top:8px;right:8px;width:26px;height:26px;border:0;border-radius:999px;background:rgba(6,45,32,.12);color:inherit;font-size:20px;line-height:1;cursor:pointer;font-weight:900;} .pk-notice-dismiss:hover,.pk-notice-dismiss:focus{background:rgba(6,45,32,.22);outline:2px solid rgba(6,45,32,.2);outline-offset:2px;} .pk-inline-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.pk-inline-form input,.pk-inline-form select{max-width:140px;padding:6px 8px;border:1px solid #d9e1e8;border-radius:8px}.pk-subpanel{margin-top:18px;padding:16px;border:1px solid #e5edf3;border-radius:16px;background:#fff}.pk-badge-warning{background:#fff7ed;color:#9a3412;border-color:#fed7aa} /* v2.7.5 Dashboard KPI & Executive Reporting Completion */ .pk-executive-widget{display:grid;gap:14px}.pk-executive-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}.pk-executive-summary-grid span,.pk-health-item{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:13px}.pk-executive-summary-grid small,.pk-health-item small{display:block;color:#64748b;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.pk-executive-summary-grid strong,.pk-health-item strong{display:block;margin-top:5px;color:#0f172a;font-size:18px}.pk-health-list{display:grid;gap:10px}.pk-health-item{display:grid;grid-template-columns:minmax(140px,.75fr) 1fr;gap:12px;align-items:center}.pk-health-item em{font-style:normal;color:#64748b;line-height:1.45}.pk-health-item.good{border-left:5px solid #16a34a}.pk-health-item.warn{border-left:5px solid #d97706}.pk-health-item.info{border-left:5px solid #2563eb}@media(max-width:780px){.pk-executive-summary-grid{grid-template-columns:1fr}.pk-health-item{grid-template-columns:1fr}} /* v2.8.2 Enterprise+ notice UI polish */ .pk-sidebar-notice{position:relative;margin:20px 6px;padding:20px 48px 20px 20px;border-radius:16px;font-weight:900;line-height:1.35;box-shadow:0 10px 24px rgba(6,45,32,.10);} .pk-enterprise-notice.good{background:linear-gradient(135deg,#e8f7ed 0%,#dcf3e5 100%);border:1px solid rgba(20,83,45,.10);color:#075c2b;} .pk-notice-dismiss{position:absolute;top:10px;right:10px;width:30px;height:30px;min-width:30px;min-height:30px;padding:0;border:0;border-radius:999px;background:rgba(6,45,32,.10);color:#075c2b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(6,45,32,.05);transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;} .pk-notice-dismiss-icon{display:block;width:14px;height:14px;pointer-events:none;} .pk-notice-dismiss:hover{background:#10744d;color:#fff;transform:scale(1.06);box-shadow:0 8px 18px rgba(16,116,77,.28);} .pk-notice-dismiss:focus-visible{outline:3px solid rgba(16,116,77,.24);outline-offset:2px;background:#10744d;color:#fff;} /* v2.8.3 Dashboard icon, KPI, avatar, and homepage safety polish */ .pk-sidebar .pk-dash-nav a, .pk-sidebar .pk-dash-nav .pk-logout{ display:flex!important; align-items:center!important; gap:10px!important; } .pk-nav-icon{ width:28px; height:28px; min-width:28px; display:inline-grid; place-items:center; border-radius:10px; background:rgba(255,255,255,.10); color:inherit; font-size:15px; line-height:1; } .pk-sidebar .pk-dash-nav a.active .pk-nav-icon{ background:#edfdf4; color:#0f6a4a; box-shadow:inset 0 0 0 1px rgba(15,106,74,.12); } .pk-nav-label{display:inline-block;min-width:0;} .pk-owner-kpis article{padding:16px 18px!important;min-height:108px!important;} .pk-owner-kpis small{font-size:14px!important;font-weight:800!important;line-height:1.25!important;} .pk-owner-kpis strong{font-size:28px!important;line-height:1.15!important;letter-spacing:-.035em!important;margin-top:8px!important;} .pk-sidebar .pk-avatar-edit{ right:2px!important; bottom:2px!important; width:30px!important; height:30px!important; background:#0f6a4a!important; color:#fff!important; border:3px solid #fff!important; opacity:1!important; transform:none!important; } .pk-sidebar .pk-avatar-edit svg{display:block;width:15px;height:15px;} .pk-sidebar .pk-avatar-wrap:hover .pk-avatar-edit{background:#d4a017!important;color:#063221!important;} @media(max-width:640px){.pk-owner-kpis strong{font-size:24px!important}.pk-owner-kpis article{min-height:96px!important}} /* v2.8.5 Enterprise Homepage Rebuild */ .pk-site-header{padding:16px clamp(22px,5vw,84px);background:rgba(255,255,255,.86);box-shadow:0 1px 0 rgba(8,70,50,.08);backdrop-filter:blur(18px)} .pk-main-nav{gap:24px}.pk-main-nav a{font-size:14px;color:#33443c}.pk-nav-cta{box-shadow:0 12px 28px rgba(15,106,74,.22)} .pk-home-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.88fr);gap:70px;align-items:center;min-height:820px;padding:110px clamp(22px,5vw,84px) 92px;background:linear-gradient(145deg,#fbfff9 0%,#f4faf6 48%,#eef8f1 100%)} .pk-enterprise-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(212,160,23,.18),transparent 28%),radial-gradient(circle at 86% 16%,rgba(15,106,74,.15),transparent 34%);pointer-events:none}.pk-hero-orb{position:absolute;border-radius:999px;filter:blur(4px);opacity:.55}.pk-hero-orb-one{width:260px;height:260px;right:8%;top:16%;background:rgba(212,160,23,.16)}.pk-hero-orb-two{width:320px;height:320px;left:-120px;bottom:8%;background:rgba(15,106,74,.12)} .pk-home-hero>*{position:relative;z-index:1}.pk-pill{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;padding:10px 14px;border:1px solid rgba(15,106,74,.16);border-radius:999px;background:#fff;color:#0f6a4a;font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;box-shadow:0 10px 30px rgba(8,70,50,.06)} .pk-home-hero h1{max-width:820px;margin:0 0 22px;font-size:clamp(46px,6.3vw,88px);line-height:.93;letter-spacing:-.065em;color:#111d2c}.pk-home-hero .pk-lead{max-width:660px;font-size:clamp(17px,1.45vw,22px);line-height:1.65;color:#52615a}.pk-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.pk-trust-row span{padding:10px 13px;border:1px solid rgba(15,106,74,.13);border-radius:999px;background:rgba(255,255,255,.72);color:#244239;font-weight:850;font-size:13px} .pk-hero-product{position:relative;padding:24px;border:1px solid rgba(15,106,74,.12);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.78));box-shadow:0 34px 90px rgba(8,70,50,.18);backdrop-filter:blur(18px)}.pk-hero-product:before{content:"";position:absolute;inset:-1px;border-radius:34px;padding:1px;background:linear-gradient(135deg,rgba(212,160,23,.55),rgba(15,106,74,.24),rgba(255,255,255,.4));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.pk-product-topbar{display:flex;align-items:center;gap:8px;margin-bottom:22px}.pk-product-topbar span{width:11px;height:11px;border-radius:99px;background:#dbe9e0}.pk-product-topbar strong{margin-left:auto;color:#0f6a4a;font-size:13px}.pk-product-kpis{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pk-product-kpis article{padding:22px;border:1px solid #e2eee8;border-radius:22px;background:#f4faf6}.pk-product-kpis small{display:block;color:#607068;font-weight:850}.pk-product-kpis strong{display:block;margin:8px 0 4px;font-size:30px;color:#111d2c;letter-spacing:-.04em}.pk-product-kpis em{font-style:normal;color:#0f6a4a;font-weight:850;font-size:13px}.pk-profit-band{position:relative;overflow:hidden;min-height:54px;margin:18px 0;padding:17px 18px;border-radius:18px;background:#e8f6ed;color:#0f6a4a;font-weight:900}.pk-profit-band span{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(15,106,74,.16),rgba(212,160,23,.16))}.pk-profit-band strong{position:relative}.pk-product-gridline{display:grid;grid-template-columns:.95fr 1.05fr;gap:16px;align-items:stretch}.pk-product-gridline>div:first-child{padding:20px;border-radius:22px;background:#fff8df;border:1px solid rgba(212,160,23,.24)}.pk-product-gridline small{color:#8a6500;font-weight:900}.pk-product-gridline strong{display:block;margin:5px 0;font-size:20px}.pk-product-gridline p{margin:0;color:#765b20;line-height:1.5}.pk-mini-chart{display:flex;align-items:end;gap:10px;padding:20px;border:1px solid #e2eee8;border-radius:22px;background:#fff}.pk-mini-chart i{flex:1;border-radius:12px 12px 6px 6px;background:linear-gradient(180deg,#d4a017,#0f6a4a)}.pk-mini-chart i:nth-child(1){height:44%}.pk-mini-chart i:nth-child(2){height:74%}.pk-mini-chart i:nth-child(3){height:58%}.pk-mini-chart i:nth-child(4){height:92%}.pk-mini-chart i:nth-child(5){height:66%}.pk-exec-note{margin-top:16px;padding:15px 16px;border-radius:18px;background:#071d15;color:#fff;font-weight:850}.pk-exec-note span{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:8px;border-radius:50%;background:#0f6a4a} .pk-enterprise-strip{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:18px clamp(22px,5vw,84px);background:#071d15}.pk-enterprise-strip span{padding:9px 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#dfe9e4;font-weight:850;font-size:13px}.pk-enterprise-problem{padding-top:92px}.pk-section h2{max-width:1120px;margin-left:auto;margin-right:auto;color:#111d2c;letter-spacing:-.055em}.pk-enterprise-problem h2,.pk-enterprise-features h2,.pk-enterprise-pricing h2{font-size:clamp(40px,5vw,68px);line-height:1.02}.pk-enterprise-problem p:last-child{font-size:18px;max-width:900px;color:#52615a}.pk-enterprise-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pk-enterprise-feature{position:relative;padding:30px;min-height:215px;border-radius:26px;text-align:left;transition:transform .18s ease,box-shadow .18s ease}.pk-enterprise-feature:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(8,70,50,.14)}.pk-enterprise-feature span{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:16px;background:#edf7f1;font-size:22px}.pk-enterprise-feature h3{font-size:22px;color:#111d2c}.pk-enterprise-feature p{font-size:15px;color:#52615a}.pk-enterprise-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;text-align:left;background:linear-gradient(180deg,#f7faf8,#eef7f1)}.pk-enterprise-split h2{margin-left:0;font-size:clamp(38px,4.8vw,66px);line-height:1}.pk-enterprise-stack{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pk-enterprise-stack article{min-height:150px;padding:24px;border:1px solid #e1ebe5;border-radius:26px;background:#fff;box-shadow:0 18px 50px rgba(8,70,50,.08)}.pk-enterprise-stack strong{display:block;margin-bottom:22px;color:#0f6a4a;font-size:14px}.pk-enterprise-stack span{display:block;color:#111d2c;font-size:22px;font-weight:900;letter-spacing:-.03em}.pk-enterprise-price-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.pk-enterprise-price-grid article{position:relative;padding:30px;border-radius:28px}.pk-enterprise-price-grid .pk-popular{outline:0;border-color:rgba(212,160,23,.65);box-shadow:0 24px 70px rgba(212,160,23,.16)}.pk-plan-badge{display:inline-flex;margin-bottom:12px;padding:7px 10px;border-radius:999px;background:#fff7df;color:#8a6500;font-size:12px;font-weight:900}.pk-enterprise-price-grid h3{font-size:23px;color:#111d2c}.pk-enterprise-price-grid article strong{font-size:32px;letter-spacing:-.04em}.pk-plan-list{display:grid;gap:10px;margin:20px 0 0;padding:0;list-style:none}.pk-plan-list li{padding:13px 14px;border:1px solid #e6eee9;border-radius:14px;background:#f8fbf9;color:#29443a;font-weight:850}.pk-enterprise-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:50px clamp(22px,5vw,84px) 70px;padding:54px;border-radius:34px;background:radial-gradient(circle at 18% 10%,rgba(212,160,23,.2),transparent 24%),linear-gradient(135deg,#071d15,#0f6a4a);color:#fff;box-shadow:0 34px 90px rgba(8,70,50,.2)}.pk-enterprise-cta h2{margin:0 0 10px;font-size:clamp(38px,4.6vw,64px);line-height:.98;letter-spacing:-.055em}.pk-enterprise-cta p:not(.pk-eyebrow){margin:0;color:#dcebe4;font-size:17px}.pk-enterprise-cta .pk-eyebrow{color:#bfe7d2}.pk-enterprise-cta .pk-btn-primary{background:#fff!important;color:#0f6a4a!important;border-color:#fff!important} @media (max-width:980px){.pk-home-hero{grid-template-columns:1fr;min-height:auto;padding-top:72px}.pk-hero-product{max-width:680px}.pk-enterprise-feature-grid,.pk-enterprise-price-grid,.pk-enterprise-split,.pk-enterprise-stack{grid-template-columns:1fr}.pk-enterprise-cta{align-items:flex-start;flex-direction:column}.pk-product-gridline{grid-template-columns:1fr}} @media (max-width:560px){.pk-home-hero h1{font-size:44px}.pk-home-hero{padding-left:18px;padding-right:18px}.pk-product-kpis{grid-template-columns:1fr}.pk-enterprise-strip{justify-content:flex-start}.pk-enterprise-cta{padding:32px 22px;border-radius:26px}.pk-enterprise-feature{min-height:auto}} /* v2.8.6 Homepage Hero + CTA Readability Recovery */ .pk-home-hero.pk-enterprise-hero{ min-height:720px!important; padding-top:82px!important; padding-bottom:78px!important; gap:clamp(36px,5vw,72px)!important; background: radial-gradient(circle at 12% 16%, rgba(212,160,23,.10), transparent 18%), radial-gradient(circle at 72% 12%, rgba(15,106,74,.10), transparent 22%), linear-gradient(135deg,#fbfff9 0%,#f5fbf7 50%,#edf8f2 100%)!important; } .pk-enterprise-hero:before{opacity:.42!important;background:radial-gradient(circle at 12% 19%,rgba(212,160,23,.12),transparent 20%),radial-gradient(circle at 72% 10%,rgba(15,106,74,.11),transparent 24%)!important;} .pk-hero-orb{opacity:.22!important;filter:blur(12px)!important;} .pk-hero-orb-one{width:210px!important;height:210px!important;right:28%!important;top:8%!important;background:rgba(15,106,74,.16)!important;} .pk-hero-orb-two{width:180px!important;height:180px!important;left:6%!important;top:20%!important;bottom:auto!important;background:rgba(212,160,23,.16)!important;} .pk-hero-copy{max-width:780px!important;align-self:center!important;} .pk-home-hero h1{font-size:clamp(48px,5.4vw,78px)!important;line-height:.96!important;letter-spacing:-.055em!important;max-width:760px!important;} .pk-home-hero .pk-lead{max-width:610px!important;font-size:clamp(16px,1.25vw,19px)!important;line-height:1.72!important;color:#52615a!important;} .pk-hero-product{align-self:center!important;max-width:620px!important;margin-left:auto!important;} .pk-enterprise-cta{background:radial-gradient(circle at 16% 8%,rgba(212,160,23,.18),transparent 26%),linear-gradient(135deg,#062219 0%,#0b5c42 65%,#0f6a4a 100%)!important;} .pk-enterprise-cta h2{color:#fff!important;text-shadow:0 1px 0 rgba(0,0,0,.08);} .pk-enterprise-cta p:not(.pk-eyebrow){color:#e9f5ef!important;} .pk-enterprise-cta .pk-eyebrow{color:#d7f2e3!important;} @media (max-width:980px){.pk-home-hero.pk-enterprise-hero{min-height:auto!important;padding-top:64px!important}.pk-hero-product{margin-left:0!important}} @media (max-width:560px){.pk-home-hero h1{font-size:42px!important}.pk-home-hero.pk-enterprise-hero{padding-top:48px!important;padding-bottom:54px!important}.pk-hero-orb{display:none!important}} /* v2.8.7 Enterprise Hero Conversion Patch */ .pk-home-hero.pk-hero-v287{ grid-template-columns:minmax(0,1.14fr) minmax(360px,.72fr)!important; gap:clamp(44px,6vw,96px)!important; align-items:center!important; min-height:640px!important; padding:72px clamp(24px,5vw,84px) 70px!important; background:linear-gradient(135deg,#fbfff9 0%,#f7fbf7 46%,#edf8f2 100%)!important; } .pk-hero-v287.pk-enterprise-hero:before{ opacity:.65!important; background:linear-gradient(90deg,rgba(15,106,74,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(15,106,74,.04) 1px,transparent 1px),radial-gradient(circle at 72% 44%,rgba(15,106,74,.12),transparent 32%)!important; background-size:44px 44px,44px 44px,auto!important; } .pk-hero-v287 .pk-hero-copy{max-width:820px!important;} .pk-hero-v287 h1{max-width:780px!important;font-size:clamp(50px,5.2vw,82px)!important;line-height:.94!important;letter-spacing:-.06em!important;margin-bottom:20px!important;} .pk-hero-v287 .pk-lead{max-width:650px!important;font-size:clamp(16px,1.15vw,19px)!important;line-height:1.68!important;color:#4c5f56!important;} .pk-hero-v287 .pk-hero-actions{margin:26px 0 18px!important;} .pk-hero-v287 .pk-btn-primary{box-shadow:0 16px 32px rgba(15,106,74,.24)!important;} .pk-hero-proof{display:grid;gap:4px;max-width:620px;margin:0 0 18px;padding:15px 18px;border:1px solid rgba(15,106,74,.12);border-radius:20px;background:rgba(255,255,255,.72);box-shadow:0 16px 38px rgba(8,70,50,.07)} .pk-hero-proof strong{color:#0b3024;font-size:15px;font-weight:950}.pk-hero-proof span{color:#52615a;font-size:14px;line-height:1.5}.pk-hero-v287 .pk-trust-row{margin-top:16px!important}.pk-hero-v287 .pk-trust-row span{font-size:12px!important;background:#fff!important} .pk-hero-v287 .pk-hero-product{max-width:500px!important;margin-left:auto!important;padding:20px!important;border-radius:28px!important;box-shadow:0 28px 80px rgba(8,70,50,.16)!important;transform:translateY(4px)} .pk-hero-v287 .pk-product-topbar{margin-bottom:16px!important}.pk-product-kpis-v287{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.pk-product-kpis-v287 article{padding:15px!important;border-radius:16px!important}.pk-product-kpis-v287 strong{font-size:22px!important;margin:6px 0 3px!important}.pk-product-kpis-v287 em{font-size:11px!important}.pk-product-kpis-v287 small{font-size:11px!important} .pk-product-insights{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.pk-alert-card{display:grid;gap:4px;padding:14px;border:1px solid #dcebe3;border-radius:17px;background:#f4faf6}.pk-alert-card-warning{background:#fff8df;border-color:rgba(212,160,23,.25)}.pk-alert-card small{color:#0f6a4a;font-weight:950;font-size:11px}.pk-alert-card-warning small{color:#8a6500}.pk-alert-card strong{color:#111d2c;font-size:16px}.pk-alert-card span{color:#52615a;font-weight:750;font-size:12px;line-height:1.35} .pk-branch-board{display:grid;grid-template-columns:.8fr .8fr 1.1fr;gap:10px;align-items:stretch}.pk-branch-board>div:not(.pk-mini-chart){padding:14px;border:1px solid #e2eee8;border-radius:17px;background:#fff}.pk-branch-board small{display:block;color:#607068;font-size:11px;font-weight:850}.pk-branch-board strong{display:block;margin:4px 0;color:#111d2c;font-size:15px}.pk-branch-board span{color:#0f6a4a;font-weight:950}.pk-branch-board .pk-mini-chart{min-height:96px;padding:14px!important;gap:7px!important;border-radius:17px!important}.pk-hero-v287 .pk-exec-note{margin-top:12px!important;padding:13px 14px!important;border-radius:16px!important;font-size:13px!important}.pk-hero-v287 .pk-exec-note span{width:20px!important;height:20px!important} @media(max-width:980px){.pk-home-hero.pk-hero-v287{grid-template-columns:1fr!important;min-height:auto!important;padding-top:52px!important}.pk-hero-v287 .pk-hero-product{margin-left:0!important;max-width:620px!important}.pk-product-kpis-v287{grid-template-columns:1fr 1fr 1fr!important}} @media(max-width:640px){.pk-home-hero.pk-hero-v287{padding:42px 18px 52px!important}.pk-hero-v287 h1{font-size:42px!important}.pk-product-kpis-v287,.pk-product-insights,.pk-branch-board{grid-template-columns:1fr!important}.pk-hero-proof{padding:13px 14px}} /* v2.8.8 multi-currency settings and footer logo polish */ .pk-settings-form{display:grid;gap:18px;max-width:680px;margin-top:18px}.pk-settings-form label{display:grid;gap:8px;font-weight:900;color:#0f172a}.pk-settings-form select{width:100%;padding:14px 16px;border:1px solid var(--pk-border);border-radius:14px;background:#fff;font:inherit}.pk-settings-preview{display:grid;gap:6px;padding:18px;border:1px solid var(--pk-border);border-radius:18px;background:#f8fafc}.pk-settings-preview small{color:var(--pk-muted);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.pk-settings-preview strong{font-size:32px;color:var(--pk-green-dark)}.pk-settings-preview span{color:var(--pk-muted)}.pk-footer .pk-footer-brand{display:inline-flex!important;align-items:center!important;gap:12px!important;color:#fff!important;margin:0 0 12px!important}.pk-footer-logo-mark{width:34px!important;height:34px!important;border-radius:12px!important;font-size:12px!important;box-shadow:0 8px 24px rgba(212,160,23,.16)!important}.pk-footer-brand-name{font-size:17px!important;font-weight:900!important;line-height:1!important;color:#fff!important} /* v2.9.0 Dashboard Sidebar Fit + Balanced Typography Patch Goal: keep every desktop menu item and the Logout tab visible without a sidebar scrollbar. */ .pk-loading-safe{content:"v2.9.0"} @media (min-width:981px){ .pk-dashboard-shell{grid-template-columns:250px minmax(0,1fr)!important;} .pk-sidebar{ width:250px!important; min-width:250px!important; max-width:250px!important; height:100vh!important; max-height:100vh!important; padding:12px 10px!important; gap:6px!important; overflow:hidden!important; } .pk-dashboard-main{ width:calc(100vw - 250px)!important; margin-left:250px!important; padding:22px 24px 42px!important; } .pk-sidebar .pk-brand, .pk-sidebar .pk-dash-brand{ font-size:18px!important; line-height:1.1!important; margin:0 0 6px!important; gap:8px!important; } .pk-sidebar .pk-logo-mark{ width:28px!important; height:28px!important; min-width:28px!important; border-radius:10px!important; font-size:11px!important; } .pk-sidebar .pk-avatar-card{margin:0 0 6px!important;} .pk-sidebar .pk-user-card{ padding:9px 8px!important; border-radius:14px!important; } .pk-sidebar .pk-avatar-wrap, .pk-sidebar .pk-avatar-wrap img, .pk-sidebar .pk-user-card img{ width:52px!important; height:52px!important; margin-bottom:4px!important; } .pk-sidebar .pk-avatar-edit{ width:20px!important; height:20px!important; font-size:10px!important; border-width:2px!important; } .pk-sidebar .pk-user-card strong{ font-size:13px!important; line-height:1.1!important; margin-top:3px!important; } .pk-sidebar .pk-user-card small{ font-size:10.5px!important; line-height:1.1!important; margin-top:1px!important; } .pk-sidebar nav, .pk-sidebar .pk-dash-nav{ flex:0 0 auto!important; display:grid!important; gap:2px!important; margin:6px 0 6px!important; padding:0!important; border-bottom:0!important; overflow:visible!important; scrollbar-width:none!important; } .pk-sidebar nav::-webkit-scrollbar, .pk-sidebar .pk-dash-nav::-webkit-scrollbar{display:none!important;} .pk-sidebar nav a, .pk-sidebar .pk-dash-nav a{ min-height:30px!important; padding:6px 10px!important; border-radius:10px!important; font-size:13.5px!important; line-height:1.1!important; font-weight:800!important; display:flex!important; align-items:center!important; gap:8px!important; } .pk-sidebar nav a.active, .pk-sidebar .pk-dash-nav a.active{ min-height:32px!important; padding-top:6px!important; padding-bottom:6px!important; } .pk-sidebar .pk-logout{ flex:0 0 auto!important; display:flex!important; align-items:center!important; min-height:32px!important; margin-top:0!important; padding:7px 10px!important; border-radius:10px!important; font-size:13.5px!important; line-height:1.1!important; font-weight:850!important; white-space:nowrap!important; } } /* Balanced dashboard typography and card scale */ .pk-dashboard-main{font-size:15px!important;line-height:1.5!important;} .pk-dashboard-top{padding:22px 26px!important;margin-bottom:20px!important;border-radius:22px!important;} .pk-dashboard-top h1{font-size:clamp(26px,1.8vw,34px)!important;line-height:1.12!important;letter-spacing:-.03em!important;} .pk-dashboard-top p{font-size:15px!important;line-height:1.4!important;font-weight:600!important;} .pk-owner-kpis,.pk-kpis.pk-owner-kpis{gap:14px!important;margin-bottom:18px!important;} .pk-owner-kpis article{min-height:92px!important;padding:16px 18px!important;border-radius:18px!important;justify-content:center!important;} .pk-owner-kpis article small,.pk-owner-kpis small{font-size:13px!important;line-height:1.2!important;font-weight:850!important;} .pk-owner-kpis article strong,.pk-owner-kpis strong{font-size:clamp(24px,1.9vw,32px)!important;line-height:1.1!important;margin-top:6px!important;letter-spacing:-.035em!important;} .pk-panel{padding:22px!important;border-radius:20px!important;} .pk-panel h2{font-size:20px!important;line-height:1.2!important;margin:0 0 14px!important;} .pk-alert{font-size:15px!important;line-height:1.35!important;padding:13px 15px!important;border-radius:13px!important;} .pk-executive-summary-grid span, .pk-mini-metrics span{min-height:74px!important;padding:14px!important;font-size:13px!important;line-height:1.25!important;} .pk-executive-summary-grid span strong, .pk-mini-metrics span strong{font-size:21px!important;line-height:1.1!important;margin-top:5px!important;} .pk-health-item{padding:14px 16px!important;} .pk-health-item small{font-size:11px!important;} .pk-health-item strong{font-size:15px!important;} .pk-health-item em{font-size:14px!important;line-height:1.35!important;} @media(max-width:980px){ .pk-dashboard-main{width:100%!important;margin-left:0!important;padding:18px!important;} .pk-dashboard-top h1{font-size:28px!important;} .pk-owner-kpis article strong,.pk-owner-kpis strong{font-size:28px!important;} } @media(max-width:640px){ .pk-dashboard-top{padding:18px!important;} .pk-dashboard-top h1{font-size:26px!important;} .pk-owner-kpis article{min-height:86px!important;padding:14px 16px!important;} .pk-owner-kpis article strong,.pk-owner-kpis strong{font-size:24px!important;} .pk-panel{padding:18px!important;} } /* v2.9.2 settings currency dropdown visibility fix */ .pk-settings-page .pk-settings-form{max-width:760px!important;} .pk-settings-page .pk-settings-form label{gap:10px!important;} .pk-settings-page .pk-settings-form select[name="currency_code"]{ display:block!important; width:100%!important; min-height:58px!important; height:58px!important; padding:0 48px 0 20px!important; line-height:58px!important; font-size:16px!important; font-weight:850!important; color:#0f172a!important; background-color:#fff!important; border:1px solid var(--pk-border)!important; border-radius:16px!important; box-shadow:0 8px 22px rgba(8,70,50,.06)!important; overflow:visible!important; text-overflow:clip!important; white-space:normal!important; } .pk-settings-page .pk-settings-form select[name="currency_code"] option{ font-size:16px!important; line-height:1.6!important; padding:10px 14px!important; color:#0f172a!important; } @media (max-width:760px){ .pk-settings-page .pk-settings-form{max-width:100%!important;} .pk-settings-page .pk-settings-form select[name="currency_code"]{font-size:15px!important;min-height:56px!important;height:56px!important;line-height:56px!important;padding-left:16px!important;} } /* v3.0.2 owner report UX and compact dashboard recovery */ .pk-dashboard-shell .pk-dash-nav{gap:4px;overflow:visible} .pk-dashboard-shell .pk-dash-nav a{min-height:34px;padding:7px 10px;font-size:13px;line-height:1.15} .pk-dashboard-shell .pk-nav-icon{width:20px;font-size:14px} .pk-dashboard-shell .pk-logout{margin-top:6px} .pk-dashboard-top h1{font-size:clamp(22px,2vw,30px);line-height:1.1} .pk-dashboard-top p{font-size:14px;line-height:1.35} .pk-report-presets{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .pk-report-presets a{display:inline-flex;align-items:center;border:1px solid rgba(15,23,42,.12);border-radius:999px;padding:8px 12px;font-size:13px;text-decoration:none;background:#fff;color:#0f172a} .pk-owner-report-summary{border:1px solid rgba(22,163,74,.18);background:linear-gradient(180deg,#ffffff 0%,#f7fff9 100%)} .pk-report-kpis article strong{font-size:clamp(20px,2vw,30px)} .pk-report-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px} .pk-two-column-report{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .pk-report-grid-panel h3{margin-top:0} .pk-system-health-page{border-color:rgba(37,99,235,.18);background:#f8fbff} @media(max-width:900px){.pk-two-column-report{grid-template-columns:1fr}.pk-dashboard-shell .pk-dash-nav a{font-size:12px;padding:7px 8px}.pk-dashboard-top{gap:10px}.pk-report-actions .pk-btn{width:100%;justify-content:center}} /* v3.0.4 Dashboard Sidebar Menu Balance - larger menu text without sidebar scrolling */ .pk-loading-safe{content:"v3.0.4"} @media (min-width:981px){ .pk-sidebar{ padding:14px 14px 16px!important; gap:8px!important; overflow:hidden!important; } .pk-sidebar .pk-brand{ font-size:21px!important; margin-bottom:6px!important; } .pk-sidebar .pk-user-card{ padding:10px 10px!important; border-radius:16px!important; } .pk-sidebar .pk-avatar-wrap, .pk-sidebar .pk-avatar-wrap img{ width:62px!important; height:62px!important; margin-bottom:4px!important; } .pk-sidebar .pk-user-card strong{ font-size:15px!important; line-height:1.1!important; margin-top:3px!important; } .pk-sidebar .pk-user-card small{ font-size:11.5px!important; line-height:1.1!important; } .pk-sidebar nav, .pk-sidebar .pk-dash-nav{ gap:3px!important; margin:8px 0 0!important; padding:0 0 6px!important; overflow-y:visible!important; overflow-x:hidden!important; flex:0 0 auto!important; border-bottom:1px solid rgba(255,255,255,.10)!important; } .pk-sidebar nav a, .pk-sidebar .pk-dash-nav a{ font-size:17px!important; line-height:1.12!important; font-weight:850!important; padding:8px 14px!important; min-height:37px!important; border-radius:11px!important; display:flex!important; align-items:center!important; } .pk-sidebar nav a.active, .pk-sidebar .pk-dash-nav a.active{ min-height:39px!important; padding-top:9px!important; padding-bottom:9px!important; } .pk-sidebar .pk-logout{ font-size:18px!important; font-weight:900!important; padding:9px 14px!important; min-height:39px!important; margin-top:auto!important; border-radius:12px!important; display:flex!important; align-items:center!important; } } @media (min-width:981px) and (max-height:760px){ .pk-sidebar{padding:10px 12px 12px!important;gap:6px!important;} .pk-sidebar .pk-brand{font-size:20px!important;margin-bottom:3px!important;} .pk-sidebar .pk-logo-mark{width:31px!important;height:31px!important;} .pk-sidebar .pk-user-card{padding:8px!important;} .pk-sidebar .pk-avatar-wrap, .pk-sidebar .pk-avatar-wrap img{width:54px!important;height:54px!important;margin-bottom:3px!important;} .pk-sidebar .pk-user-card strong{font-size:14px!important;} .pk-sidebar .pk-user-card small{font-size:10.5px!important;} .pk-sidebar nav, .pk-sidebar .pk-dash-nav{gap:2px!important;margin-top:6px!important;padding-bottom:5px!important;} .pk-sidebar nav a, .pk-sidebar .pk-dash-nav a{font-size:16px!important;padding:7px 13px!important;min-height:33px!important;} .pk-sidebar nav a.active, .pk-sidebar .pk-dash-nav a.active{min-height:35px!important;} .pk-sidebar .pk-logout{font-size:17px!important;padding:8px 13px!important;min-height:35px!important;} } /* v3.0.6 Reports Filter UX & Conditional Rendering */ .pk-report-filters-enhanced { align-items: end; grid-template-columns: minmax(190px,1.2fr) repeat(3,minmax(150px,1fr)) auto; } .pk-report-filters-enhanced select { min-height: 44px; } .pk-report-filter-note { margin-top: 10px; } @media (max-width: 900px) { .pk-report-filters-enhanced { grid-template-columns: 1fr; } } /* v3.0.7 Reports Clean Default & Filter-Only Rendering */ .pk-report-clean-start { border: 1px solid rgba(13, 116, 82, 0.14); background: linear-gradient(135deg, #ffffff 0%, #f7fff9 100%); } .pk-report-clean-start h2 { margin-bottom: 6px; } .pk-report-clean-start p { color: #526172; margin-bottom: 16px; } .pk-report-quick-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .pk-report-quick-card { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 12px; border: 1px solid rgba(13, 116, 82, 0.16); border-radius: 14px; background: #ffffff; color: #063f2c; font-weight: 800; text-decoration: none; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; } .pk-report-quick-card:hover, .pk-report-quick-card:focus { transform: translateY(-1px); border-color: rgba(13, 116, 82, 0.32); box-shadow: 0 10px 24px rgba(2, 49, 33, 0.08); } @media (max-width: 900px) { .pk-report-quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 560px) { .pk-report-quick-grid { grid-template-columns: 1fr; } } /* v3.0.8 Reports Filter UI Polish */ .pk-report-filters-enhanced { grid-template-columns: minmax(320px, 1.55fr) minmax(170px, .75fr) minmax(170px, .75fr) auto; gap: 14px; align-items: end; } .pk-report-filters-enhanced label { gap: 8px !important; line-height: 1.25 !important; } .pk-report-filters-enhanced select, .pk-report-filters-enhanced input[type="date"] { min-height: 54px !important; height: 54px !important; padding: 0 18px !important; font-size: 16px !important; line-height: 54px !important; border-radius: 15px !important; box-sizing: border-box !important; } .pk-report-filters-enhanced select { appearance: auto; -webkit-appearance: menulist; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: 800; color: #0f2f24; background-color: #fff; } .pk-report-filters-enhanced .pk-btn { min-height: 54px !important; height: 54px !important; padding: 0 26px !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px !important; } .pk-report-presets { grid-column: 1 / -1; margin-top: -2px; } .pk-report-presets a, .pk-report-quick-card { font-size: 14px; line-height: 1.2; } .pk-report-clean-start { padding: 18px 22px !important; } .pk-report-clean-start h2 { font-size: 22px; line-height: 1.2; } .pk-report-clean-start p { max-width: 860px; margin-bottom: 14px; } .pk-report-quick-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; } .pk-report-quick-card { min-height: 42px; padding: 10px 14px; border-radius: 999px; background: #fff; box-shadow: none; } @media (max-width: 1180px) { .pk-report-filters-enhanced { grid-template-columns: minmax(280px, 1.4fr) repeat(2, minmax(160px, .8fr)) auto; } .pk-report-quick-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 900px) { .pk-report-filters-enhanced { grid-template-columns: 1fr !important; } .pk-report-filters-enhanced select, .pk-report-filters-enhanced input[type="date"], .pk-report-filters-enhanced .pk-btn { width: 100%; } .pk-report-quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 560px) { .pk-report-quick-grid { grid-template-columns: 1fr; } } /* v3.0.9 Reports highlighted UI cleanup */ .pk-report-filters.pk-report-filters-enhanced { grid-template-columns: minmax(420px, 1.55fr) minmax(190px, .75fr) minmax(190px, .75fr) auto !important; gap: 16px !important; overflow: visible !important; } .pk-report-type-field { min-width: 0 !important; } .pk-report-type-select, .pk-report-filters-enhanced select.pk-report-type-select { height: 58px !important; min-height: 58px !important; line-height: normal !important; padding: 0 46px 0 20px !important; font-size: 17px !important; font-weight: 800 !important; letter-spacing: -0.01em !important; color: #061f17 !important; background-color: #fff !important; border: 1px solid rgba(13, 116, 82, .18) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.7), 0 8px 20px rgba(8,70,50,.04) !important; text-overflow: clip !important; white-space: nowrap !important; overflow: visible !important; } .pk-report-type-select option { font-size: 16px; font-weight: 700; padding: 10px; } .pk-report-clean-start { padding: 20px 22px !important; overflow: hidden !important; } .pk-report-quick-grid { display: grid !important; grid-template-columns: repeat(4, minmax(180px, 1fr)) !important; gap: 12px !important; align-items: stretch !important; margin-top: 14px !important; } .pk-report-quick-card, .pk-report-clean-start .pk-report-quick-card { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; gap: 3px !important; min-height: 62px !important; padding: 13px 16px !important; border-radius: 16px !important; border: 1px solid rgba(13, 116, 82, .16) !important; background: linear-gradient(180deg,#fff 0%,#f8fffb 100%) !important; color: #053b2a !important; font-size: 15px !important; font-weight: 900 !important; line-height: 1.15 !important; text-decoration: none !important; box-shadow: 0 8px 20px rgba(8,70,50,.045) !important; } .pk-report-quick-card small { display: block !important; color: #6b7b72 !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .02em !important; text-transform: uppercase !important; } .pk-report-quick-card:hover, .pk-report-quick-card:focus { color: #052e21 !important; border-color: rgba(13, 116, 82, .36) !important; background: #ffffff !important; transform: translateY(-1px) !important; } @media (max-width: 1180px) { .pk-report-filters.pk-report-filters-enhanced { grid-template-columns: 1fr 1fr !important; } .pk-report-filters-enhanced .pk-btn { width: 100%; } .pk-report-quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 720px) { .pk-report-filters.pk-report-filters-enhanced { grid-template-columns: 1fr !important; } .pk-report-type-select { font-size: 15px !important; padding-left: 16px !important; } .pk-report-quick-grid { grid-template-columns: 1fr !important; } } /* v3.1.0 — Reports filter-only default state */ .pk-report-filter-only-start{padding:24px 28px!important;min-height:auto!important;} .pk-report-filter-only-start h2{margin-bottom:8px!important;} .pk-report-filter-only-start p{max-width:780px;line-height:1.55;} .pk-report-clean-hint{display:inline-flex;align-items:center;margin-top:10px!important;padding:10px 14px;border:1px solid rgba(14,118,83,.16);background:rgba(14,118,83,.06);border-radius:999px;color:#0b6b4a;font-weight:800;font-size:14px;} .pk-report-type-select{min-height:54px!important;line-height:1.25!important;padding:0 44px 0 18px!important;font-size:16px!important;font-weight:800!important;} .pk-report-type-field{min-width:0;} @media(max-width:760px){.pk-report-clean-hint{border-radius:16px;display:flex}.pk-report-type-select{min-height:52px!important;font-size:15px!important}} /* v3.1.1 Owner dashboard simplification */ .pk-owner-welcome{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;background:linear-gradient(135deg,#f0fdf4,#fff)} .pk-owner-welcome h2{margin:4px 0 8px!important;font-size:24px!important}.pk-owner-welcome p{margin:0;color:#475569;max-width:760px}.pk-eyebrow{display:inline-flex;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#0f6a4a}.pk-owner-section{margin-bottom:18px}.pk-section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 0 10px}.pk-section-heading span{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#0f6a4a}.pk-section-heading h2{margin:0;font-size:20px;color:#0f172a}.pk-owner-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pk-owner-kpi-row article{background:#fff;border:1px solid #dbe8e1;border-radius:20px;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.035)}.pk-owner-kpi-row small{display:block;color:#64748b;font-weight:900;margin-bottom:10px}.pk-owner-kpi-row strong{display:block;color:#063221;font-size:28px;line-height:1.1}.pk-owner-kpi-row-primary article:first-child{background:linear-gradient(135deg,#ecfdf5,#fff);border-color:#bfe8d0}.pk-owner-kpi-row-primary article:first-child strong{font-size:34px}.pk-owner-kpi-row-secondary article{padding:15px 16px}.pk-owner-kpi-row-secondary strong{font-size:23px}.pk-owner-glance-grid{margin-top:0!important}.pk-action-list{display:grid;gap:10px}.pk-action-item{border:1px solid #e5e7eb;border-radius:16px;padding:14px;background:#fff}.pk-action-item strong{display:block;color:#0f172a;margin-bottom:4px}.pk-action-item span{display:block;color:#64748b}.pk-action-item.good{background:#ecfdf5;border-color:#bbf7d0}.pk-action-item.warn{background:#fff7ed;border-color:#fed7aa}.pk-action-item.info{background:#eff6ff;border-color:#bfdbfe}.pk-trend-placeholder{min-height:152px;border:1px dashed #cbd5e1;border-radius:18px;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.pk-trend-placeholder strong{font-size:34px;color:#063221}.pk-trend-placeholder span{margin-top:8px;color:#64748b}.pk-compact-record-list div{padding:10px 12px!important}.pk-compact-record-list span{font-size:14px}.pk-compact-record-list strong{font-size:15px}@media(max-width:1180px){.pk-owner-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.pk-owner-welcome{align-items:stretch;flex-direction:column}.pk-owner-kpi-row{grid-template-columns:1fr}.pk-owner-kpi-row-primary article:first-child strong,.pk-owner-kpi-row strong{font-size:26px}.pk-section-heading{align-items:flex-start;flex-direction:column}} /* v3.1.2 — Owner dashboard layout recovery and polished KPI cards */ .pk-dashboard-main .pk-owner-welcome.pk-panel{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:22px!important; padding:28px 32px!important; margin:0 0 20px!important; border-radius:24px!important; background:linear-gradient(135deg,#f0fdf4 0%,#ffffff 72%)!important; border:1px solid rgba(13,116,82,.14)!important; } .pk-dashboard-main .pk-owner-section.pk-owner-kpi-panel{ display:block!important; padding:24px!important; margin:0 0 20px!important; border-radius:24px!important; background:#fff!important; border:1px solid #dfe7e2!important; box-shadow:0 14px 34px rgba(15,23,42,.045)!important; } .pk-dashboard-main .pk-section-heading{ display:flex!important; align-items:flex-end!important; justify-content:space-between!important; gap:12px!important; margin:0 0 16px!important; } .pk-dashboard-main .pk-section-heading span{ display:inline-flex!important; font-size:12px!important; font-weight:900!important; text-transform:uppercase!important; letter-spacing:.08em!important; color:#0f6a4a!important; } .pk-dashboard-main .pk-section-heading h2{ display:block!important; margin:0!important; color:#071b32!important; font-size:26px!important; line-height:1.1!important; letter-spacing:-.02em!important; } .pk-dashboard-main .pk-owner-kpi-row{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:16px!important; width:100%!important; align-items:stretch!important; } .pk-dashboard-main .pk-owner-kpi-row article{ display:flex!important; flex-direction:column!important; justify-content:center!important; min-height:112px!important; padding:22px!important; border-radius:20px!important; border:1px solid #dbe8e1!important; background:#fff!important; box-shadow:0 10px 24px rgba(15,23,42,.035)!important; overflow:hidden!important; } .pk-dashboard-main .pk-owner-kpi-row article small{ display:block!important; margin:0 0 9px!important; color:#5f7068!important; font-size:13px!important; line-height:1.2!important; font-weight:900!important; } .pk-dashboard-main .pk-owner-kpi-row article strong{ display:block!important; margin:0!important; color:#063b2a!important; font-size:34px!important; line-height:1.05!important; font-weight:900!important; letter-spacing:-.03em!important; } .pk-dashboard-main .pk-owner-kpi-row-primary article:first-child{ background:linear-gradient(135deg,#ecfdf5 0%,#ffffff 80%)!important; border-color:#bfe8d0!important; } .pk-dashboard-main .pk-owner-kpi-row-secondary article{ min-height:96px!important; padding:18px 20px!important; } .pk-dashboard-main .pk-owner-kpi-row-secondary article strong{ font-size:28px!important; } .pk-dashboard-main .pk-owner-glance-grid{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:20px!important; margin:0 0 20px!important; } .pk-dashboard-main .pk-owner-glance-grid .pk-panel{ min-width:0!important; padding:24px!important; border-radius:24px!important; } .pk-dashboard-main .pk-owner-glance-grid .pk-panel h2{ margin:0 0 16px!important; color:#071b32!important; font-size:22px!important; line-height:1.15!important; } .pk-dashboard-main .pk-action-list{display:grid!important;gap:12px!important;} .pk-dashboard-main .pk-action-item{display:block!important;padding:16px 18px!important;border-radius:16px!important;} .pk-dashboard-main .pk-action-item strong{display:block!important;margin:0 0 5px!important;font-size:15px!important;line-height:1.3!important;} .pk-dashboard-main .pk-action-item span{display:block!important;color:#64748b!important;line-height:1.45!important;} .pk-dashboard-main .pk-trend-placeholder{ min-height:150px!important; padding:24px!important; border-radius:18px!important; } .pk-dashboard-main .pk-trend-placeholder strong{display:block!important;margin-bottom:8px!important;font-size:34px!important;} .pk-dashboard-main .pk-trend-placeholder span{display:block!important;color:#64748b!important;line-height:1.45!important;} .pk-dashboard-main .pk-empty-state strong{display:block!important;margin-bottom:6px!important;} .pk-dashboard-main .pk-empty-state span{display:block!important;line-height:1.45!important;} @media(max-width:1180px){ .pk-dashboard-main .pk-owner-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .pk-dashboard-main .pk-owner-glance-grid{grid-template-columns:1fr!important;} } @media(max-width:720px){ .pk-dashboard-main .pk-owner-welcome.pk-panel{align-items:stretch!important;flex-direction:column!important;padding:22px!important;} .pk-dashboard-main .pk-owner-kpi-row{grid-template-columns:1fr!important;} .pk-dashboard-main .pk-section-heading{align-items:flex-start!important;flex-direction:column!important;} .pk-dashboard-main .pk-section-heading h2{font-size:23px!important;} .pk-dashboard-main .pk-owner-kpi-row article strong{font-size:30px!important;} } /* v3.1.3 Modal UI Polish & Close Button Recovery */ .pk-loading-safe{content:"v3.1.3"} .pk-modal .pk-modal-card{ border-radius:28px!important; padding:30px!important; box-shadow:0 30px 90px rgba(2,6,23,.26)!important; } .pk-modal .pk-modal-card h2{ margin:0 56px 6px 0!important; color:#071b32!important; font-size:28px!important; line-height:1.15!important; letter-spacing:-.03em!important; font-weight:900!important; } .pk-modal .pk-modal-card p{ margin:0 56px 22px 0!important; color:#64748b!important; font-size:16px!important; line-height:1.5!important; font-weight:700!important; } .pk-modal .pk-modal-close{ position:absolute!important; top:18px!important; right:18px!important; display:flex!important; align-items:center!important; justify-content:center!important; width:42px!important; height:42px!important; min-width:42px!important; min-height:42px!important; padding:0!important; margin:0!important; border:2px solid #d9e6df!important; border-radius:999px!important; background:#ffffff!important; color:#0f6a4a!important; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; font-size:0!important; font-weight:900!important; line-height:1!important; text-align:center!important; cursor:pointer!important; box-shadow:0 8px 20px rgba(15,23,42,.08)!important; transform:none!important; transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important; } .pk-modal .pk-modal-close::before{ content:"×"!important; display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; height:100%!important; color:inherit!important; font-size:25px!important; font-weight:850!important; line-height:1!important; transform:translateY(-1px)!important; } .pk-modal .pk-modal-close:hover, .pk-modal .pk-modal-close:focus{ background:#f5faf7!important; border-color:#0f6a4a!important; color:#084632!important; box-shadow:0 10px 24px rgba(15,106,74,.14)!important; transform:rotate(90deg)!important; } .pk-modal .pk-modal-close:focus-visible{ outline:3px solid rgba(212,160,23,.45)!important; outline-offset:3px!important; } .pk-modal form{ gap:14px!important; } .pk-modal label, .pk-modal-card label{ gap:8px!important; margin:10px 0!important; color:#24364b!important; font-size:14px!important; font-weight:750!important; } .pk-modal input, .pk-modal select, .pk-modal textarea, .pk-modal-card input, .pk-modal-card select, .pk-modal-card textarea{ min-height:52px!important; padding:13px 16px!important; border:1px solid #dce7e1!important; border-radius:15px!important; background:#ffffff!important; color:#0f172a!important; font-size:15px!important; line-height:1.4!important; box-shadow:0 1px 2px rgba(15,23,42,.03)!important; transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important; } .pk-modal textarea, .pk-modal-card textarea{ min-height:118px!important; resize:vertical!important; } .pk-modal input:focus, .pk-modal select:focus, .pk-modal textarea:focus, .pk-modal-card input:focus, .pk-modal-card select:focus, .pk-modal-card textarea:focus{ border-color:#0f6a4a!important; box-shadow:0 0 0 4px rgba(15,106,74,.10)!important; outline:0!important; } .pk-modal .pk-btn-primary, .pk-modal-card .pk-btn-primary, .pk-modal button[type="submit"]{ min-height:52px!important; padding:14px 24px!important; border:1px solid #0f6a4a!important; border-radius:15px!important; background:#0f6a4a!important; color:#ffffff!important; font-weight:900!important; box-shadow:0 12px 24px rgba(15,106,74,.16)!important; transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease!important; } .pk-modal .pk-btn-primary:hover, .pk-modal .pk-btn-primary:focus, .pk-modal-card .pk-btn-primary:hover, .pk-modal-card .pk-btn-primary:focus, .pk-modal button[type="submit"]:hover, .pk-modal button[type="submit"]:focus{ background:#084632!important; border-color:#084632!important; color:#ffffff!important; transform:translateY(-1px)!important; box-shadow:0 14px 28px rgba(8,70,50,.20)!important; } .pk-modal-grid{ gap:14px!important; } @media(max-width:720px){ .pk-modal .pk-modal-card{padding:26px 20px!important;border-radius:24px!important;} .pk-modal .pk-modal-card h2{font-size:24px!important;margin-right:52px!important;} .pk-modal .pk-modal-card p{margin-right:52px!important;} .pk-modal .pk-modal-close{top:14px!important;right:14px!important;width:40px!important;height:40px!important;} } /* v3.1.6 Reports & KPI Data Accuracy Recovery */ .pk-loading-safe{content:"v3.1.6"} .pk-sidebar{gap:12px!important;overflow:hidden!important;} .pk-dash-nav{display:flex!important;flex-direction:column!important;gap:6px!important;overflow:visible!important;min-height:0!important;flex:1 1 auto!important;} .pk-dash-nav a,.pk-logout{min-height:42px!important;padding:10px 12px!important;font-size:14px!important;line-height:1.15!important;display:flex!important;align-items:center!important;gap:10px!important;} .pk-logout{margin-top:auto!important;border-top:1px solid rgba(255,255,255,.12)!important;} .pk-avatar-card .pk-user-card{padding:12px!important;} .pk-avatar-wrap img{width:58px!important;height:58px!important;} .pk-modal .pk-modal-close{display:grid!important;place-items:center!important;line-height:1!important;overflow:hidden!important;} .pk-modal .pk-modal-close::before{transform:none!important;line-height:1!important;margin-top:-2px!important;} .pk-modal .pk-modal-close:hover,.pk-modal .pk-modal-close:focus{background:#f7faf8!important;color:#063221!important;transform:none!important;} .pk-modal .pk-btn-primary,.pk-modal-card .pk-btn-primary,.pk-modal button[type="submit"]{background:#0f6a4a!important;border-color:#0f6a4a!important;color:#fff!important;} .pk-modal .pk-btn-primary:hover,.pk-modal .pk-btn-primary:focus,.pk-modal-card .pk-btn-primary:hover,.pk-modal-card .pk-btn-primary:focus,.pk-modal button[type="submit"]:hover,.pk-modal button[type="submit"]:focus{background:#084632!important;border-color:#084632!important;color:#fff!important;} .pk-modal select,.pk-modal-card select,.pk-report-type-select,.pk-report-filters-enhanced select,.pk-settings-form select{height:auto!important;min-height:56px!important;line-height:1.35!important;padding-top:14px!important;padding-bottom:14px!important;white-space:normal!important;text-overflow:clip!important;} .pk-report-filter-only-start{border-style:dashed!important;background:#fbfdfc!important;} .pk-report-filters-enhanced{margin-bottom:16px!important;} .pk-dashboard-main .pk-empty-state{background:#fbfdfc!important;border-color:#d8e7de!important;} @media(max-height:760px){.pk-sidebar{padding:14px!important}.pk-dash-brand{font-size:16px!important}.pk-avatar-wrap img{width:48px!important;height:48px!important}.pk-user-card small{font-size:11px!important}.pk-dash-nav a,.pk-logout{min-height:38px!important;padding:8px 10px!important;font-size:13px!important}} /* v3.1.6 Reports & KPI Data Accuracy Recovery */ .pk-owner-welcome-no-cta{align-items:flex-start;gap:12px} .pk-owner-welcome-no-cta .pk-btn{display:none!important} .pk-module-sales .pk-empty-state{min-height:140px;justify-content:center} .pk-module-sales .pk-responsive-table table td,.pk-module-sales .pk-responsive-table table th{vertical-align:middle} .pk-dashboard-top .pk-btn.pk-modal-open{white-space:nowrap} @media (max-width: 720px){.pk-dashboard-top .pk-btn.pk-modal-open{width:100%;justify-content:center}.pk-owner-welcome-no-cta{text-align:left}} /* v3.9.0 Dashboard Sidebar Compact & Reports Isolation */ @media (min-width:981px){ .pk-dashboard-shell{grid-template-columns:264px minmax(0,1fr)!important;} .pk-sidebar{width:264px!important;min-width:264px!important;max-width:264px!important;padding:14px 12px 14px!important;gap:8px!important;} .pk-sidebar .pk-brand{font-size:20px!important;margin-bottom:4px!important;} .pk-sidebar .pk-logo-mark{width:32px!important;height:32px!important;border-radius:11px!important;} .pk-sidebar .pk-user-card{padding:10px 9px!important;border-radius:14px!important;} .pk-sidebar .pk-avatar-wrap,.pk-sidebar .pk-avatar-wrap img{width:58px!important;height:58px!important;margin-bottom:4px!important;} .pk-sidebar .pk-user-card strong{font-size:15px!important;line-height:1.15!important;margin-top:3px!important;} .pk-sidebar .pk-user-card small{font-size:11px!important;line-height:1.15!important;} .pk-sidebar .pk-dash-nav{display:grid!important;gap:3px!important;overflow-y:auto!important;overflow-x:hidden!important;margin-top:8px!important;padding:0 0 8px!important;border-bottom:0!important;scrollbar-width:thin!important;} .pk-sidebar .pk-dash-nav a{font-size:15px!important;line-height:1.1!important;font-weight:750!important;padding:8px 12px!important;min-height:34px!important;border-radius:10px!important;display:flex!important;align-items:center!important;gap:8px!important;} .pk-sidebar .pk-dash-nav a.active{min-height:36px!important;font-weight:850!important;} .pk-sidebar .pk-nav-icon{width:20px!important;min-width:20px!important;text-align:center!important;} .pk-sidebar .pk-logout{font-size:15px!important;font-weight:850!important;padding:9px 12px!important;min-height:36px!important;margin-top:6px!important;border-radius:10px!important;} } @media (min-width:981px) and (max-height:760px){ .pk-sidebar .pk-avatar-wrap,.pk-sidebar .pk-avatar-wrap img{width:48px!important;height:48px!important;} .pk-sidebar .pk-user-card{padding:8px!important;} .pk-sidebar .pk-dash-nav{gap:2px!important;} .pk-sidebar .pk-dash-nav a{font-size:14px!important;min-height:30px!important;padding:6px 10px!important;} .pk-sidebar .pk-logout{font-size:14px!important;min-height:32px!important;padding:7px 10px!important;} } .pk-dashboard-main>.pk-report-filters:not(:first-child){margin-top:0!important;} body:not(.pk-dashboard-body) .pk-report-filters{display:none!important;} /* v3.9.2 Mobile Dashboard Header & Hamburger Recovery */ .pk-mobile-dashboard-bar{display:none;} .pk-mobile-dash-brand{display:none;} .pk-dashboard-title{min-width:0;} @media (max-width:980px){ .pk-dashboard-main{padding:16px!important;} .pk-dashboard-top{ display:grid!important; grid-template-columns:1fr!important; gap:12px!important; margin-bottom:16px!important; padding:14px!important; border:1px solid var(--pk-border)!important; border-radius:22px!important; background:#fff!important; box-shadow:0 12px 32px rgba(8,70,50,.08)!important; } .pk-mobile-dashboard-bar{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; width:100%!important; } .pk-mobile-dash-brand{ display:inline-flex!important; color:var(--pk-ink)!important; font-size:18px!important; font-weight:900!important; min-width:0!important; } .pk-mobile-dash-brand .pk-logo-mark{ width:36px!important; height:36px!important; border-radius:12px!important; flex:0 0 36px!important; } .pk-mobile-dash-brand span:last-child{ overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .pk-dash-toggle{ display:inline-grid!important; place-items:center!important; flex:0 0 42px!important; width:42px!important; min-width:42px!important; max-width:42px!important; height:42px!important; min-height:42px!important; padding:0!important; margin:0!important; border:1px solid #d9e6df!important; border-radius:14px!important; background:#ffffff!important; color:var(--pk-green-dark)!important; font-size:22px!important; line-height:1!important; box-shadow:0 6px 18px rgba(8,70,50,.10)!important; } .pk-dash-toggle:hover, .pk-dash-toggle:focus{ background:#f4fbf7!important; outline:0!important; box-shadow:0 0 0 4px rgba(15,106,74,.12)!important; } .pk-dashboard-title h1{font-size:25px!important;line-height:1.08!important;} .pk-dashboard-title p{font-size:14px!important;line-height:1.45!important;} .pk-dashboard-top>.pk-btn.pk-modal-open{ width:100%!important; justify-content:center!important; min-height:46px!important; } .pk-sidebar{ width:min(86vw,300px)!important; min-width:0!important; max-width:min(86vw,300px)!important; left:0!important; top:0!important; height:100dvh!important; max-height:100dvh!important; padding:16px 14px!important; overflow:hidden!important; box-shadow:24px 0 60px rgba(7,29,21,.28)!important; } .pk-sidebar .pk-brand{display:inline-flex!important;} } @media (min-width:981px){ .pk-dashboard-title{display:block;} } /* v3.9.3 Mobile Header Logo & Visible Hamburger Certification */ @media (max-width:980px){ .pk-dashboard-main > .pk-dashboard-top{ display:grid!important; grid-template-columns:1fr!important; align-items:stretch!important; gap:12px!important; } .pk-dashboard-main > .pk-dashboard-top > .pk-mobile-dashboard-bar{ display:grid!important; grid-template-columns:minmax(0,1fr) 44px!important; align-items:center!important; gap:12px!important; width:100%!important; min-height:44px!important; order:0!important; } .pk-dashboard-main > .pk-dashboard-top > .pk-mobile-dashboard-bar .pk-mobile-dash-brand{ display:inline-flex!important; visibility:visible!important; opacity:1!important; align-items:center!important; gap:10px!important; min-width:0!important; max-width:100%!important; color:#0f172a!important; text-decoration:none!important; font-size:18px!important; font-weight:900!important; line-height:1!important; } .pk-dashboard-main > .pk-dashboard-top > .pk-mobile-dashboard-bar .pk-mobile-dash-brand .pk-logo-mark{ display:grid!important; visibility:visible!important; opacity:1!important; place-items:center!important; width:36px!important; height:36px!important; min-width:36px!important; flex:0 0 36px!important; border-radius:12px!important; background:linear-gradient(135deg,var(--pk-green),var(--pk-gold))!important; color:#fff!important; font-size:12px!important; font-weight:900!important; } .pk-dashboard-main > .pk-dashboard-top > .pk-mobile-dashboard-bar .pk-mobile-dash-brand span:last-child{ display:block!important; visibility:visible!important; opacity:1!important; min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .pk-dashboard-main > .pk-dashboard-top > .pk-mobile-dashboard-bar .pk-dash-toggle{ display:grid!important; grid-template-rows:repeat(3,3px)!important; align-content:center!important; justify-content:center!important; gap:5px!important; width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; padding:0!important; border:1px solid #cbd5e1!important; border-radius:14px!important; background:#ffffff!important; color:var(--pk-green-dark)!important; box-shadow:0 8px 20px rgba(8,70,50,.12)!important; font-size:0!important; line-height:0!important; } .pk-dashboard-main > .pk-dashboard-top > .pk-mobile-dashboard-bar .pk-dash-toggle span{ display:block!important; width:20px!important; height:3px!important; min-height:3px!important; border-radius:999px!important; background:var(--pk-green-dark)!important; opacity:1!important; } .pk-dashboard-main > .pk-dashboard-top > .pk-dashboard-title{ order:1!important; width:100%!important; min-width:0!important; } } /* v3.9.4 Dashboard Menu Simplification & Settings Tabs */ .pk-settings-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px;padding:10px;border:1px solid rgba(0,61,51,.10);border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.04)} .pk-settings-tabs a{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:14px;color:#16372f;text-decoration:none;font-weight:800;font-size:13px;border:1px solid rgba(0,61,51,.08);background:#f8fbfa} .pk-settings-tabs a.active,.pk-settings-tabs a:hover{background:#eafff6;border-color:rgba(0,106,78,.25);color:#003d33} @media(max-width:782px){.pk-settings-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pk-settings-tabs a{justify-content:flex-start;min-width:0;white-space:normal;line-height:1.2}.pk-dash-nav a{max-width:100%}} @media(max-width:430px){.pk-settings-tabs{grid-template-columns:1fr}} /* v3.9.5 — Executive Dashboard UX Polish Visual-only refinements: empty states, sidebar typography/profile density, KPI hierarchy, spacing, and mobile/desktop readability. No route, database, permission, or behavior changes. */ .pk-dashboard-shell{ --pk-type-xs:12px; --pk-type-sm:14px; --pk-type-base:16px; --pk-type-lg:18px; --pk-type-xl:22px; --pk-type-2xl:28px; --pk-type-3xl:34px; } .pk-dashboard-main{ padding:clamp(18px,2.2vw,32px)!important; } .pk-panel, .pk-module-page, .pk-owner-section, .pk-report-card{ border-radius:22px!important; } .pk-panel{ padding:clamp(22px,2vw,30px)!important; } .pk-dashboard-top{ padding:clamp(20px,2vw,28px)!important; border-radius:22px!important; } .pk-dashboard-top h1{ font-size:clamp(30px,2.4vw,38px)!important; line-height:1.1!important; letter-spacing:-.035em!important; } .pk-dashboard-top p{ font-size:clamp(15px,1vw,17px)!important; line-height:1.5!important; } .pk-sidebar{ gap:10px!important; padding:18px 14px!important; } .pk-sidebar .pk-brand, .pk-sidebar .pk-dash-brand{ font-size:23px!important; line-height:1.1!important; font-weight:900!important; margin-bottom:8px!important; letter-spacing:-.025em!important; } .pk-sidebar .pk-logo-mark{ width:36px!important; height:36px!important; min-width:36px!important; border-radius:12px!important; } .pk-sidebar .pk-user-card, .pk-sidebar .pk-avatar-card{ display:flex!important; align-items:center!important; gap:12px!important; text-align:left!important; padding:12px!important; min-height:0!important; border-radius:16px!important; } .pk-sidebar .pk-avatar-wrap, .pk-sidebar .pk-avatar-wrap img, .pk-sidebar .pk-user-card img{ width:52px!important; height:52px!important; min-width:52px!important; margin:0!important; } .pk-sidebar .pk-user-card strong{ font-size:16px!important; line-height:1.15!important; margin:0!important; font-weight:800!important; max-width:145px!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .pk-sidebar .pk-user-card small{ font-size:12px!important; line-height:1.25!important; font-weight:700!important; margin-top:2px!important; } .pk-sidebar nav, .pk-sidebar .pk-dash-nav{ gap:6px!important; margin-top:10px!important; padding-bottom:12px!important; } .pk-sidebar nav a, .pk-sidebar .pk-dash-nav a, .pk-sidebar .pk-logout{ font-size:16px!important; font-weight:800!important; line-height:1.35!important; min-height:46px!important; padding:12px 15px!important; border-radius:14px!important; letter-spacing:-.01em!important; } .pk-sidebar .pk-logout{ margin-top:14px!important; } .pk-empty-state{ justify-items:start!important; align-items:start!important; text-align:left!important; margin-top:18px!important; padding:clamp(22px,2vw,30px)!important; border-radius:20px!important; gap:10px!important; background:linear-gradient(180deg,#ffffff,#fbfdfc)!important; } .pk-empty-state strong{ font-size:clamp(20px,1.35vw,24px)!important; line-height:1.2!important; letter-spacing:-.025em!important; } .pk-empty-state span{ font-size:clamp(15px,1vw,17px)!important; line-height:1.65!important; max-width:760px!important; } .pk-module-page > .pk-empty-state, .pk-panel > .pk-empty-state{ min-height:118px!important; } .pk-section-heading{ display:flex!important; align-items:end!important; justify-content:space-between!important; gap:16px!important; margin-bottom:18px!important; } .pk-section-heading span, .pk-scope-label{ font-size:13px!important; line-height:1.2!important; font-weight:900!important; letter-spacing:.08em!important; text-transform:uppercase!important; } .pk-section-heading h2{ font-size:clamp(24px,1.8vw,30px)!important; line-height:1.1!important; letter-spacing:-.035em!important; margin:0!important; } .pk-owner-kpis, .pk-kpis{ gap:clamp(14px,1.2vw,20px)!important; } .pk-owner-kpis article, .pk-kpis article, .pk-mini-metrics span{ padding:clamp(18px,1.6vw,24px)!important; border-radius:18px!important; } .pk-owner-kpis article span, .pk-kpis article span, .pk-mini-metrics span small{ font-size:clamp(13px,.95vw,15px)!important; line-height:1.35!important; font-weight:800!important; } .pk-owner-kpis article strong, .pk-kpis article strong, .pk-mini-metrics span strong{ font-size:clamp(30px,2.4vw,40px)!important; line-height:1.1!important; letter-spacing:-.045em!important; margin-top:8px!important; } .pk-record-list div{ padding:14px 16px!important; border-radius:16px!important; } @media(max-width:980px){ .pk-dashboard-main{padding:16px!important;} .pk-dashboard-top{padding:18px!important;align-items:center!important;} .pk-sidebar{padding:14px!important;width:min(86vw,300px)!important;} .pk-sidebar .pk-user-card,.pk-sidebar .pk-avatar-card{padding:10px!important;} .pk-section-heading{align-items:start!important;flex-direction:column!important;gap:8px!important;} .pk-section-heading h2{font-size:25px!important;} .pk-empty-state{padding:20px!important;} } @media(max-width:640px){ .pk-dashboard-main{padding:14px!important;} .pk-dashboard-top h1{font-size:28px!important;} .pk-sidebar nav a, .pk-sidebar .pk-dash-nav a, .pk-sidebar .pk-logout{font-size:16px!important;min-height:44px!important;padding:11px 14px!important;} .pk-empty-state strong{font-size:20px!important;} .pk-empty-state span{font-size:15px!important;} .pk-owner-kpis article strong, .pk-kpis article strong, .pk-mini-metrics span strong{font-size:30px!important;} } /* v3.9.7 — Empty-State Intelligence & Executive Dashboard Cleanup */ .pk-section-heading-compact{display:flex!important;align-items:center!important;justify-content:flex-start!important;margin-bottom:18px!important;text-align:left!important}.pk-section-heading-compact h2{font-size:clamp(20px,1.4vw,26px)!important;line-height:1.15!important;margin:0!important;letter-spacing:-.035em!important}.pk-owner-kpi-panel{padding:26px!important}.pk-owner-kpi-row{gap:16px!important}.pk-owner-kpi-row article{padding:24px!important;border-radius:20px!important;min-height:116px!important}.pk-owner-kpi-row article small{font-size:15px!important;line-height:1.3!important}.pk-owner-kpi-row article strong{font-size:clamp(30px,2.2vw,40px)!important;line-height:1.08!important}.pk-empty-state{align-items:start!important;justify-items:start!important;text-align:left!important;width:100%!important}.pk-empty-state strong,.pk-empty-state span{text-align:left!important}.pk-action-item{text-align:left!important}.pk-setup-progress-card{display:grid!important;gap:18px!important;background:linear-gradient(180deg,#ffffff,#f5fbf8)!important}.pk-setup-progress-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}.pk-setup-progress-head h2{margin:4px 0 0!important;font-size:clamp(26px,2vw,36px)!important;letter-spacing:-.04em!important}.pk-setup-meter{height:12px!important;border-radius:999px!important;background:#e7f0eb!important;overflow:hidden!important}.pk-setup-meter span{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,var(--pk-green),var(--pk-gold))!important}.pk-setup-task-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.pk-setup-task{display:grid!important;gap:6px!important;padding:16px!important;border:1px solid var(--pk-border)!important;border-radius:18px!important;background:#fff!important;color:var(--pk-ink)!important;text-decoration:none!important}.pk-setup-task:before{content:'○';font-weight:900;color:var(--pk-muted)}.pk-setup-task.is-done:before{content:'✓';color:var(--pk-green)}.pk-setup-task strong{font-size:15px!important;line-height:1.25!important}.pk-setup-task span{color:var(--pk-muted)!important;font-size:13px!important;line-height:1.45!important}.pk-getting-started-card{text-align:left!important}.pk-getting-started-card p{max-width:720px!important;color:var(--pk-muted)!important;line-height:1.65!important}.pk-getting-started-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:18px!important}.pk-sidebar nav a,.pk-sidebar .pk-dash-nav a{font-size:17px!important;font-weight:850!important;line-height:1.25!important}.pk-sidebar .pk-user-card{padding:12px 10px!important}.pk-sidebar .pk-avatar-wrap,.pk-sidebar .pk-avatar-wrap img{width:58px!important;height:58px!important}.pk-sidebar .pk-user-card strong{font-size:15px!important;margin-top:4px!important}.pk-sidebar .pk-user-card small{font-size:12px!important}.pk-panel{border-radius:24px!important}.pk-dashboard-main{padding-top:22px!important}@media(max-width:1180px){.pk-setup-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pk-owner-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:640px){.pk-setup-progress-head{align-items:stretch!important;flex-direction:column!important}.pk-setup-progress-head .pk-btn{width:100%!important}.pk-setup-task-grid,.pk-owner-kpi-row{grid-template-columns:1fr!important}.pk-owner-kpi-panel{padding:20px!important}.pk-owner-kpi-row article{min-height:104px!important;padding:20px!important}.pk-section-heading-compact h2{font-size:22px!important}.pk-getting-started-actions .pk-btn{width:100%!important}} /* v4.1.2 launch candidate mobile and empty-state polish */ .pk-form-message,.pk-empty-state,.pk-notice{line-height:1.55;word-break:normal;overflow-wrap:anywhere}.pk-dashboard-top{align-items:flex-start}.pk-dashboard-top .pk-dash-toggle{flex:0 0 auto}.pk-sidebar .pk-logout{position:sticky;bottom:12px;background:rgba(255,255,255,.08)}@media (max-width:900px){.pk-dashboard-top{position:sticky;top:0;z-index:40;background:rgba(247,250,248,.96);backdrop-filter:blur(12px);padding:12px 0;margin:-8px 0 18px}.pk-sidebar{max-width:88vw}.pk-dash-nav a,.pk-logout{font-size:15px;min-height:44px;display:flex;align-items:center}.pk-panel,.pk-kpis article{padding:18px;border-radius:22px}.pk-empty-state{text-align:left}.pk-dashboard-main input,.pk-dashboard-main select,.pk-dashboard-main textarea{font-size:16px}}@media (max-width:560px){.pk-dashboard-top{gap:10px}.pk-dashboard-top h1{font-size:24px;line-height:1.1}.pk-dashboard-top p{font-size:14px}.pk-btn,.pk-dashboard-main button{min-height:44px}.pk-table{grid-template-columns:1fr}.pk-panel{overflow-x:auto}} /* v4.4.7.1 Avatar profile card hotfix Fixes cramped sidebar avatar, text collision, unreadable plan label, and edit icon placement. */ @media (min-width:981px){ .pk-sidebar{ width:280px!important; min-width:280px!important; max-width:280px!important; } .pk-dashboard-shell{grid-template-columns:280px minmax(0,1fr)!important;} .pk-sidebar .pk-avatar-card{margin:0 0 14px!important;} .pk-sidebar .pk-avatar-card .pk-user-card, .pk-sidebar .pk-avatar-label{ display:flex!important; align-items:center!important; gap:14px!important; min-height:84px!important; width:100%!important; padding:13px 12px!important; text-align:left!important; background:rgba(255,255,255,.08)!important; border:1px solid rgba(255,255,255,.13)!important; border-radius:16px!important; overflow:hidden!important; } .pk-sidebar .pk-avatar-wrap, .pk-sidebar .pk-avatar-wrap img{ width:52px!important; height:52px!important; margin:0!important; } .pk-sidebar .pk-avatar-wrap{flex:0 0 52px!important;} .pk-sidebar .pk-avatar-edit{ right:0!important; bottom:0!important; width:20px!important; height:20px!important; border:2px solid #084632!important; font-size:11px!important; opacity:1!important; transform:none!important; } .pk-sidebar .pk-user-meta{ display:grid!important; gap:5px!important; min-width:0!important; flex:1 1 auto!important; } .pk-sidebar .pk-user-card strong{ display:block!important; max-width:100%!important; margin:0!important; color:#fff!important; font-size:15px!important; line-height:1.15!important; font-weight:900!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .pk-sidebar .pk-user-card small{ display:inline-flex!important; align-items:center!important; width:max-content!important; max-width:100%!important; margin:0!important; padding:4px 8px!important; border-radius:999px!important; background:rgba(34,197,94,.16)!important; color:#d9fbe7!important; border:1px solid rgba(134,239,172,.22)!important; font-size:11px!important; line-height:1.1!important; font-weight:800!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } } @media (min-width:981px) and (max-height:760px){ .pk-sidebar .pk-avatar-card .pk-user-card, .pk-sidebar .pk-avatar-label{min-height:76px!important;padding:11px 10px!important;gap:12px!important;} .pk-sidebar .pk-avatar-wrap, .pk-sidebar .pk-avatar-wrap img{width:46px!important;height:46px!important;} .pk-sidebar .pk-avatar-wrap{flex-basis:46px!important;} .pk-sidebar .pk-user-card strong{font-size:14px!important;} .pk-sidebar .pk-user-card small{font-size:10px!important;padding:3px 7px!important;} } @media (max-width:980px){ .pk-sidebar .pk-avatar-card .pk-user-card, .pk-sidebar .pk-avatar-label{ display:flex!important; align-items:center!important; gap:12px!important; text-align:left!important; } .pk-sidebar .pk-user-meta{display:grid!important;gap:4px!important;min-width:0!important;} } /* v4.4.7.2 Sales/module empty-state UX hotfix */ .pk-module-page-clean .pk-module-empty-state-enhanced{ display:flex!important; align-items:flex-start!important; justify-content:flex-start!important; gap:18px!important; min-height:0!important; margin:0!important; padding:24px!important; text-align:left!important; border:1px solid #d7eadf!important; border-radius:24px!important; background:linear-gradient(180deg,#ffffff 0%,#f5fbf8 100%)!important; box-shadow:0 14px 34px rgba(8,70,50,.06)!important; } .pk-module-page-clean .pk-empty-state-icon{ display:grid!important; place-items:center!important; flex:0 0 48px!important; width:48px!important; height:48px!important; border-radius:16px!important; background:#e9f8ef!important; color:var(--pk-green-dark)!important; font-size:24px!important; line-height:1!important; } .pk-module-page-clean .pk-empty-state-copy{ display:grid!important; gap:8px!important; max-width:720px!important; justify-items:start!important; text-align:left!important; } .pk-module-page-clean .pk-module-empty-state-enhanced strong{ margin:0!important; font-size:clamp(21px,1.4vw,27px)!important; line-height:1.18!important; letter-spacing:-.03em!important; color:#071d15!important; } .pk-module-page-clean .pk-module-empty-state-enhanced span:not(.pk-empty-state-icon){ max-width:720px!important; color:#475569!important; font-size:16px!important; line-height:1.55!important; } .pk-module-page-clean .pk-empty-state-action{ margin-top:8px!important; min-height:44px!important; padding:12px 18px!important; } .pk-module-sales.pk-module-page-clean .pk-module-empty-state-enhanced{ min-height:120px!important; } @media (max-width:720px){ .pk-module-page-clean .pk-module-empty-state-enhanced{ display:grid!important; gap:14px!important; padding:20px!important; } .pk-module-page-clean .pk-empty-state-action{ width:100%!important; } } /* v4.4.7.3 Modal close button centering hotfix */ .pk-modal .pk-modal-close, .pk-modal-card .pk-modal-close{ top:18px!important; right:18px!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0!important; margin:0!important; border:2px solid #0f6a4a!important; border-radius:999px!important; background:#ffffff!important; color:#063221!important; font-size:0!important; line-height:0!important; text-indent:-9999px!important; overflow:hidden!important; box-sizing:border-box!important; transform:none!important; } .pk-modal .pk-modal-close::before, .pk-modal-card .pk-modal-close::before{ content:""!important; position:absolute!important; left:50%!important; top:50%!important; width:18px!important; height:3px!important; margin:0!important; border-radius:999px!important; background:currentColor!important; transform:translate(-50%,-50%) rotate(45deg)!important; display:block!important; } .pk-modal .pk-modal-close::after, .pk-modal-card .pk-modal-close::after{ content:""!important; position:absolute!important; left:50%!important; top:50%!important; width:18px!important; height:3px!important; margin:0!important; border-radius:999px!important; background:currentColor!important; transform:translate(-50%,-50%) rotate(-45deg)!important; display:block!important; } .pk-modal .pk-modal-close:hover, .pk-modal .pk-modal-close:focus, .pk-modal-card .pk-modal-close:hover, .pk-modal-card .pk-modal-close:focus{ background:#f7faf8!important; color:#063221!important; border-color:#0f6a4a!important; transform:none!important; } @media(max-width:720px){ .pk-modal .pk-modal-close, .pk-modal-card .pk-modal-close{ top:14px!important; right:14px!important; width:42px!important; height:42px!important; min-width:42px!important; min-height:42px!important; } } /* v5.0.0 Executive UX Rebuild: owner-first nested navigation and operations dashboard */ .pk-dash-nav .pk-nav-group { display: block; } .pk-dash-nav .pk-nav-group > a { margin-bottom: 4px; } .pk-nav-children { display: none; margin: -2px 0 8px 43px; padding-left: 12px; border-left: 1px solid rgba(255,255,255,.16); } .pk-nav-group.active .pk-nav-children { display: grid; gap: 4px; } .pk-nav-children a { display: block; padding: 7px 10px; border-radius: 10px; font-size: 13px; font-weight: 700; color: rgba(255,255,255,.78); text-decoration: none; } .pk-nav-children a:hover, .pk-nav-children a.active { background: rgba(255,255,255,.11); color: #fff; } .pk-operations-panel .pk-owner-kpi-row article { border-color: rgba(4, 120, 87, .18); background: linear-gradient(180deg,#ffffff 0%,#f7fffb 100%); } .pk-dashboard-main .pk-dashboard-title p { max-width: 860px; } /* v5.0.1 Sidebar submenu polish: clean SaaS accordion hierarchy */ .pk-sidebar .pk-dash-nav{ gap:6px!important; } .pk-sidebar .pk-dash-nav .pk-nav-group{ display:block!important; margin:0 0 2px!important; } .pk-sidebar .pk-dash-nav .pk-nav-group > a{ position:relative!important; display:flex!important; align-items:center!important; gap:10px!important; width:100%!important; margin:0!important; border-radius:14px!important; background:transparent!important; color:#e8fff5!important; box-shadow:none!important; } .pk-sidebar .pk-dash-nav .pk-nav-group > a:hover{ background:rgba(255,255,255,.09)!important; color:#ffffff!important; } .pk-sidebar .pk-dash-nav .pk-nav-group.active > a{ background:rgba(255,255,255,.10)!important; color:#ffffff!important; } .pk-sidebar .pk-dash-nav .pk-nav-group > a.active{ background:rgba(255,255,255,.10)!important; color:#ffffff!important; } .pk-sidebar .pk-nav-icon{ flex:0 0 auto!important; width:22px!important; height:22px!important; display:inline-grid!important; place-items:center!important; border-radius:999px!important; background:rgba(255,255,255,.10)!important; font-size:13px!important; line-height:1!important; } .pk-sidebar .pk-nav-label{ min-width:0!important; flex:1 1 auto!important; } .pk-sidebar .pk-nav-chevron{ margin-left:auto!important; color:rgba(232,255,245,.58)!important; font-size:16px!important; line-height:1!important; transform:rotate(-90deg)!important; transition:transform .16s ease,color .16s ease!important; } .pk-sidebar .pk-nav-group.active .pk-nav-chevron{ transform:rotate(0deg)!important; color:#ffffff!important; } .pk-sidebar .pk-nav-children{ display:none!important; margin:4px 0 10px 32px!important; padding:2px 0 2px 12px!important; border-left:0!important; gap:2px!important; } .pk-sidebar .pk-nav-group.active .pk-nav-children{ display:grid!important; } .pk-sidebar .pk-nav-children a{ position:relative!important; min-height:34px!important; padding:8px 12px 8px 16px!important; margin:0!important; border-radius:10px!important; border-left:3px solid transparent!important; background:transparent!important; color:rgba(232,255,245,.72)!important; font-size:14px!important; font-weight:650!important; line-height:1.25!important; box-shadow:none!important; } .pk-sidebar .pk-nav-children a::before{ content:""!important; position:absolute!important; left:0!important; top:9px!important; bottom:9px!important; width:3px!important; border-radius:999px!important; background:transparent!important; } .pk-sidebar .pk-nav-children a:hover{ background:rgba(255,255,255,.07)!important; color:#ffffff!important; } .pk-sidebar .pk-nav-children a.active{ background:rgba(255,255,255,.08)!important; color:#ffffff!important; border-left-color:#d4a017!important; font-weight:800!important; } .pk-sidebar .pk-nav-children a.active::before{ background:#d4a017!important; } .pk-sidebar .pk-dash-nav .pk-nav-group.active > a + .pk-nav-children a.active{ background:rgba(255,255,255,.08)!important; } .pk-sidebar .pk-dash-nav .pk-logout{ border-radius:14px!important; } @media(max-height:760px) and (min-width:981px){ .pk-sidebar .pk-nav-children{margin:2px 0 6px 30px!important;padding-left:10px!important;gap:1px!important;} .pk-sidebar .pk-nav-children a{min-height:30px!important;padding:6px 10px 6px 14px!important;font-size:13px!important;} } @media(max-width:640px){ .pk-sidebar .pk-nav-children{margin-left:30px!important;padding-left:10px!important;} .pk-sidebar .pk-nav-children a{font-size:14px!important;min-height:34px!important;} } /* v5.3.0 POS import MVP */ .pk-pos-import-panel{margin-bottom:18px} .pk-import-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px} .pk-import-header h2{margin:0 0 6px} .pk-import-header p{margin:0;color:#64748b;max-width:760px} .pk-pos-import-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end} .pk-pos-import-form label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:#0f172a} .pk-pos-import-form input,.pk-pos-import-form select{border:1px solid #d7e5df;border-radius:14px;padding:12px 14px;background:#fff;min-height:46px} .pk-import-help{margin:12px 0 0;color:#64748b;font-size:13px;line-height:1.5} @media (max-width: 760px){.pk-import-header{display:block}.pk-import-header .pk-badge{display:inline-flex;margin-top:10px}.pk-pos-import-form{grid-template-columns:1fr}} /* v5.3.1 Flexible Sales Recording Engine */ .pk-sales-engine-panel, .pk-pos-import-panel { margin-bottom: 18px; } .pk-sales-settings-form .pk-modal-grid, .pk-sales-breakdown .pk-modal-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; } .pk-sales-option-row { display: flex; flex-wrap: wrap; gap: 12px 18px; margin: 12px 0 16px; } .pk-sales-option-row label { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; } .pk-sales-breakdown { border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 16px; padding: 14px; margin: 12px 0; background: rgba(248, 250, 252, 0.75); } .pk-sales-breakdown h3 { margin: 0 0 12px; font-size: 0.95rem; } .pk-modal-card select, .pk-sales-settings-form select { width: 100%; min-height: 42px; } .pk-receivables-card{margin-top:24px}.pk-receivables-kpis{margin:16px 0}.pk-mini-aging{margin-top:12px;color:#475569;font-size:13px}.pk-badge-warning{background:#fff7ed;color:#9a3412;border-color:#fed7aa} /* v5.3.5 Executive Dashboard 2.0 */ .pk-exec20-hero{margin-bottom:18px;background:linear-gradient(135deg,rgba(16,185,129,.10),rgba(212,160,23,.10));border:1px solid rgba(15,23,42,.08)} .pk-exec20-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px} .pk-exec20-header h2{margin:4px 0 0;max-width:820px;line-height:1.15} .pk-exec20-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .pk-exec20-grid article{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:16px;box-shadow:0 10px 26px rgba(15,23,42,.05)} .pk-exec20-grid small,.pk-exec20-pressure small{display:block;color:#64748b;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.04em} .pk-exec20-grid strong,.pk-exec20-pressure strong{display:block;margin-top:6px;color:#0f172a;font-size:clamp(20px,2.2vw,30px);line-height:1.1} .pk-exec20-grid span{display:block;margin-top:8px;color:#64748b;font-size:13px;line-height:1.35} .pk-exec20-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px} .pk-exec20-pressure{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0} .pk-exec20-pressure>div{padding:14px;border-radius:16px;background:#f8fafc;border:1px solid rgba(15,23,42,.08)} @media(max-width:1100px){.pk-exec20-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pk-exec20-decision-grid{grid-template-columns:1fr}} @media(max-width:640px){.pk-exec20-header{display:block}.pk-exec20-header .pk-button{margin-top:12px}.pk-exec20-grid,.pk-exec20-pressure{grid-template-columns:1fr}.pk-exec20-grid article{padding:14px}} /* v5.3.7 Customer Directory UX polish */ .pk-customers-page{display:grid!important;gap:18px!important;overflow:visible!important}.pk-customers-hero{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;padding-bottom:18px!important;border-bottom:1px solid #e5eee8!important}.pk-customers-titleblock{min-width:0!important}.pk-customers-eyebrow{display:inline-flex!important;width:auto!important;height:auto!important;margin:0 0 6px!important;padding:0!important;background:transparent!important;border-radius:0!important;color:#0f6a4a!important;font-size:12px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;line-height:1.2!important}.pk-customers-titleblock h2{margin:0!important;font-size:clamp(28px,2.4vw,38px)!important;line-height:1.05!important;letter-spacing:-.055em!important;color:#061a14!important}.pk-customers-titleblock p{margin:8px 0 0!important;max-width:820px!important;color:#53635d!important;font-size:16px!important;line-height:1.55!important}.pk-customer-kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.pk-customer-kpi-grid article{padding:18px!important;border:1px solid #dcebe3!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 26px rgba(15,23,42,.035)!important}.pk-customer-kpi-grid small{display:block!important;margin-bottom:8px!important;color:#64748b!important;font-size:13px!important;font-weight:900!important}.pk-customer-kpi-grid strong{display:block!important;color:#063221!important;font-size:30px!important;line-height:1.1!important;letter-spacing:-.04em!important}.pk-customer-kpi-grid span{display:block!important;margin-top:6px!important;color:#64748b!important;font-size:13px!important;line-height:1.4!important}.pk-customer-table-card{border:1px solid #dcebe3!important;border-radius:22px!important;background:#fff!important;overflow:hidden!important}.pk-customer-table-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:18px 18px 14px!important;border-bottom:1px solid #e5eee8!important}.pk-customer-table-head h3{margin:0!important;font-size:20px!important;letter-spacing:-.03em!important;color:#0f172a!important}.pk-customer-table-head p{margin:4px 0 0!important;color:#64748b!important;line-height:1.45!important}.pk-customer-table{border:0!important;border-radius:0!important}.pk-customer-table table{margin:0!important;border:0!important}.pk-customer-table th{background:#f8fafc!important;color:#5b6f64!important;font-size:12px!important;letter-spacing:.06em!important;white-space:nowrap!important}.pk-customer-table td{vertical-align:middle!important}.pk-customer-table td strong{color:#09291e!important}.pk-customer-table small{color:#64748b!important}.pk-customer-empty{display:grid!important;gap:10px!important;align-items:start!important;justify-items:start!important;margin:12px!important;padding:28px!important;border:1px dashed #cfe3d8!important;border-radius:20px!important;background:linear-gradient(180deg,#ffffff,#f8fcfa)!important;text-align:left!important}.pk-customer-empty strong{font-size:24px!important;color:#0f172a!important}.pk-customer-empty span{max-width:620px!important;color:#64748b!important;line-height:1.6!important}.pk-customer-modal-card{width:min(100%,760px)!important}.pk-modal-heading{padding-right:44px!important}.pk-modal-heading h2{margin:4px 0 6px!important;font-size:30px!important;line-height:1.1!important;letter-spacing:-.05em!important}.pk-modal-heading p{margin:0 0 18px!important;color:#64748b!important;line-height:1.55!important}.pk-form-section{padding:18px!important;margin:16px 0!important;border:1px solid #e1ebe5!important;border-radius:20px!important;background:#fbfdfc!important}.pk-form-section h3{margin:0 0 12px!important;font-size:16px!important;color:#0f172a!important}.pk-credit-section{background:#fffdf5!important;border-color:#f1dfac!important}.pk-modal-actions{display:flex!important;justify-content:flex-end!important;margin-top:16px!important}.pk-modal-card select{width:100%;padding:14px;border:1px solid var(--pk-border);border-radius:14px;font:inherit;background:#fff}.pk-checkline{display:flex!important;align-items:center!important;gap:10px!important}.pk-checkline input{width:auto!important}.pk-card-header .pk-eyebrow{width:auto!important;height:auto!important;background:transparent!important;border-radius:0!important} @media(max-width:1180px){.pk-customer-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pk-customer-table-head{align-items:flex-start!important;flex-direction:column!important}.pk-customer-table-head .pk-btn{width:100%!important}} @media(max-width:720px){.pk-customers-hero{align-items:stretch!important;flex-direction:column!important}.pk-customers-hero .pk-btn{width:100%!important}.pk-customer-kpi-grid{grid-template-columns:1fr!important}.pk-customer-kpi-grid strong{font-size:26px!important}.pk-modal-actions .pk-btn{width:100%!important}.pk-customer-modal-card{padding:22px!important}.pk-form-section{padding:14px!important}} /* v5.3.9 Purchase summary/itemized workflow */ .pk-purchase-lines{display:flex;flex-direction:column;gap:12px;margin-top:10px} .pk-purchase-line{display:grid;grid-template-columns:2fr .8fr .7fr .9fr .9fr;gap:10px;padding:12px;border:1px solid rgba(15,76,55,.14);border-radius:16px;background:#fbfffd} .pk-purchase-total-preview{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:12px 0 4px;padding:12px 14px;border-radius:14px;background:#eefbf5;color:#053b2a;font-weight:800} .pk-purchase-total-preview span{font-size:1.1rem} @media (max-width: 900px){.pk-purchase-line{grid-template-columns:1fr 1fr}.pk-purchase-line label:first-child{grid-column:1/-1}} @media (max-width: 560px){.pk-purchase-line{grid-template-columns:1fr}.pk-purchase-total-preview{justify-content:flex-start;flex-wrap:wrap}} /* v5.4.1 Purchasing UX Rebuild */ .pk-form-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.pk-form-section-header h3{margin:0}.pk-mini-pill{display:inline-flex;align-items:center;border-radius:999px;background:#eef7f1;color:#0f6f49;font-weight:800;font-size:11px;padding:6px 10px;white-space:nowrap}.pk-choice-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 18px}.pk-choice-card{position:relative;display:flex;flex-direction:column;gap:7px;min-height:124px;padding:18px;border:1px solid #d8e6dd;border-radius:20px;background:#fff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.pk-choice-card:hover{border-color:#0f6f49;box-shadow:0 12px 30px rgba(9,45,31,.08);transform:translateY(-1px)}.pk-choice-card input{position:absolute;opacity:0;pointer-events:none}.pk-choice-card.is-selected{border-color:#0f6f49;box-shadow:0 0 0 3px rgba(15,111,73,.12)}.pk-choice-card.is-disabled{opacity:.55;cursor:not-allowed}.pk-choice-card strong{font-size:15px;line-height:1.25;color:#061b35}.pk-choice-card small{font-size:13px;line-height:1.45;color:#607089}.pk-choice-icon{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#edf7f1;font-size:17px}.pk-choice-card-compact{min-height:82px}.pk-source-panel{border:1px solid #dbe9e1;background:#fbfefd;border-radius:18px;padding:16px;margin-top:12px}.pk-inline-notice{margin-top:10px;color:#607089;font-weight:700}.pk-success-hint{color:#0f6f49}.pk-purchase-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;align-items:start}.pk-purchase-summary-card{position:sticky;top:16px;border:1px solid #d8e6dd;border-radius:20px;background:#f8fcfa;padding:18px;box-shadow:0 12px 25px rgba(8,49,33,.06)}.pk-purchase-summary-card h4{margin:0 0 12px;color:#061b35;font-size:16px}.pk-purchase-summary-card div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e4eee8}.pk-purchase-summary-card div:last-child{border-bottom:0}.pk-purchase-summary-card span{color:#607089;font-weight:700;font-size:13px}.pk-purchase-summary-card strong{color:#063f2c;font-size:16px}.pk-summary-balance strong{font-size:20px}.pk-itemized-grid-wrap{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.pk-itemized-grid{display:grid;grid-template-columns:1.25fr 1fr .65fr .65fr .8fr .8fr 38px;gap:10px;align-items:end}.pk-itemized-grid-head{padding:0 8px;color:#607089;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.pk-itemized-grid label{margin:0}.pk-itemized-grid input{min-height:46px;padding:10px 12px}.pk-line-remove{width:38px;height:46px;border-radius:14px;border:1px solid #f0c2c2;background:#fff5f5;color:#a62626;font-size:22px;font-weight:900;line-height:1;cursor:pointer}.pk-line-remove:hover{background:#ffe7e7}.screen-reader-text{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.pk-purchase-entry-rebuild .pk-btn-secondary{margin-top:4px}.pk-purchase-source-rebuild .pk-section-help,.pk-purchase-entry-rebuild .pk-section-help{margin:4px 0 0}.pk-purchase-source-section .pk-modal-grid{align-items:start} @media (max-width: 980px){.pk-choice-card-grid{grid-template-columns:1fr}.pk-purchase-layout{grid-template-columns:1fr}.pk-purchase-summary-card{position:static}.pk-itemized-grid,.pk-itemized-grid-head{grid-template-columns:1fr}.pk-itemized-grid-head{display:none}.pk-line-remove{width:100%}} /* v5.5.0 Business Migration & Opening Balances Wizard */ .pk-migration-page .pk-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.pk-status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;font-weight:800;font-size:12px;background:#fff7ed;color:#9a3412}.pk-status-pill.is-success{background:#dcfce7;color:#166534}.pk-migration-form h3{margin:24px 0 12px;font-size:17px}.pk-migration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pk-migration-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pk-migration-form label{display:flex;flex-direction:column;gap:8px;font-weight:800}.pk-migration-form input,.pk-migration-form select,.pk-migration-form textarea{width:100%;border:1px solid #d7e4dc;border-radius:14px;padding:13px 14px;background:#fff;font:inherit}.pk-migration-form small,.pk-muted{color:#64748b;font-weight:700}.pk-migration-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.pk-migration-summary article{border:1px solid #dce8e2;border-radius:18px;padding:16px;background:#fbfefd}.pk-migration-summary small{display:block;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.pk-migration-summary strong{display:block;margin-top:8px;font-size:24px;color:#083b2a}.pk-check{flex-direction:row!important;align-items:center!important;margin:10px 0 18px}.pk-check input{width:auto!important}@media(max-width:900px){.pk-migration-grid,.pk-migration-grid-3,.pk-migration-summary{grid-template-columns:1fr}.pk-migration-page .pk-section-heading{flex-direction:column}} .pk-period-calendar,.pk-report-chip-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.pk-period-month{display:grid;gap:8px;min-width:82px;padding:14px;border:1px solid var(--pk-border);border-radius:18px;background:#f7faf8}.pk-checklist-list,.pk-validation-list{display:grid;gap:10px}.pk-checklist-row,.pk-validation-row{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--pk-border);border-radius:16px;background:#fff}.pk-checklist-row span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eef8f2;color:var(--pk-green);font-weight:900}.pk-validation-row small{display:block;color:var(--pk-muted);margin-top:4px}.pk-report-chip-list span{padding:10px 14px;border-radius:999px;background:#f1f8f4;border:1px solid var(--pk-border);font-weight:800;color:var(--pk-green-dark)}@media(max-width:900px){.pk-period-kpis{grid-template-columns:1fr}.pk-period-grid{grid-template-columns:1fr}} .pk-po-line-grid{display:grid;grid-template-columns:1.2fr 1.2fr .6fr .5fr .7fr;gap:.6rem;margin-bottom:.6rem}.pk-po-line-head{font-size:.78rem;font-weight:700;color:#64748b}.pk-mini-field{display:block;margin:.35rem 0}.pk-mini-field input{max-width:130px}.pk-po-receive-form{align-items:flex-start;gap:.45rem;flex-wrap:wrap}.pk-purchase-order-center .pk-subpanel{margin-top:1rem}@media(max-width:760px){.pk-po-line-grid{grid-template-columns:1fr}.pk-po-line-head{display:none}} /* v5.8.6 Enterprise Navigation & Workspace Rebuild */ .pk-sidebar{overflow:hidden!important;} .pk-sidebar .pk-dash-nav{ flex:1 1 auto!important; overflow:visible!important; scrollbar-width:none!important; gap:5px!important; padding-bottom:0!important; border-bottom:0!important; } .pk-sidebar .pk-dash-nav::-webkit-scrollbar{display:none!important;} .pk-sidebar .pk-dash-nav .pk-nav-group > a, .pk-sidebar .pk-dash-nav > a{ min-height:42px!important; padding:10px 13px!important; font-size:15px!important; } .pk-sidebar .pk-nav-children{ margin:3px 0 7px 30px!important; padding:1px 0 1px 10px!important; gap:1px!important; } .pk-sidebar .pk-nav-children a{ min-height:28px!important; padding:5px 10px 5px 13px!important; font-size:12.5px!important; line-height:1.15!important; } .pk-sidebar .pk-logout{ margin-top:10px!important; min-height:42px!important; padding:10px 13px!important; font-size:16px!important; } .pk-sidebar .pk-avatar-card{margin-bottom:10px!important;} .pk-sidebar .pk-user-card{padding:13px 10px!important;} .pk-sidebar .pk-avatar-wrap,.pk-sidebar .pk-avatar-wrap img{width:58px!important;height:58px!important;} .pk-sidebar .pk-brand{margin-bottom:12px!important;} @media(min-width:981px){ .pk-sidebar{height:100vh!important;max-height:100vh!important;} .pk-sidebar .pk-dash-nav{display:grid!important;grid-auto-rows:min-content!important;align-content:start!important;} } @media(max-height:760px) and (min-width:981px){ .pk-sidebar{padding:12px 12px 12px!important;} .pk-sidebar .pk-brand{margin-bottom:8px!important;font-size:20px!important;} .pk-sidebar .pk-user-card{padding:9px 8px!important;} .pk-sidebar .pk-avatar-wrap,.pk-sidebar .pk-avatar-wrap img{width:48px!important;height:48px!important;} .pk-sidebar .pk-dash-nav .pk-nav-group > a,.pk-sidebar .pk-dash-nav > a{min-height:36px!important;padding:8px 11px!important;font-size:14px!important;} .pk-sidebar .pk-nav-children a{min-height:24px!important;padding:4px 9px 4px 12px!important;font-size:12px!important;} .pk-sidebar .pk-logout{min-height:36px!important;padding:8px 11px!important;font-size:15px!important;margin-top:6px!important;} } /* v5.8.7 Enterprise Navigation 2.0 — hover preview + click-pinned ERP menu */ .pk-sidebar .pk-dash-nav{ position:relative!important; gap:6px!important; overflow:visible!important; } .pk-sidebar .pk-dash-nav .pk-nav-group{ position:relative!important; } .pk-sidebar .pk-dash-nav .pk-nav-group > a{ border:1px solid transparent!important; background:transparent!important; box-shadow:none!important; transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important; } .pk-sidebar .pk-dash-nav .pk-nav-group > a:hover, .pk-sidebar .pk-dash-nav .pk-nav-group.pk-open > a, .pk-sidebar .pk-dash-nav .pk-nav-group.active > a{ background:rgba(255,255,255,.095)!important; border-color:rgba(255,255,255,.10)!important; color:#fff!important; } .pk-sidebar .pk-dash-nav .pk-nav-group.active > a{ background:rgba(255,255,255,.14)!important; } .pk-sidebar .pk-nav-chevron{ transform:rotate(-90deg)!important; opacity:.85!important; } .pk-sidebar .pk-nav-group.active .pk-nav-chevron, .pk-sidebar .pk-nav-group.pk-open .pk-nav-chevron{ transform:rotate(0deg)!important; } .pk-sidebar .pk-nav-children{ display:none!important; margin:2px 0 7px 36px!important; padding:2px 0 2px 10px!important; border-left:1px solid rgba(255,255,255,.11)!important; background:transparent!important; box-shadow:none!important; gap:1px!important; } .pk-sidebar .pk-nav-group.active > .pk-nav-children, .pk-sidebar .pk-nav-group.pk-open > .pk-nav-children{ display:grid!important; animation:pkNavSlide .16s ease both!important; } .pk-sidebar .pk-nav-children a{ position:relative!important; min-height:27px!important; padding:5px 10px 5px 16px!important; border-radius:9px!important; border-left:0!important; background:transparent!important; color:rgba(233,255,246,.72)!important; font-size:12.5px!important; font-weight:700!important; letter-spacing:-.01em!important; } .pk-sidebar .pk-nav-children a::before{ content:""!important; position:absolute!important; left:4px!important; top:50%!important; width:4px!important; height:4px!important; border-radius:999px!important; background:rgba(233,255,246,.38)!important; transform:translateY(-50%)!important; } .pk-sidebar .pk-nav-children a:hover{ background:rgba(255,255,255,.075)!important; color:#fff!important; } .pk-sidebar .pk-nav-children a.active{ background:rgba(212,160,23,.18)!important; color:#fff!important; font-weight:900!important; } .pk-sidebar .pk-nav-children a.active::before{ width:5px!important; height:18px!important; background:#d4a017!important; } @keyframes pkNavSlide{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}} @media (hover:hover) and (pointer:fine) and (min-width:981px){ .pk-sidebar .pk-nav-group.has-children:not(.active):not(.pk-open):hover > .pk-nav-children, .pk-sidebar .pk-nav-group.has-children:not(.active):not(.pk-open):focus-within > .pk-nav-children{ display:grid!important; position:absolute!important; left:calc(100% + 12px)!important; top:0!important; z-index:9999!important; width:238px!important; margin:0!important; padding:10px!important; border:1px solid rgba(6,45,32,.12)!important; border-radius:16px!important; background:#ffffff!important; box-shadow:0 20px 48px rgba(2,32,23,.22)!important; animation:pkNavFlyout .14s ease both!important; } .pk-sidebar .pk-nav-group.has-children:not(.active):not(.pk-open):hover > .pk-nav-children::before, .pk-sidebar .pk-nav-group.has-children:not(.active):not(.pk-open):focus-within > .pk-nav-children::before{ content:""!important; position:absolute!important; left:-12px!important; top:0!important; bottom:0!important; width:12px!important; } .pk-sidebar .pk-nav-group.has-children:not(.active):not(.pk-open):hover > .pk-nav-children a, .pk-sidebar .pk-nav-group.has-children:not(.active):not(.pk-open):focus-within > .pk-nav-children a{ min-height:36px!important; padding:9px 12px 9px 20px!important; color:#174336!important; font-size:13.5px!important; border-radius:11px!important; } .pk-sidebar .pk-nav-group.has-children:not(.active):not(.pk-open):hover > .pk-nav-children a::before, .pk-sidebar .pk-nav-group.has-children:not(.active):not(.pk-open):focus-within > .pk-nav-children a::before{ background:rgba(15,106,74,.35)!important; } .pk-sidebar .pk-nav-group.has-children:not(.active):not(.pk-open):hover > .pk-nav-children a:hover, .pk-sidebar .pk-nav-group.has-children:not(.active):not(.pk-open):focus-within > .pk-nav-children a:hover{ background:#edf8f1!important; color:#063d2c!important; } .pk-sidebar .pk-nav-group.has-children:not(.active):not(.pk-open):hover > .pk-nav-children a.active, .pk-sidebar .pk-nav-group.has-children:not(.active):not(.pk-open):focus-within > .pk-nav-children a.active{ background:#e6f6ed!important; color:#063d2c!important; } @keyframes pkNavFlyout{from{opacity:0;transform:translateX(-6px) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}} } @media(max-height:760px) and (min-width:981px){ .pk-sidebar .pk-nav-children{margin:1px 0 5px 34px!important;padding-left:9px!important;} .pk-sidebar .pk-nav-children a{min-height:24px!important;padding-top:4px!important;padding-bottom:4px!important;font-size:12px!important;} } @media(max-width:980px){ .pk-sidebar .pk-nav-group.pk-open > .pk-nav-children, .pk-sidebar .pk-nav-group.active > .pk-nav-children{display:grid!important;} .pk-sidebar .pk-nav-children{margin-left:34px!important;} } /* v5.8.7.1 Navigation Typography & Sidebar Polish */ .pk-sidebar .pk-nav-children a{ min-height:34px!important; padding:8px 11px 8px 18px!important; font-size:14px!important; line-height:1.45!important; font-weight:700!important; letter-spacing:-.012em!important; } .pk-sidebar .pk-nav-children a::before{ left:5px!important; width:5px!important; height:5px!important; } .pk-sidebar .pk-nav-children a.active::before{ width:5px!important; height:20px!important; } .pk-sidebar .pk-nav-children{ gap:2px!important; margin:3px 0 8px 38px!important; padding:3px 0 3px 11px!important; } .pk-sidebar .pk-dash-nav .pk-nav-group > a, .pk-sidebar .pk-dash-nav > a{ font-size:16px!important; line-height:1.35!important; } @media (hover:hover) and (pointer:fine) and (min-width:981px){ .pk-sidebar .pk-nav-group.has-children:not(.active):not(.pk-open):hover > .pk-nav-children a, .pk-sidebar .pk-nav-group.has-children:not(.active):not(.pk-open):focus-within > .pk-nav-children a{ min-height:38px!important; padding:9px 12px 9px 22px!important; font-size:14px!important; line-height:1.4!important; } } @media(max-height:760px) and (min-width:981px){ .pk-sidebar .pk-nav-children{margin:2px 0 6px 36px!important;padding-left:10px!important;} .pk-sidebar .pk-nav-children a{min-height:31px!important;padding-top:6px!important;padding-bottom:6px!important;font-size:13.5px!important;} } @media(max-width:980px){ .pk-sidebar .pk-nav-children a{min-height:36px!important;font-size:14px!important;padding-top:8px!important;padding-bottom:8px!important;} } /* v5.8.7.2 Administration Submenu Fit Patch Fixes Administration submenu colliding with Logout on desktop by using a compact two-column admin submenu while preserving the larger submenu typography elsewhere. */ @media (min-width:981px){ .pk-sidebar .pk-dash-nav .pk-nav-group:last-of-type.active > .pk-nav-children, .pk-sidebar .pk-dash-nav .pk-nav-group:last-of-type.pk-open > .pk-nav-children{ display:grid!important; grid-template-columns:1fr 1fr!important; column-gap:5px!important; row-gap:4px!important; margin:4px 0 8px 28px!important; padding:4px 0 4px 10px!important; max-width:202px!important; border-left:1px solid rgba(255,255,255,.10)!important; } .pk-sidebar .pk-dash-nav .pk-nav-group:last-of-type.active > .pk-nav-children a, .pk-sidebar .pk-dash-nav .pk-nav-group:last-of-type.pk-open > .pk-nav-children a{ min-height:30px!important; padding:6px 7px 6px 15px!important; font-size:13px!important; line-height:1.25!important; border-radius:8px!important; white-space:normal!important; } .pk-sidebar .pk-dash-nav .pk-nav-group:last-of-type.active > .pk-nav-children a::before, .pk-sidebar .pk-dash-nav .pk-nav-group:last-of-type.pk-open > .pk-nav-children a::before{ left:4px!important; width:4px!important; height:4px!important; } .pk-sidebar .pk-dash-nav .pk-nav-group:last-of-type.active > .pk-nav-children a.active::before, .pk-sidebar .pk-dash-nav .pk-nav-group:last-of-type.pk-open > .pk-nav-children a.active::before{ height:16px!important; } .pk-sidebar .pk-dash-nav .pk-logout{ position:relative!important; z-index:2!important; margin-top:8px!important; } } @media (max-height:760px) and (min-width:981px){ .pk-sidebar .pk-dash-nav .pk-nav-group:last-of-type.active > .pk-nav-children, .pk-sidebar .pk-dash-nav .pk-nav-group:last-of-type.pk-open > .pk-nav-children{ row-gap:2px!important; margin-top:2px!important; margin-bottom:5px!important; } .pk-sidebar .pk-dash-nav .pk-nav-group:last-of-type.active > .pk-nav-children a, .pk-sidebar .pk-dash-nav .pk-nav-group:last-of-type.pk-open > .pk-nav-children a{ min-height:27px!important; padding-top:4px!important; padding-bottom:4px!important; font-size:12.5px!important; } } /* v5.8.7.3 Context-Aware Empty States & CTA Consistency */ .pk-empty-state-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 14px; } .pk-empty-state-actions .pk-btn { width: auto; } /* v5.8.7.4 Inventory Workspace UX Polish — real applied workspace redesign */ .pk-module-inventory .pk-inventory-accounting-panel{ padding:28px!important; border-radius:28px!important; border:1px solid #dbe9e1!important; background:linear-gradient(180deg,#ffffff 0%,#f8fcfa 100%)!important; box-shadow:0 18px 45px rgba(8,49,33,.06)!important; } .pk-module-inventory .pk-inventory-accounting-panel .pk-section-heading{ align-items:flex-start!important; padding:18px 20px!important; margin:0 0 20px!important; border:1px solid #dbe9e1!important; border-radius:22px!important; background:linear-gradient(135deg,#eefaf4 0%,#ffffff 70%)!important; } .pk-module-inventory .pk-inventory-accounting-panel .pk-section-heading small{ display:inline-flex!important; align-items:center!important; gap:8px!important; margin-bottom:6px!important; color:#0f6f49!important; font-size:12px!important; font-weight:900!important; letter-spacing:.08em!important; text-transform:uppercase!important; } .pk-module-inventory .pk-inventory-accounting-panel .pk-section-heading small:before{content:'📦';font-size:15px;letter-spacing:0;} .pk-module-inventory .pk-inventory-accounting-panel .pk-section-heading h3{ font-size:clamp(24px,1.8vw,32px)!important; line-height:1.1!important; margin:0 0 6px!important; letter-spacing:-.045em!important; } .pk-module-inventory .pk-inventory-accounting-panel .pk-section-heading p{ max-width:760px!important; margin:0!important; color:#52657d!important; line-height:1.6!important; } .pk-module-inventory .pk-inventory-accounting-panel .pk-badge{ background:#0f6f49!important; color:#fff!important; border-color:#0f6f49!important; box-shadow:0 8px 20px rgba(15,111,73,.18)!important; } .pk-module-inventory .pk-inventory-accounting-panel .pk-kpis-inline{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:16px!important; margin:0 0 20px!important; } .pk-module-inventory .pk-inventory-accounting-panel .pk-kpis-inline article{ min-height:132px!important; padding:22px!important; border:1px solid #dbe9e1!important; border-radius:22px!important; background:#fff!important; box-shadow:0 12px 28px rgba(8,49,33,.05)!important; } .pk-module-inventory .pk-inventory-accounting-panel .pk-kpis-inline article small{ color:#607089!important; font-size:13px!important; font-weight:900!important; letter-spacing:.04em!important; text-transform:uppercase!important; } .pk-module-inventory .pk-inventory-accounting-panel .pk-kpis-inline article strong{ display:block!important; margin-top:10px!important; color:#063f2c!important; font-size:clamp(28px,2vw,38px)!important; line-height:1.05!important; letter-spacing:-.045em!important; } .pk-module-inventory .pk-inventory-settings-form{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:16px!important; align-items:end!important; padding:22px!important; margin:0 0 22px!important; border:1px solid #dbe9e1!important; border-radius:24px!important; background:#fff!important; box-shadow:0 14px 32px rgba(8,49,33,.05)!important; } .pk-module-inventory .pk-inventory-settings-form:before{ content:'Inventory Configuration'; grid-column:1/-1; display:flex; align-items:center; gap:10px; margin-bottom:2px; color:#061b35; font-size:20px; font-weight:900; letter-spacing:-.035em; } .pk-module-inventory .pk-inventory-settings-form label{margin:0!important;} .pk-module-inventory .pk-inventory-settings-form select, .pk-module-inventory .pk-inventory-settings-form input{ min-height:48px!important; border-radius:14px!important; border-color:#cfddd5!important; background:#fbfefd!important; } .pk-module-inventory .pk-inventory-settings-form small{ display:block!important; margin-top:8px!important; color:#607089!important; font-size:12px!important; line-height:1.45!important; } .pk-module-inventory .pk-inventory-settings-form .pk-btn, .pk-module-inventory .pk-inventory-settings-form button[type="submit"], .pk-module-inventory button[name="profitkusina_save_inventory_accounting_settings"], .pk-module-inventory form[action*="admin-post.php"].pk-inventory-settings-form > button{ grid-column:1/-1!important; width:100%!important; max-width:340px!important; min-height:48px!important; justify-content:center!important; margin-top:4px!important; padding:13px 22px!important; border:1px solid #0f6f49!important; border-radius:16px!important; background:#0f6f49!important; color:#fff!important; font-size:15px!important; font-weight:900!important; box-shadow:0 12px 24px rgba(15,111,73,.22)!important; } .pk-module-inventory .pk-inventory-settings-form .pk-btn:hover, .pk-module-inventory .pk-inventory-settings-form button[type="submit"]:hover{ background:#0a5639!important; border-color:#0a5639!important; color:#fff!important; transform:translateY(-1px); } .pk-module-inventory .pk-inventory-accounting-panel > .pk-modal-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:18px!important; align-items:stretch!important; margin:0 0 18px!important; } .pk-module-inventory .pk-inventory-accounting-panel > .pk-modal-grid .pk-card, .pk-module-inventory .pk-inventory-accounting-panel > form.pk-card{ display:flex!important; flex-direction:column!important; gap:12px!important; padding:22px!important; border:1px solid #dbe9e1!important; border-radius:24px!important; background:#fff!important; box-shadow:0 14px 32px rgba(8,49,33,.05)!important; } .pk-module-inventory .pk-inventory-accounting-panel > form.pk-card{margin-top:0!important;} .pk-module-inventory .pk-inventory-accounting-panel .pk-card h4{ margin:0 0 2px!important; color:#061b35!important; font-size:20px!important; font-weight:900!important; letter-spacing:-.035em!important; } .pk-module-inventory .pk-inventory-accounting-panel .pk-card label{margin:0!important;} .pk-module-inventory .pk-inventory-accounting-panel .pk-card input, .pk-module-inventory .pk-inventory-accounting-panel .pk-card select{ min-height:46px!important; border-radius:14px!important; background:#fbfefd!important; } .pk-module-inventory .pk-inventory-accounting-panel .pk-card .pk-btn{ align-self:flex-start!important; min-height:44px!important; padding:12px 18px!important; border-radius:14px!important; font-weight:900!important; } .pk-module-inventory .pk-inventory-accounting-panel .pk-card button[type="submit"]{ background:#0f6f49!important; border-color:#0f6f49!important; color:#fff!important; box-shadow:0 10px 20px rgba(15,111,73,.18)!important; } .pk-module-inventory .pk-inventory-accounting-panel .pk-card button[type="submit"]:hover{ background:#0a5639!important; border-color:#0a5639!important; color:#fff!important; } .pk-module-inventory .pk-inventory-accounting-panel .pk-card small, .pk-module-inventory .pk-inventory-accounting-panel .pk-card p{ color:#607089!important; line-height:1.55!important; } .pk-module-inventory .pk-ledger-panel, .pk-module-inventory .pk-ledger-panel + .pk-subpanel{ padding:24px!important; border-radius:24px!important; background:#fff!important; box-shadow:0 14px 32px rgba(8,49,33,.04)!important; } .pk-module-inventory .pk-empty-state{ padding:28px!important; border-radius:22px!important; background:linear-gradient(180deg,#ffffff,#fbfefd)!important; } @media(max-width:1180px){ .pk-module-inventory .pk-inventory-accounting-panel .pk-kpis-inline{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .pk-module-inventory .pk-inventory-settings-form{grid-template-columns:1fr!important;} .pk-module-inventory .pk-inventory-accounting-panel > .pk-modal-grid{grid-template-columns:1fr!important;} } @media(max-width:720px){ .pk-module-inventory .pk-inventory-accounting-panel{padding:18px!important;border-radius:22px!important;} .pk-module-inventory .pk-inventory-accounting-panel .pk-section-heading{flex-direction:column!important;padding:16px!important;} .pk-module-inventory .pk-inventory-accounting-panel .pk-kpis-inline{grid-template-columns:1fr!important;} .pk-module-inventory .pk-inventory-settings-form .pk-btn, .pk-module-inventory .pk-inventory-settings-form button[type="submit"]{max-width:none!important;} } /* v5.8.7.5 — Dynamic Item Entry Framework */ .pk-dynamic-entry-section{padding:1.15rem;border:1px solid rgba(15,122,79,.18);border-radius:18px;background:linear-gradient(180deg,#ffffff 0%,#fbfefc 100%)} .pk-dynamic-entry-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem} .pk-dynamic-entry-header h3{margin:0 0 .25rem;font-size:1rem;font-weight:800;color:#071d3a} .pk-dynamic-entry-header p{margin:0;color:#5b6b82;font-size:.88rem;line-height:1.4} .pk-dynamic-lines{display:grid;gap:.55rem} .pk-recipe-line-grid{grid-template-columns:1.15fr 1.15fr .55fr .45fr .65fr 42px;align-items:center} .pk-dynamic-line input{min-height:42px} .pk-dynamic-entry-footer{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;margin-top:.85rem} .pk-dynamic-entry-footer small{color:#5b6b82;font-weight:600} .pk-add-dynamic-line{background:#eaf8f1;border-color:#b9e4d0;color:#075f3d;font-weight:800} .pk-add-dynamic-line:hover{background:#d9f3e7;color:#064c32} .pk-remove-dynamic-line,.pk-line-remove{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#fff;color:#b42318;font-size:1.15rem;font-weight:900;cursor:pointer} .pk-remove-dynamic-line:hover,.pk-line-remove:hover{background:#fff1f1;border-color:#f6b8b8;color:#8a1f16} @media(max-width:760px){.pk-dynamic-entry-header{display:block}.pk-dynamic-entry-header .pk-btn{margin-top:.75rem}.pk-recipe-line-grid{grid-template-columns:1fr}.pk-recipe-line-grid.pk-po-line-head{display:none}.pk-remove-dynamic-line,.pk-line-remove{width:100%}.pk-dynamic-entry-footer{display:grid}.pk-dynamic-entry-footer .pk-btn{width:100%}} /* v5.8.7.6 — Kitchen Workspace Layout Consistency */ .pk-dashboard-main.pk-workspace-kitchen{ padding-left:clamp(32px,3.2vw,48px)!important; padding-right:clamp(28px,3vw,44px)!important; } .pk-workspace-kitchen > .pk-panel, .pk-workspace-kitchen > .pk-dashboard-section, .pk-workspace-kitchen > .pk-module-page{ margin-left:0!important; margin-right:0!important; } .pk-workspace-kitchen .pk-dashboard-section, .pk-workspace-kitchen .pk-module-page, .pk-workspace-kitchen .pk-food-cost-intelligence-section, .pk-workspace-kitchen .pk-menu-engineering-section, .pk-workspace-kitchen .pk-recipe-production-page{ width:100%!important; max-width:none!important; } .pk-workspace-kitchen .pk-section-heading-row{ display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:24px!important; margin-bottom:24px!important; } .pk-workspace-kitchen .pk-section-heading-row h2{ margin-top:0!important; line-height:1.12!important; } .pk-workspace-kitchen .pk-section-lead{ max-width:820px!important; margin-top:8px!important; line-height:1.6!important; } .pk-workspace-kitchen .pk-kpis, .pk-workspace-kitchen .pk-kpis-inline{ gap:24px!important; margin:22px 0 24px!important; } .pk-workspace-kitchen .pk-kpis article, .pk-workspace-kitchen .pk-kpis-inline article{ min-height:128px!important; padding:26px!important; border-radius:22px!important; } .pk-workspace-kitchen .pk-dashboard-grid, .pk-workspace-kitchen .pk-dashboard-grid-clean{ gap:24px!important; margin-top:24px!important; } .pk-workspace-kitchen .pk-panel, .pk-workspace-kitchen .pk-subpanel, .pk-workspace-kitchen .pk-empty-state{ border-radius:24px!important; } .pk-workspace-kitchen .pk-header-actions{ display:flex!important; flex-wrap:wrap!important; gap:12px!important; } @media(max-width:980px){ .pk-dashboard-main.pk-workspace-kitchen{ padding-left:22px!important; padding-right:22px!important; } .pk-workspace-kitchen .pk-section-heading-row{ flex-direction:column!important; gap:14px!important; } .pk-workspace-kitchen .pk-kpis, .pk-workspace-kitchen .pk-kpis-inline, .pk-workspace-kitchen .pk-dashboard-grid, .pk-workspace-kitchen .pk-dashboard-grid-clean{ gap:16px!important; } } @media(max-width:640px){ .pk-dashboard-main.pk-workspace-kitchen{ padding-left:16px!important; padding-right:16px!important; } .pk-workspace-kitchen .pk-kpis article, .pk-workspace-kitchen .pk-kpis-inline article{ min-height:108px!important; padding:20px!important; } } /* v5.8.7.7 Administration Submenu Viewport Fix Keeps the expanded Administration submenu fully reachable when the WordPress admin bar is visible or the browser height is short. */ body.admin-bar .pk-sidebar{ top:32px!important; height:calc(100vh - 32px)!important; max-height:calc(100vh - 32px)!important; } .pk-sidebar .pk-dash-nav{ flex:1 1 auto!important; min-height:0!important; max-height:100%!important; overflow-y:auto!important; overflow-x:hidden!important; padding-bottom:18px!important; overscroll-behavior:contain!important; scrollbar-width:thin!important; } .pk-sidebar .pk-dash-nav::-webkit-scrollbar{width:7px!important;} .pk-sidebar .pk-dash-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22)!important;border-radius:999px!important;} .pk-sidebar .pk-dash-nav::-webkit-scrollbar-track{background:transparent!important;} @media (min-width:981px){ .pk-sidebar .pk-dash-nav .pk-nav-group:last-of-type.active > .pk-nav-children, .pk-sidebar .pk-dash-nav .pk-nav-group:last-of-type.pk-open > .pk-nav-children{ margin-bottom:10px!important; } .pk-sidebar .pk-dash-nav .pk-logout{ margin-bottom:6px!important; } } @media (max-width:782px){ body.admin-bar .pk-sidebar{ top:46px!important; height:calc(100dvh - 46px)!important; max-height:calc(100dvh - 46px)!important; } } @media (max-height:760px) and (min-width:981px){ .pk-sidebar .pk-dash-nav{ padding-bottom:12px!important; } .pk-sidebar .pk-dash-nav .pk-nav-group:last-of-type.active > .pk-nav-children, .pk-sidebar .pk-dash-nav .pk-nav-group:last-of-type.pk-open > .pk-nav-children{ grid-template-columns:1fr 1fr!important; margin-bottom:8px!important; } } /* v5.8.8.0 — Sidebar Navigation Consolidation & Scroll Safety */ .pk-sidebar{ display:flex!important; flex-direction:column!important; overflow:hidden!important; } .pk-sidebar .pk-dash-nav{ flex:1 1 auto!important; min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; padding-right:2px!important; padding-bottom:16px!important; overscroll-behavior:contain!important; scrollbar-width:thin!important; } .pk-sidebar .pk-dash-nav::-webkit-scrollbar{width:7px!important} .pk-sidebar .pk-dash-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22)!important;border-radius:999px!important} .pk-sidebar .pk-nav-group.active>.pk-nav-children, .pk-sidebar .pk-nav-group.pk-open>.pk-nav-children{ display:grid!important; max-height:none!important; } .pk-sidebar .pk-nav-children{ overflow:visible!important; width:auto!important; } @media (min-width:981px){ .pk-sidebar{height:100dvh!important;max-height:100dvh!important} body.admin-bar .pk-sidebar{top:32px!important;height:calc(100dvh - 32px)!important;max-height:calc(100dvh - 32px)!important} .pk-sidebar .pk-dash-nav .pk-nav-group:last-of-type.active>.pk-nav-children, .pk-sidebar .pk-dash-nav .pk-nav-group:last-of-type.pk-open>.pk-nav-children{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:3px 8px!important; margin:4px 0 10px 28px!important; padding-left:8px!important; } .pk-sidebar .pk-dash-nav .pk-nav-group:last-of-type.active>.pk-nav-children a, .pk-sidebar .pk-dash-nav .pk-nav-group:last-of-type.pk-open>.pk-nav-children a{ min-height:28px!important; padding:6px 8px 6px 16px!important; font-size:12.5px!important; line-height:1.2!important; white-space:normal!important; } } @media (max-height:760px) and (min-width:981px){ .pk-sidebar .pk-dash-nav{gap:4px!important;padding-bottom:10px!important} .pk-sidebar .pk-dash-nav .pk-nav-group>a, .pk-sidebar .pk-dash-nav>a{min-height:34px!important;padding-top:7px!important;padding-bottom:7px!important} .pk-sidebar .pk-dash-nav .pk-nav-group:last-of-type.active>.pk-nav-children a, .pk-sidebar .pk-dash-nav .pk-nav-group:last-of-type.pk-open>.pk-nav-children a{min-height:25px!important;padding-top:4px!important;padding-bottom:4px!important;font-size:12px!important} } @media (max-width:782px){ body.admin-bar .pk-sidebar{top:46px!important;height:calc(100dvh - 46px)!important;max-height:calc(100dvh - 46px)!important} } /* v5.8.8.3-v5.8.8.5 Accounting Center UI/UX modernization */ .pk-accounting-workspace-shell, .pk-accounting-card{scroll-margin-top:24px;} .pk-accounting-workspace-shell{background:linear-gradient(135deg,#ffffff 0%,#f6fffb 100%);border:1px solid rgba(0,74,47,.12);} .pk-accounting-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px;} .pk-accounting-hero h2{font-size:30px;line-height:1.1;margin:4px 0 8px;color:#071c1a;} .pk-accounting-hero p{max-width:760px;margin:0;color:#526979;font-size:15px;line-height:1.6;} .pk-eyebrow{display:inline-flex;align-items:center;width:max-content;padding:6px 10px;border-radius:999px;background:#e8fff3;color:#006b49;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.06em;} .pk-accounting-toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;} .pk-accounting-tabs{position:sticky;top:12px;z-index:5;display:flex;gap:8px;overflow-x:auto;padding:8px;margin:8px 0 20px;border:1px solid rgba(0,74,47,.12);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 12px 28px rgba(15,23,42,.06);backdrop-filter:blur(10px);} .pk-accounting-tabs a{white-space:nowrap;text-decoration:none;color:#063f34;background:#f5faf8;border:1px solid rgba(0,74,47,.10);padding:11px 14px;border-radius:13px;font-weight:800;font-size:13px;} .pk-accounting-tabs a:hover,.pk-accounting-tabs a:focus{background:#007a50;color:#fff;outline:none;} .pk-accounting-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;} .pk-accounting-overview-grid article,.pk-accounting-kpis article{position:relative;min-height:106px;border:1px solid rgba(0,74,47,.13);border-radius:18px;background:#fff;padding:18px;box-shadow:0 10px 24px rgba(15,23,42,.04);} .pk-accounting-overview-grid span,.pk-accounting-kpis article > span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#effbf5;margin-bottom:10px;} .pk-accounting-overview-grid small,.pk-accounting-kpis small{display:block;color:#627483;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.02em;} .pk-accounting-overview-grid strong,.pk-accounting-kpis strong{display:block;margin-top:8px;color:#004a3b;font-size:27px;line-height:1.1;} .pk-workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0;} .pk-workflow-steps span{position:relative;border:1px solid rgba(0,74,47,.12);background:#f7fbfa;border-radius:14px;padding:13px 14px;text-align:center;font-weight:800;color:#064235;} .pk-workflow-steps span:not(:last-child)::after{content:'›';position:absolute;right:-10px;top:50%;transform:translateY(-50%);color:#0b7a55;font-size:22px;font-weight:900;} .pk-premium-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;} .pk-form-block{border:1px solid rgba(0,74,47,.12);background:#fbfefd;border-radius:20px;padding:20px;margin:18px 0;} .pk-form-block h3{font-size:18px;margin:0 0 16px;color:#071c1a;} .pk-accounting-smart-form label,.pk-accounting-close-form label,.pk-accounting-decision input{font-weight:800;color:#16332e;font-size:13px;} .pk-accounting-smart-form input:not([type="hidden"]), .pk-accounting-smart-form select, .pk-accounting-smart-form textarea, .pk-accounting-close-form input:not([type="hidden"]), .pk-accounting-close-form textarea, .pk-accounting-decision input{width:100%;min-height:48px;border:1px solid rgba(15,23,42,.16);border-radius:14px;background:#fff;padding:12px 14px;font-size:15px;color:#0f172a;box-shadow:0 1px 0 rgba(15,23,42,.02);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;} .pk-accounting-smart-form textarea,.pk-accounting-close-form textarea{min-height:116px;resize:vertical;line-height:1.55;} .pk-accounting-smart-form input:focus, .pk-accounting-smart-form select:focus, .pk-accounting-smart-form textarea:focus, .pk-accounting-close-form input:focus, .pk-accounting-close-form textarea:focus, .pk-accounting-decision input:focus{border-color:#087a55;box-shadow:0 0 0 4px rgba(8,122,85,.13);outline:none;} .pk-accounting-smart-form label small{display:block;margin-top:8px;color:#69808d;font-weight:700;line-height:1.45;} .pk-currency-input{display:flex;align-items:center;border:1px solid rgba(15,23,42,.16);border-radius:14px;background:#fff;overflow:hidden;} .pk-currency-input em{align-self:stretch;display:grid;place-items:center;min-width:70px;padding:0 14px;background:#f1fbf6;color:#007a50;font-style:normal;font-weight:900;border-right:1px solid rgba(15,23,42,.12);} .pk-currency-input input{border:0!important;box-shadow:none!important;border-radius:0!important;} .pk-smart-guidance{margin:16px 0 0;border:1px solid rgba(59,130,246,.24);background:#eff6ff;color:#244d78;border-radius:16px;padding:14px 16px;font-weight:700;line-height:1.55;} .pk-sticky-action-bar{position:sticky;bottom:14px;z-index:6;margin-top:18px;padding:12px;border:1px solid rgba(0,74,47,.12);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 -10px 28px rgba(15,23,42,.10);backdrop-filter:blur(10px);display:flex;gap:12px;justify-content:flex-end;} .pk-sticky-action-bar .pk-btn,.pk-accounting-toolbar .pk-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;} .pk-stepper-list{display:grid;gap:10px;margin:12px 0 0;padding:0;list-style:none;} .pk-stepper-list li{display:flex;align-items:center;gap:10px;border:1px solid rgba(15,23,42,.10);border-radius:14px;padding:12px 14px;background:#fff;font-weight:750;color:#243b36;} .pk-stepper-list li span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:999px;background:#f1f5f9;color:#64748b;font-weight:900;} .pk-stepper-list li.is-done span{background:#e8fff3;color:#007a50;} .pk-validation-cards{display:grid;gap:10px;margin-top:12px;} .pk-validation-cards article{border:1px solid rgba(15,23,42,.10);border-radius:14px;padding:13px 14px;background:#fff;} .pk-validation-cards strong{display:block;margin:8px 0 4px;color:#12231f;} .pk-validation-cards small{color:#64748b;line-height:1.45;} .pk-role-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;} .pk-role-card-grid article{border:1px solid rgba(0,74,47,.12);border-radius:18px;background:#fff;padding:18px;box-shadow:0 8px 20px rgba(15,23,42,.04);} .pk-role-card-grid span{font-size:24px;} .pk-role-card-grid strong{display:block;margin:8px 0;color:#071c1a;font-size:17px;} .pk-role-card-grid p{min-height:62px;color:#556b78;line-height:1.5;margin:0 0 12px;} .pk-role-card-grid small{display:inline-flex;padding:7px 10px;border-radius:999px;background:#f1fbf6;color:#006b49;font-weight:800;} .pk-permission-accordion{display:grid;gap:10px;} .pk-permission-accordion details{border:1px solid rgba(15,23,42,.10);border-radius:16px;background:#fff;overflow:hidden;} .pk-permission-accordion summary{cursor:pointer;padding:15px 17px;font-weight:900;color:#07382f;list-style:none;} .pk-permission-accordion summary::-webkit-details-marker{display:none;} .pk-permission-accordion summary::after{content:'+';float:right;font-size:18px;} .pk-permission-accordion details[open] summary::after{content:'–';} .pk-permission-accordion p{padding:0 17px 17px;margin:0;color:#556b78;line-height:1.55;} .pk-control-rules li{padding:8px 0;} .pk-accounting-empty{border-style:dashed;background:#fbfefd;} .pk-accounting-table{margin-top:18px;} @media (max-width:1100px){.pk-accounting-overview-grid,.pk-workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr));}.pk-role-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.pk-accounting-hero{flex-direction:column}.pk-accounting-toolbar{justify-content:flex-start}.pk-workflow-steps span::after{display:none;}} @media (max-width:720px){.pk-accounting-overview-grid,.pk-workflow-steps,.pk-premium-form-grid,.pk-role-card-grid{grid-template-columns:1fr}.pk-sticky-action-bar{position:static;flex-direction:column}.pk-accounting-tabs{position:relative;top:auto}.pk-accounting-hero h2{font-size:25px}.pk-full-span{grid-column:auto!important;}} /* v5.8.8.6 Cash Management UI polish + modal trigger compatibility */ .pk-cash-workspace{padding:28px!important;border-radius:24px;background:linear-gradient(180deg,#ffffff 0%,#f8fbf9 100%);box-shadow:0 18px 45px rgba(15,23,42,.06)} .pk-cash-workspace>.pk-section-heading-row{align-items:center;gap:20px;margin-bottom:18px;padding:22px 24px;border:1px solid #dce9e2;border-radius:22px;background:linear-gradient(135deg,#ffffff 0%,#eefaf4 100%)} .pk-cash-workspace .pk-section-heading-row h2{font-size:30px;line-height:1.08;margin:0 0 8px;color:#071b33;letter-spacing:-.04em} .pk-cash-workspace .pk-section-lead{max-width:760px;font-size:15px;line-height:1.6;color:#526578;margin:0} .pk-cash-workspace .pk-header-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center} .pk-cash-workspace .pk-header-actions .pk-btn{min-height:46px;border-radius:999px;padding:0 20px;font-weight:800;box-shadow:0 8px 18px rgba(0,74,46,.08)} .pk-cash-flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px} .pk-cash-flow-steps span{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #dce9e2;border-radius:999px;background:#fff;color:#365468;font-weight:800;font-size:13px;text-align:center} .pk-cash-flow-steps span.is-active{background:#007a4d;color:#fff;border-color:#007a4d;box-shadow:0 10px 20px rgba(0,122,77,.18)} .pk-cash-workspace .pk-cash-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px} .pk-cash-workspace .pk-cash-kpis article,.pk-cash-workspace .pk-kpis-inline article{position:relative;min-height:128px;padding:22px 22px 20px;border-radius:20px;border:1px solid #dce9e2;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.04)} .pk-cash-workspace .pk-kpi-icon{position:absolute;right:18px;top:16px;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#effaf4;font-size:18px} .pk-cash-workspace .pk-kpis article small{display:block;margin-bottom:8px;color:#526578;text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:900} .pk-cash-workspace .pk-kpis article strong{font-size:34px;letter-spacing:-.04em;color:#004a2e;line-height:1.1} .pk-cash-workspace .pk-kpis article span:not(.pk-kpi-icon){display:block;margin-top:6px;color:#526578;font-size:13px;font-weight:700} .pk-cash-workspace .pk-dashboard-grid-clean{display:grid;grid-template-columns:1fr;gap:18px} .pk-cash-workspace .pk-panel{border-radius:22px;border:1px solid #dce9e2;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.04);padding:24px} .pk-cash-workspace .pk-panel h3{font-size:20px;margin:0 0 16px;color:#071b33;letter-spacing:-.02em} .pk-cash-workspace .pk-empty-state{align-items:flex-start;gap:9px;border:1px dashed #b7d8c7;border-radius:18px;background:#fbfffd;padding:26px} .pk-cash-workspace .pk-empty-state strong{font-size:20px;color:#071b33;letter-spacing:-.02em} .pk-cash-workspace .pk-empty-state span{font-size:14px;color:#526578;line-height:1.6} .pk-cash-workspace .pk-empty-state .pk-btn{margin-top:8px;min-height:42px;border-radius:999px} .pk-cash-workspace .pk-responsive-table table{border-collapse:separate;border-spacing:0;width:100%;overflow:hidden;border:1px solid #e6eee9;border-radius:16px} .pk-cash-workspace .pk-responsive-table th{background:#f6faf8;color:#526578;font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:14px 16px} .pk-cash-workspace .pk-responsive-table td{padding:15px 16px;border-top:1px solid #edf3ef;color:#193242} .pk-modal#pkCashSessionModal .pk-modal-card,.pk-modal#pkCashCountModal .pk-modal-card,.pk-modal#pkCashDepositModal .pk-modal-card,.pk-modal#pkPettyCashModal .pk-modal-card{max-width:760px;border-radius:26px;padding:28px;background:#fff;box-shadow:0 32px 90px rgba(0,0,0,.24)} #pkCashSessionModal .pk-modal-heading,#pkCashCountModal .pk-modal-heading,#pkCashDepositModal .pk-modal-heading,#pkPettyCashModal .pk-modal-heading{padding:0 44px 18px 0;margin-bottom:18px;border-bottom:1px solid #e6eee9} #pkCashSessionModal .pk-modal-heading span,#pkCashCountModal .pk-modal-heading span,#pkCashDepositModal .pk-modal-heading span,#pkPettyCashModal .pk-modal-heading span{display:inline-flex;padding:5px 10px;border-radius:999px;background:#effaf4;color:#007a4d;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em} #pkCashSessionModal .pk-modal-heading h2,#pkCashCountModal .pk-modal-heading h2,#pkCashDepositModal .pk-modal-heading h2,#pkPettyCashModal .pk-modal-heading h2{margin:10px 0 6px;font-size:26px;letter-spacing:-.04em;color:#071b33} #pkCashSessionModal label,#pkCashCountModal label,#pkCashDepositModal label,#pkPettyCashModal label{display:flex;flex-direction:column;gap:8px;color:#193242;font-size:13px;font-weight:900} #pkCashSessionModal input,#pkCashSessionModal select,#pkCashSessionModal textarea,#pkCashCountModal input,#pkCashCountModal select,#pkCashCountModal textarea,#pkCashDepositModal input,#pkCashDepositModal select,#pkCashDepositModal textarea,#pkPettyCashModal input,#pkPettyCashModal select,#pkPettyCashModal textarea{min-height:48px;border:1px solid #cfded6;border-radius:14px;background:#fff;padding:0 14px;font-size:15px;color:#071b33;box-shadow:0 1px 0 rgba(15,23,42,.03);transition:border-color .18s ease,box-shadow .18s ease} #pkCashSessionModal textarea,#pkCashCountModal textarea,#pkCashDepositModal textarea,#pkPettyCashModal textarea{min-height:96px;padding:14px;line-height:1.5} #pkCashSessionModal input:focus,#pkCashSessionModal select:focus,#pkCashSessionModal textarea:focus,#pkCashCountModal input:focus,#pkCashCountModal select:focus,#pkCashCountModal textarea:focus,#pkCashDepositModal input:focus,#pkCashDepositModal select:focus,#pkCashDepositModal textarea:focus,#pkPettyCashModal input:focus,#pkPettyCashModal select:focus,#pkPettyCashModal textarea:focus{outline:none;border-color:#007a4d;box-shadow:0 0 0 4px rgba(0,122,77,.12)} #pkCashSessionModal .pk-modal-grid,#pkCashCountModal .pk-modal-grid,#pkCashDepositModal .pk-modal-grid,#pkPettyCashModal .pk-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px} #pkCashSessionModal .pk-modal-actions,#pkCashCountModal .pk-modal-actions,#pkCashDepositModal .pk-modal-actions,#pkPettyCashModal .pk-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid #e6eee9;margin-top:18px} #pkCashSessionModal .pk-modal-actions .pk-btn,#pkCashCountModal .pk-modal-actions .pk-btn,#pkCashDepositModal .pk-modal-actions .pk-btn,#pkPettyCashModal .pk-modal-actions .pk-btn{min-height:48px;border-radius:999px;padding:0 24px;font-weight:900} @media (max-width:900px){.pk-cash-workspace{padding:18px!important}.pk-cash-workspace>.pk-section-heading-row{align-items:flex-start;flex-direction:column}.pk-cash-workspace .pk-header-actions{justify-content:flex-start}.pk-cash-flow-steps,.pk-cash-workspace .pk-cash-kpis{grid-template-columns:1fr 1fr}.pk-cash-workspace .pk-kpis article strong{font-size:28px}#pkCashSessionModal .pk-modal-grid,#pkCashCountModal .pk-modal-grid,#pkCashDepositModal .pk-modal-grid,#pkPettyCashModal .pk-modal-grid{grid-template-columns:1fr}} @media (max-width:560px){.pk-cash-flow-steps,.pk-cash-workspace .pk-cash-kpis{grid-template-columns:1fr}.pk-cash-workspace .pk-header-actions .pk-btn{width:100%;justify-content:center}.pk-modal#pkCashSessionModal .pk-modal-card,.pk-modal#pkCashCountModal .pk-modal-card,.pk-modal#pkCashDepositModal .pk-modal-card,.pk-modal#pkPettyCashModal .pk-modal-card{padding:20px}} /* v5.8.9.1 Cash workflow completion, modal UX and variance clarity */ .pk-cash-variance-preview{display:flex;align-items:center;justify-content:space-between;margin:6px 0 16px;padding:12px 14px;border-radius:14px;background:#f7fbf8;border:1px solid #dcebe4;color:#153c2f;font-weight:900} .pk-cash-variance-preview.is-warning{background:#fff7ed;border-color:#fed7aa;color:#9a3412} .pk-cash-variance-preview.is-good{background:#ecfdf5;border-color:#bbf7d0;color:#065f46} .pk-modal .pk-modal-card{max-height:calc(100vh - 34px);overflow:auto} .pk-modal .pk-modal-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;line-height:1} #pkCashSessionModal input,#pkCashCountModal input,#pkCashDepositModal input,#pkPettyCashModal input,#pkCashSessionModal select,#pkCashCountModal select,#pkCashDepositModal select,#pkPettyCashModal select{height:48px;box-sizing:border-box} @media (max-width:700px){.pk-cash-workspace .pk-header-actions{display:grid;grid-template-columns:1fr;gap:10px;width:100%}.pk-cash-workspace .pk-header-actions .pk-btn{width:100%}.pk-modal .pk-modal-card{width:min(94vw,760px)}} /* v5.8.9.3 zero-JS modal fallback: hash target opens cash forms even when dashboard JS/cache fails */ .pk-modal:target{display:flex!important;align-items:center!important;justify-content:center!important;} .pk-modal:target .pk-modal-card{display:block!important;} .pk-cash-workspace .pk-header-actions a.pk-btn,.pk-empty-state a.pk-btn{cursor:pointer;text-decoration:none;} /* v5.8.9.4 Cash count/deposit non-JS inline fallback forms */ .pk-cash-inline-forms{margin:0 0 18px;} .pk-cash-inline-panel{display:none!important;margin:0 0 18px!important;border:2px solid #007a4d!important;box-shadow:0 16px 40px rgba(0,122,77,.10)!important;} .pk-cash-inline-panel:target{display:block!important;scroll-margin-top:24px;} .pk-inline-form-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #e6eee9;} .pk-inline-form-heading h3{margin:0 0 6px!important;font-size:24px!important;color:#071b33;} .pk-inline-form-heading p{margin:0;color:#526578;line-height:1.5;} .pk-inline-cash-form.pk-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important;} .pk-inline-cash-form label{display:flex!important;flex-direction:column!important;gap:8px!important;font-weight:900;color:#193242;} .pk-inline-cash-form input,.pk-inline-cash-form select,.pk-inline-cash-form textarea{width:100%;min-height:48px;border:1px solid #cfded6;border-radius:14px;background:#fff;padding:0 14px;font:inherit;color:#071b33;box-sizing:border-box;} .pk-inline-cash-form textarea{min-height:96px;padding:14px;} .pk-form-wide{grid-column:1 / -1;} .pk-form-actions{display:flex;justify-content:flex-end;gap:10px;} @media(max-width:760px){.pk-inline-cash-form.pk-form-grid{grid-template-columns:1fr!important}.pk-inline-form-heading{flex-direction:column}.pk-inline-form-heading .pk-btn{width:100%;justify-content:center}} /* v5.8.9.4 Cash count/deposit non-JS inline fallback forms */ .pk-cash-inline-forms{margin:0 0 18px;} .pk-cash-inline-panel{display:none!important;margin:0 0 18px!important;border:2px solid #007a4d!important;box-shadow:0 16px 40px rgba(0,122,77,.10)!important;} .pk-cash-inline-panel:target{display:block!important;scroll-margin-top:24px;} .pk-inline-form-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #e6eee9;} .pk-inline-form-heading h3{margin:0 0 6px!important;font-size:24px!important;color:#071b33;} .pk-inline-form-heading p{margin:0;color:#526578;line-height:1.5;} .pk-inline-cash-form.pk-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important;} .pk-inline-cash-form label{display:flex!important;flex-direction:column!important;gap:8px!important;font-weight:900;color:#193242;} .pk-inline-cash-form input,.pk-inline-cash-form select,.pk-inline-cash-form textarea{width:100%;min-height:48px;border:1px solid #cfded6;border-radius:14px;background:#fff;padding:0 14px;font:inherit;color:#071b33;box-sizing:border-box;} .pk-inline-cash-form textarea{min-height:96px;padding:14px;} .pk-form-wide{grid-column:1 / -1;} .pk-form-actions{display:flex;justify-content:flex-end;gap:10px;} @media(max-width:760px){.pk-inline-cash-form.pk-form-grid{grid-template-columns:1fr!important}.pk-inline-form-heading{flex-direction:column}.pk-inline-form-heading .pk-btn{width:100%;justify-content:center}} /* v5.8.9.5: reliable cash inline fallback visibility. */ .pk-cash-inline-panel:target{display:block!important;} .pk-cash-inline-panel.is-open{display:block!important;} /* v5.8.9.6-v5.8.9.8: cash denomination counter, audit review, and deposit matching polish. */ .pk-cash-denomination-box{border:1px solid #d8e9df;background:#f8fffb;border-radius:18px;padding:16px;margin:6px 0 10px}.pk-denom-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.pk-denom-head strong{display:block;color:#071b33;font-size:16px}.pk-denom-head span{display:block;color:#52667a;font-size:13px;margin-top:3px}.pk-denom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.pk-denom-group-title{grid-column:1/-1;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#007a4d;margin-top:8px}.pk-denom-row{display:grid;grid-template-columns:90px minmax(80px,1fr) 110px;align-items:center;gap:8px;background:#fff;border:1px solid #e0eee6;border-radius:14px;padding:8px 10px}.pk-denom-row span{font-weight:900;color:#193242}.pk-denom-row input{min-height:40px!important;height:40px!important;text-align:center}.pk-denom-row strong{text-align:right;color:#004c33}.pk-denom-summary{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:14px;border-radius:14px;background:#eefaf4;color:#004c33;font-weight:900}.pk-cash-variance-preview.pk-variance-ok{background:#effaf4;border-color:#bfe7d0;color:#005b3b}.pk-cash-variance-preview.pk-variance-warn{background:#fff8e7;border-color:#f5d48b;color:#8a5a00}.pk-cash-variance-preview.pk-variance-danger{background:#fff1f1;border-color:#f0b4b4;color:#9f1d1d}@media(max-width:780px){.pk-denom-grid{grid-template-columns:1fr}.pk-denom-row{grid-template-columns:80px 1fr 96px}.pk-denom-head{align-items:flex-start;flex-direction:column}} /* v5.8.9.9-v5.9.0.1: cash count scroll UX, compact denomination layout, final QA cleanup. */ .pk-cash-inline-panel:target, .pk-cash-inline-panel.is-open{ display:flex!important; flex-direction:column!important; max-height:85vh!important; overflow:hidden!important; padding-bottom:0!important; } .pk-cash-inline-panel .pk-inline-form-heading{ position:sticky!important; top:0!important; z-index:7!important; background:#fff!important; padding-bottom:14px!important; border-bottom:1px solid #dcebe3!important; margin-bottom:14px!important; } .pk-cash-inline-panel .pk-inline-cash-form{ overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain!important; padding:0 12px 0 0!important; margin-right:-6px!important; max-height:calc(85vh - 106px)!important; scrollbar-gutter:stable!important; } .pk-cash-inline-panel .pk-inline-cash-form::-webkit-scrollbar{width:10px} .pk-cash-inline-panel .pk-inline-cash-form::-webkit-scrollbar-thumb{background:#b7d9c8;border-radius:999px;border:2px solid #f8fffb} .pk-cash-inline-panel .pk-form-actions.pk-form-wide{ position:sticky!important; bottom:0!important; z-index:8!important; background:linear-gradient(180deg,rgba(255,255,255,.82),#fff 34%)!important; border-top:1px solid #dcebe3!important; padding:16px 0 18px!important; margin-top:4px!important; } .pk-cash-inline-panel .pk-cash-variance-preview{ position:sticky!important; bottom:82px!important; z-index:6!important; box-shadow:0 -6px 18px rgba(0,54,36,.05)!important; } .pk-cash-denomination-box{ padding:14px!important; } .pk-denom-head{ position:sticky!important; top:0!important; z-index:5!important; background:#f8fffb!important; border-bottom:1px solid #dcebe3!important; padding-bottom:10px!important; } .pk-denom-grid{ gap:7px 12px!important; } .pk-denom-group-title{ display:flex!important; align-items:center!important; justify-content:space-between!important; cursor:pointer!important; border:1px solid #dcebe3!important; background:#eefaf4!important; border-radius:12px!important; padding:10px 12px!important; margin:8px 0 2px!important; } .pk-denom-group-title::after{ content:'Hide'!important; font-size:11px!important; color:#005b3b!important; text-transform:none!important; letter-spacing:0!important; } .pk-denom-group-title.is-collapsed::after{content:'Show'!important;} .pk-denom-row.is-collapsed{display:none!important;} .pk-denom-row{ grid-template-columns:96px minmax(70px,1fr) 100px!important; padding:7px 9px!important; } .pk-denom-row input{min-height:38px!important;height:38px!important;} .pk-denom-summary{ position:sticky!important; bottom:0!important; z-index:4!important; margin-top:10px!important; box-shadow:0 -6px 18px rgba(0,54,36,.05)!important; } @media(max-height:820px){ .pk-cash-inline-panel:target,.pk-cash-inline-panel.is-open{max-height:82vh!important;} .pk-cash-inline-panel .pk-inline-cash-form{max-height:calc(82vh - 96px)!important;} .pk-inline-cash-form.pk-form-grid{gap:12px!important;} .pk-cash-denomination-box{padding:12px!important;} .pk-denom-row{padding:6px 8px!important;} .pk-inline-cash-form input,.pk-inline-cash-form select{min-height:44px!important;} } @media(max-width:760px){ .pk-cash-inline-panel:target,.pk-cash-inline-panel.is-open{max-height:92vh!important;} .pk-cash-inline-panel .pk-inline-cash-form{max-height:calc(92vh - 126px)!important;padding-right:4px!important;margin-right:0!important;} .pk-cash-inline-panel .pk-cash-variance-preview{bottom:86px!important;} .pk-denom-row{grid-template-columns:78px 1fr 86px!important;} .pk-denom-row span,.pk-denom-row strong{font-size:13px!important;} } /* v5.9.0.2: Cash inline form readability and scroll containment repair. */ .pk-cash-inline-panel:target, .pk-cash-inline-panel.is-open{ border-radius:22px!important; padding:24px 28px 0!important; } .pk-cash-inline-panel .pk-inline-form-heading{ flex:0 0 auto!important; min-height:auto!important; padding-top:0!important; } .pk-cash-inline-panel .pk-inline-cash-form{ align-content:start!important; padding:8px 14px 110px 0!important; scroll-padding-top:16px!important; } .pk-inline-cash-form label{ min-height:auto!important; line-height:1.25!important; overflow:visible!important; } .pk-inline-cash-form label, .pk-inline-cash-form label > span{ color:#143044!important; } .pk-inline-cash-form input, .pk-inline-cash-form select, .pk-inline-cash-form textarea{ line-height:1.35!important; font-weight:800!important; } .pk-inline-cash-form textarea{ line-height:1.5!important; resize:vertical!important; } .pk-cash-inline-panel .pk-form-actions.pk-form-wide{ margin-left:0!important; padding:18px 0 20px!important; min-height:78px!important; } .pk-cash-inline-panel .pk-form-actions .pk-btn{ min-width:160px!important; min-height:52px!important; line-height:1.2!important; white-space:nowrap!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; } #pkCashDepositInline:target, #pkCashDepositInline.is-open{ max-height:none!important; overflow:visible!important; padding-bottom:24px!important; } #pkCashDepositInline .pk-inline-form-heading{ position:static!important; top:auto!important; z-index:auto!important; } #pkCashDepositInline .pk-inline-cash-form{ max-height:none!important; overflow:visible!important; padding:8px 0 0!important; margin-right:0!important; } #pkCashDepositInline .pk-form-actions.pk-form-wide{ position:static!important; background:#fff!important; border-top:1px solid #dcebe3!important; margin-top:12px!important; padding:18px 0 0!important; } #pkCashDepositInline textarea{ min-height:110px!important; } @media(max-width:760px){ .pk-cash-inline-panel:target,.pk-cash-inline-panel.is-open{padding:20px 18px 0!important;} .pk-cash-inline-panel .pk-inline-cash-form{padding-right:4px!important;padding-bottom:118px!important;} .pk-cash-inline-panel .pk-form-actions .pk-btn{width:100%!important;} #pkCashDepositInline .pk-inline-cash-form{padding-bottom:0!important;} } /* v5.9.0.3: Rebuilt Record Deposit inline form as a balanced responsive card. */ #pkCashDepositInline:target, #pkCashDepositInline.is-open{ display:block!important; max-height:none!important; overflow:visible!important; padding:28px 32px!important; border-radius:24px!important; } #pkCashDepositInline .pk-inline-form-heading{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; max-width:980px!important; margin:0 auto 24px!important; padding:0 0 18px!important; border-bottom:1px solid #dcebe3!important; position:static!important; background:#fff!important; } #pkCashDepositInline .pk-inline-form-heading h3{ font-size:28px!important; line-height:1.15!important; letter-spacing:-.02em!important; margin:0 0 6px!important; } #pkCashDepositInline .pk-inline-form-heading p{ font-size:15px!important; color:#52667a!important; margin:0!important; } #pkCashDepositInline .pk-inline-form-heading .pk-btn{ min-width:100px!important; height:52px!important; align-self:start!important; } #pkCashDepositInline .pk-inline-cash-form.pk-form-grid{ max-width:980px!important; width:100%!important; margin:0 auto!important; display:grid!important; grid-template-columns:repeat(2,minmax(280px,1fr))!important; column-gap:22px!important; row-gap:16px!important; padding:0!important; overflow:visible!important; } #pkCashDepositInline .pk-inline-cash-form label{ gap:9px!important; font-size:15px!important; line-height:1.25!important; margin:0!important; } #pkCashDepositInline .pk-inline-cash-form input, #pkCashDepositInline .pk-inline-cash-form select{ min-height:54px!important; height:54px!important; border-radius:16px!important; padding:0 16px!important; font-size:15px!important; } #pkCashDepositInline .pk-inline-cash-form textarea{ min-height:132px!important; border-radius:16px!important; padding:16px!important; font-size:15px!important; } #pkCashDepositInline .pk-form-wide{ grid-column:1 / -1!important; } #pkCashDepositInline .pk-form-actions.pk-form-wide{ display:flex!important; justify-content:flex-end!important; align-items:center!important; max-width:980px!important; width:100%!important; margin:10px auto 0!important; padding:20px 0 0!important; border-top:1px solid #dcebe3!important; background:#fff!important; position:static!important; min-height:auto!important; } #pkCashDepositInline .pk-form-actions .pk-btn{ min-width:176px!important; height:58px!important; border-radius:999px!important; font-size:16px!important; } @media(max-width:900px){ #pkCashDepositInline:target,#pkCashDepositInline.is-open{padding:24px 20px!important;} #pkCashDepositInline .pk-inline-form-heading{grid-template-columns:1fr!important;gap:14px!important;} #pkCashDepositInline .pk-inline-form-heading .pk-btn{width:100%!important;} #pkCashDepositInline .pk-inline-cash-form.pk-form-grid{grid-template-columns:1fr!important;} #pkCashDepositInline .pk-form-actions .pk-btn{width:100%!important;} } /* v5.9.0.4: Cash Management inline form UI cleanup. */ #pkCashCountInline:target, #pkCashCountInline.is-open, #pkCashDepositInline:target, #pkCashDepositInline.is-open{ padding:24px!important; border-radius:24px!important; } #pkCashCountInline .pk-inline-form-heading, #pkCashDepositInline .pk-inline-form-heading{ max-width:1180px!important; width:100%!important; margin:0 auto 18px!important; padding-bottom:16px!important; } #pkCashCountInline .pk-inline-cash-form.pk-form-grid, #pkCashDepositInline .pk-inline-cash-form.pk-form-grid{ max-width:1180px!important; width:100%!important; margin:0 auto!important; grid-template-columns:repeat(2,minmax(320px,1fr))!important; column-gap:18px!important; row-gap:14px!important; } #pkCashCountInline .pk-inline-cash-form{ padding:6px 8px 0!important; max-height:calc(85vh - 100px)!important; } #pkCashCountInline .pk-cash-denomination-box{ margin:8px 0 4px!important; padding:14px!important; border-radius:18px!important; } #pkCashCountInline .pk-denom-head{ position:static!important; padding-bottom:12px!important; margin-bottom:12px!important; } #pkCashCountInline .pk-denom-summary{ position:static!important; box-shadow:none!important; } #pkCashCountInline .pk-cash-variance-preview{ position:static!important; bottom:auto!important; z-index:auto!important; box-shadow:none!important; margin:0!important; min-height:52px!important; flex:1 1 auto!important; } #pkCashCountInline .pk-cash-count-footer{ position:sticky!important; bottom:0!important; z-index:12!important; grid-column:1/-1!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; padding:14px 0 16px!important; margin-top:8px!important; border-top:1px solid #dcebe3!important; background:linear-gradient(180deg,rgba(255,255,255,.86),#fff 38%)!important; } #pkCashCountInline .pk-cash-count-footer .pk-form-actions{ position:static!important; min-height:auto!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; flex:0 0 auto!important; } #pkCashCountInline .pk-cash-count-footer .pk-btn{ min-width:180px!important; height:56px!important; border-radius:999px!important; white-space:nowrap!important; } #pkCashCountInline .pk-denom-grid{ gap:8px 12px!important; } #pkCashCountInline .pk-denom-row{ min-height:54px!important; grid-template-columns:92px minmax(90px,1fr) 104px!important; } #pkCashCountInline label.pk-form-wide, #pkCashDepositInline label.pk-form-wide{ grid-column:1/-1!important; } #pkCashDepositInline .pk-inline-form-heading, #pkCashDepositInline .pk-inline-cash-form.pk-form-grid, #pkCashDepositInline .pk-form-actions.pk-form-wide{ max-width:1180px!important; } #pkCashDepositInline .pk-inline-cash-form.pk-form-grid{ column-gap:20px!important; row-gap:14px!important; } #pkCashDepositInline textarea{ min-height:124px!important; } #pkCashDepositInline .pk-form-actions.pk-form-wide{ display:flex!important; justify-content:flex-end!important; padding-top:18px!important; margin-top:8px!important; } @media(max-width:1100px){ #pkCashCountInline .pk-inline-cash-form.pk-form-grid, #pkCashDepositInline .pk-inline-cash-form.pk-form-grid{grid-template-columns:1fr!important;} } @media(max-width:760px){ #pkCashCountInline:target,#pkCashCountInline.is-open,#pkCashDepositInline:target,#pkCashDepositInline.is-open{padding:18px!important;} #pkCashCountInline .pk-cash-count-footer{flex-direction:column!important;align-items:stretch!important;padding-bottom:18px!important;} #pkCashCountInline .pk-cash-count-footer .pk-btn{width:100%!important;} #pkCashCountInline .pk-denom-row{grid-template-columns:78px 1fr 88px!important;} } /* v5.9.0.5: Cash form width refactor - use the available workspace without cramped centered forms. */ .pk-cash-workspace .pk-cash-inline-forms{ width:100%!important; } #pkCashCountInline:target, #pkCashCountInline.is-open, #pkCashDepositInline:target, #pkCashDepositInline.is-open{ width:100%!important; max-width:none!important; padding:20px 24px 22px!important; box-sizing:border-box!important; } #pkCashCountInline .pk-inline-form-heading, #pkCashDepositInline .pk-inline-form-heading{ width:calc(100% - 24px)!important; max-width:none!important; margin:0 auto 16px!important; display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:18px!important; } #pkCashCountInline .pk-inline-cash-form.pk-form-grid, #pkCashDepositInline .pk-inline-cash-form.pk-form-grid{ width:calc(100% - 24px)!important; max-width:none!important; margin:0 auto!important; padding:0!important; box-sizing:border-box!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; column-gap:18px!important; row-gap:14px!important; } #pkCashCountInline .pk-inline-cash-form label, #pkCashDepositInline .pk-inline-cash-form label{ min-width:0!important; } #pkCashCountInline .pk-inline-cash-form input, #pkCashCountInline .pk-inline-cash-form select, #pkCashDepositInline .pk-inline-cash-form input, #pkCashDepositInline .pk-inline-cash-form select{ min-height:52px!important; height:52px!important; border-radius:15px!important; } #pkCashCountInline .pk-inline-cash-form textarea, #pkCashDepositInline .pk-inline-cash-form textarea{ width:100%!important; min-height:112px!important; border-radius:15px!important; } /* v5.9.0.6: Cash count footer and denomination usability fix. */ #pkCashCountInline .pk-inline-cash-form{ max-height:none!important; overflow:visible!important; padding-bottom:0!important; } #pkCashCountInline .pk-cash-denomination-box{ grid-column:1 / -1!important; max-height:360px!important; overflow-y:auto!important; overflow-x:hidden!important; padding:14px 14px 16px!important; margin:8px 0 4px!important; scrollbar-gutter:stable!important; } #pkCashCountInline .pk-cash-denomination-box::-webkit-scrollbar{width:9px!important;} #pkCashCountInline .pk-cash-denomination-box::-webkit-scrollbar-thumb{background:#b7d9c8!important;border-radius:999px!important;border:2px solid #f8fffb!important;} #pkCashCountInline .pk-denom-head{ position:sticky!important; top:0!important; z-index:4!important; background:#f8fffb!important; padding:0 0 12px!important; margin:0 0 12px!important; border-bottom:1px solid #dcebe3!important; } #pkCashCountInline .pk-denom-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px 12px!important; } #pkCashCountInline .pk-denom-group-title{ position:sticky!important; top:68px!important; z-index:3!important; padding:10px 12px!important; margin:4px 0 2px!important; border:1px solid #d8e9df!important; border-radius:12px!important; background:#eefaf4!important; } #pkCashCountInline .pk-denom-row{ min-height:50px!important; padding:7px 10px!important; grid-template-columns:96px minmax(120px,1fr) 104px!important; gap:10px!important; } #pkCashCountInline .pk-denom-row input{ min-height:38px!important; height:38px!important; } #pkCashCountInline .pk-denom-summary{ position:sticky!important; bottom:0!important; z-index:4!important; margin-top:12px!important; box-shadow:0 -8px 18px rgba(0,76,51,.08)!important; } #pkCashCountInline .pk-cash-count-footer{ position:sticky!important; bottom:0!important; z-index:20!important; width:100%!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:16px!important; padding:14px 0 0!important; margin:10px 0 0!important; border-top:1px solid #dcebe3!important; background:#fff!important; box-shadow:0 -10px 24px rgba(255,255,255,.92)!important; } #pkCashCountInline .pk-cash-variance-preview{ position:static!important; width:100%!important; margin:0!important; min-height:52px!important; display:flex!important; align-items:center!important; padding:0 16px!important; border-radius:14px!important; box-sizing:border-box!important; } #pkCashCountInline .pk-cash-count-footer .pk-form-actions{ justify-content:flex-end!important; } #pkCashCountInline .pk-cash-count-footer .pk-btn{ min-width:188px!important; height:58px!important; } /* v5.9.0.7: Cash workflow UI consistency across deposit, shift, and petty cash forms. */ #pkCashDepositInline .pk-inline-cash-form{ max-height:none!important; overflow:visible!important; padding-bottom:0!important; } #pkCashDepositInline label.pk-form-wide, #pkCashCountInline label.pk-form-wide, #pkCashDepositInline .pk-form-actions.pk-form-wide, #pkCashCountInline .pk-cash-count-footer.pk-form-wide{ grid-column:1 / -1!important; } #pkCashDepositInline .pk-form-actions.pk-form-wide{ width:100%!important; max-width:none!important; margin:8px 0 0!important; padding:18px 0 0!important; border-top:1px solid #dcebe3!important; background:#fff!important; display:flex!important; justify-content:flex-end!important; align-items:center!important; } #pkCashDepositInline .pk-form-actions .pk-btn{ min-width:188px!important; height:58px!important; } #pkCashSessionModal .pk-modal-card, #pkPettyCashModal .pk-modal-card{ max-width:920px!important; width:min(94vw,920px)!important; padding:28px!important; } #pkCashSessionModal .pk-modal-grid, #pkPettyCashModal .pk-modal-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px 18px!important; } #pkCashSessionModal form label, #pkPettyCashModal form label{ display:flex!important; flex-direction:column!important; gap:8px!important; min-width:0!important; } #pkCashSessionModal input, #pkCashSessionModal select, #pkCashSessionModal textarea, #pkPettyCashModal input, #pkPettyCashModal select, #pkPettyCashModal textarea{ width:100%!important; min-height:52px!important; border-radius:15px!important; box-sizing:border-box!important; } #pkCashSessionModal textarea, #pkPettyCashModal textarea{ min-height:112px!important; } #pkCashSessionModal .pk-modal-actions, #pkPettyCashModal .pk-modal-actions{ border-top:1px solid #dcebe3!important; padding-top:18px!important; margin-top:16px!important; display:flex!important; justify-content:flex-end!important; } @media(max-width:1100px){ #pkCashCountInline .pk-inline-cash-form.pk-form-grid, #pkCashDepositInline .pk-inline-cash-form.pk-form-grid{ width:100%!important; grid-template-columns:1fr!important; } #pkCashCountInline .pk-inline-form-heading, #pkCashDepositInline .pk-inline-form-heading{width:100%!important;} #pkCashCountInline .pk-denom-grid{grid-template-columns:1fr!important;} } @media(max-width:760px){ #pkCashCountInline:target, #pkCashCountInline.is-open, #pkCashDepositInline:target, #pkCashDepositInline.is-open{ padding:16px!important; border-radius:20px!important; } #pkCashCountInline .pk-inline-form-heading, #pkCashDepositInline .pk-inline-form-heading{ flex-direction:column!important; gap:12px!important; } #pkCashCountInline .pk-inline-form-heading .pk-btn, #pkCashDepositInline .pk-inline-form-heading .pk-btn{width:100%!important;justify-content:center!important;} #pkCashCountInline .pk-cash-denomination-box{max-height:420px!important;padding:12px!important;} #pkCashCountInline .pk-denom-head{position:static!important;align-items:stretch!important;} #pkCashCountInline .pk-denom-group-title{position:static!important;} #pkCashCountInline .pk-denom-row{grid-template-columns:82px minmax(0,1fr) 88px!important;} #pkCashCountInline .pk-cash-count-footer{grid-template-columns:1fr!important;position:static!important;} #pkCashCountInline .pk-cash-count-footer .pk-btn, #pkCashDepositInline .pk-form-actions .pk-btn{width:100%!important;} #pkCashSessionModal .pk-modal-grid, #pkPettyCashModal .pk-modal-grid{grid-template-columns:1fr!important;} } /* v5.9.0.8: Count Cash Layout Rebuild - remove nested scrollers and let the page flow naturally. */ .pk-cash-workspace .pk-cash-inline-forms{ width:100%!important; margin:0 0 20px!important; } #pkCashCountInline:target, #pkCashCountInline.is-open, #pkCashDepositInline:target, #pkCashDepositInline.is-open{ width:100%!important; max-width:none!important; max-height:none!important; overflow:visible!important; padding:22px 24px 24px!important; border-radius:22px!important; box-sizing:border-box!important; } #pkCashCountInline .pk-inline-form-heading, #pkCashDepositInline .pk-inline-form-heading, #pkCashCountInline .pk-inline-cash-form.pk-form-grid, #pkCashDepositInline .pk-inline-cash-form.pk-form-grid{ width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } #pkCashCountInline .pk-inline-cash-form, #pkCashDepositInline .pk-inline-cash-form{ max-height:none!important; overflow:visible!important; padding:0!important; margin:0!important; } #pkCashCountInline .pk-cash-denomination-box{ grid-column:1 / -1!important; max-height:none!important; overflow:visible!important; scrollbar-gutter:auto!important; padding:14px!important; margin:8px 0 8px!important; box-sizing:border-box!important; } #pkCashCountInline .pk-cash-denomination-box::-webkit-scrollbar{display:none!important;} #pkCashCountInline .pk-denom-head, #pkCashCountInline .pk-denom-group-title, #pkCashCountInline .pk-denom-summary{ position:static!important; top:auto!important; bottom:auto!important; z-index:auto!important; box-shadow:none!important; } #pkCashCountInline .pk-denom-head{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; padding:0 0 12px!important; margin:0 0 12px!important; border-bottom:1px solid #dcebe3!important; background:transparent!important; } #pkCashCountInline .pk-denom-group-title{ grid-column:1 / -1!important; margin:8px 0 2px!important; padding:10px 12px!important; border:1px solid #d8e9df!important; border-radius:12px!important; background:#eefaf4!important; } #pkCashCountInline .pk-denom-summary{ grid-column:1 / -1!important; margin:10px 0 0!important; border:1px solid #d8e9df!important; background:#eefaf4!important; } /* v5.9.0.9: Cash count summary footer - one clean non-overlapping footer after the form content. */ #pkCashCountInline .pk-cash-count-footer{ grid-column:1 / -1!important; position:static!important; bottom:auto!important; z-index:auto!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:18px!important; width:100%!important; margin:14px 0 0!important; padding:18px 0 0!important; border-top:1px solid #dcebe3!important; background:#fff!important; box-shadow:none!important; } #pkCashCountInline .pk-cash-variance-preview{ position:static!important; width:100%!important; min-height:54px!important; margin:0!important; padding:0 18px!important; display:flex!important; align-items:center!important; border:1px solid #caead9!important; border-radius:16px!important; background:#effaf4!important; box-shadow:none!important; color:#005f3a!important; font-weight:900!important; box-sizing:border-box!important; } #pkCashCountInline .pk-cash-count-footer .pk-form-actions{ position:static!important; margin:0!important; padding:0!important; min-height:auto!important; border:0!important; background:transparent!important; display:flex!important; justify-content:flex-end!important; align-items:center!important; } #pkCashCountInline .pk-cash-count-footer .pk-btn{ min-width:190px!important; height:58px!important; border-radius:999px!important; white-space:nowrap!important; } #pkCashCountInline .pk-denom-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px 12px!important; } #pkCashCountInline .pk-denom-row{ min-height:50px!important; padding:7px 10px!important; display:grid!important; grid-template-columns:96px minmax(120px,1fr) 104px!important; align-items:center!important; gap:10px!important; } #pkCashCountInline .pk-denom-row input{ height:38px!important; min-height:38px!important; } /* v5.9.1.0: Final cash form consistency - reduce margins and standardize Count Cash + Deposit. */ #pkCashCountInline .pk-inline-form-heading, #pkCashDepositInline .pk-inline-form-heading{ padding-bottom:14px!important; margin-bottom:16px!important; } #pkCashCountInline .pk-inline-cash-form.pk-form-grid, #pkCashDepositInline .pk-inline-cash-form.pk-form-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; column-gap:16px!important; row-gap:14px!important; } #pkCashCountInline label.pk-form-wide, #pkCashDepositInline label.pk-form-wide, #pkCashDepositInline .pk-form-actions.pk-form-wide{ grid-column:1 / -1!important; } #pkCashCountInline .pk-inline-cash-form input, #pkCashCountInline .pk-inline-cash-form select, #pkCashDepositInline .pk-inline-cash-form input, #pkCashDepositInline .pk-inline-cash-form select{ height:52px!important; min-height:52px!important; border-radius:15px!important; box-sizing:border-box!important; } #pkCashCountInline .pk-inline-cash-form textarea, #pkCashDepositInline .pk-inline-cash-form textarea{ min-height:108px!important; border-radius:15px!important; box-sizing:border-box!important; } #pkCashDepositInline .pk-form-actions.pk-form-wide{ width:100%!important; max-width:none!important; margin:14px 0 0!important; padding:18px 0 0!important; border-top:1px solid #dcebe3!important; background:#fff!important; display:flex!important; justify-content:flex-end!important; align-items:center!important; } #pkCashDepositInline .pk-form-actions .pk-btn{ min-width:190px!important; height:58px!important; border-radius:999px!important; } @media(max-width:1100px){ #pkCashCountInline .pk-inline-cash-form.pk-form-grid, #pkCashDepositInline .pk-inline-cash-form.pk-form-grid, #pkCashCountInline .pk-denom-grid{ grid-template-columns:1fr!important; } } @media(max-width:760px){ #pkCashCountInline:target, #pkCashCountInline.is-open, #pkCashDepositInline:target, #pkCashDepositInline.is-open{ padding:16px!important; border-radius:18px!important; } #pkCashCountInline .pk-denom-head, #pkCashCountInline .pk-cash-count-footer, #pkCashDepositInline .pk-form-actions.pk-form-wide{ grid-template-columns:1fr!important; flex-direction:column!important; align-items:stretch!important; } #pkCashCountInline .pk-denom-row{ grid-template-columns:82px minmax(0,1fr) 88px!important; } #pkCashCountInline .pk-cash-count-footer .pk-btn, #pkCashDepositInline .pk-form-actions .pk-btn, #pkCashCountInline .pk-denom-head .pk-btn{ width:100%!important; } } /* v5.9.1.1-v5.9.1.3: Cash count workflow redesign - natural page flow, no nested denomination scroller. */ .pk-cash-workflow-panel{ width:calc(100% - 32px)!important; max-width:none!important; margin:18px 16px!important; padding:28px 32px!important; overflow:visible!important; } .pk-cash-workflow-panel .pk-inline-form-heading{ max-width:none!important; width:100%!important; margin:0 0 20px!important; padding:0 0 18px!important; border-bottom:1px solid #d5eadf!important; } .pk-cash-workflow-form{ display:block!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; } .pk-cash-step{ width:100%!important; margin:0 0 18px!important; padding:18px!important; border:1px solid #d5eadf!important; border-radius:18px!important; background:#fff!important; overflow:visible!important; max-height:none!important; } .pk-cash-step-title{ display:flex!important; align-items:center!important; gap:12px!important; margin-bottom:16px!important; } .pk-cash-step-title > span{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:34px!important; height:34px!important; border-radius:999px!important; background:#eaf8f1!important; color:#057a4d!important; font-weight:900!important; font-size:13px!important; } .pk-cash-step-title strong{display:block!important;font-size:16px!important;color:#061b33!important;} .pk-cash-step-title small{display:block!important;margin-top:3px!important;color:#49627c!important;font-weight:600!important;} .pk-cash-step-title .pk-btn{margin-left:auto!important;white-space:nowrap!important;} .pk-cash-step-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:16px!important; } .pk-cash-workflow-form label{font-weight:850!important;color:#0b2338!important;} .pk-cash-workflow-form input, .pk-cash-workflow-form select, .pk-cash-workflow-form textarea{ width:100%!important; min-height:52px!important; border-radius:14px!important; border:1px solid #c7ded4!important; padding:12px 16px!important; font-weight:800!important; font-size:15px!important; background:#fff!important; } .pk-cash-workflow-form textarea{min-height:96px!important;resize:vertical!important;} .pk-cash-workflow-form .pk-form-wide{grid-column:1/-1!important;} .pk-cash-workflow-form .pk-cash-denomination-box{ max-height:none!important; overflow:visible!important; padding:18px!important; background:#f8fffb!important; } .pk-cash-workflow-form .pk-cash-denomination-box::-webkit-scrollbar{display:none!important;} .pk-cash-workflow-form .pk-denom-grid, .pk-cash-workflow-form .pk-denom-grid-natural{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px 12px!important; overflow:visible!important; max-height:none!important; } .pk-cash-workflow-form .pk-denom-group-title, .pk-cash-workflow-form .pk-denom-head, .pk-cash-workflow-form .pk-denom-summary{display:none!important;} .pk-cash-workflow-form .pk-denom-row{ display:grid!important; grid-template-columns:110px minmax(120px,1fr) 110px!important; gap:12px!important; align-items:center!important; min-height:58px!important; padding:10px 12px!important; border:1px solid #d9eee4!important; border-radius:14px!important; background:#fff!important; } .pk-cash-workflow-form .pk-denom-row input{min-height:42px!important;text-align:center!important;padding:8px 12px!important;} .pk-cash-workflow-form .pk-denom-row span{font-weight:900!important;color:#0b2338!important;} .pk-cash-workflow-form .pk-denom-row strong{text-align:right!important;color:#04593d!important;} .pk-cash-review-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px!important; margin-bottom:16px!important; } .pk-cash-review-card{ border:1px solid #d5eadf!important; border-radius:16px!important; background:#f8fffb!important; padding:16px!important; } .pk-cash-review-card span{display:block!important;color:#49627c!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-weight:900!important;} .pk-cash-review-card strong{display:block!important;margin-top:6px!important;font-size:24px!important;color:#04593d!important;} .pk-cash-workflow-form .pk-cash-count-footer{ position:sticky!important; bottom:0!important; z-index:4!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:16px!important; margin-top:20px!important; padding:14px!important; border:1px solid #bfe5d3!important; border-radius:18px!important; background:rgba(255,255,255,.96)!important; box-shadow:0 -14px 30px rgba(7,34,24,.08)!important; } .pk-cash-workflow-form .pk-cash-variance-preview{ margin:0!important; padding:14px 16px!important; border-radius:14px!important; background:#eefaf4!important; border:1px solid #c9ead9!important; font-weight:900!important; color:#04593d!important; } .pk-cash-workflow-form .pk-form-actions{display:flex!important;justify-content:flex-end!important;margin:0!important;} .pk-cash-workflow-form .pk-form-actions .pk-btn{min-width:190px!important;} @media (max-width: 900px){ .pk-cash-workflow-panel{width:calc(100% - 20px)!important;margin:10px!important;padding:18px!important;} .pk-cash-step-grid, .pk-cash-workflow-form .pk-denom-grid, .pk-cash-review-grid{grid-template-columns:1fr!important;} .pk-cash-workflow-form .pk-denom-row{grid-template-columns:86px minmax(0,1fr) 92px!important;} .pk-cash-workflow-form .pk-cash-count-footer{position:static!important;grid-template-columns:1fr!important;} .pk-cash-workflow-form .pk-form-actions .pk-btn{width:100%!important;} .pk-cash-step-title{align-items:flex-start!important;} .pk-cash-step-title .pk-btn{margin-left:0!important;} } /* v5.9.1.4: Dedicated Cash Count page. The cash count workflow is no longer a modal/inline drawer. */ .pk-cash-count-page-wrap{ width:100%; max-width:none; } .pk-cash-count-page{ display:block!important; width:100%!important; max-width:none!important; margin:0!important; padding:28px!important; border:1px solid #0b8154!important; border-radius:24px!important; background:#fff!important; overflow:visible!important; max-height:none!important; } .pk-cash-count-page .pk-inline-form-heading{ display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:20px!important; width:100%!important; max-width:none!important; margin:0 0 22px!important; padding:0 0 18px!important; border-bottom:1px solid #d8e9df!important; } .pk-cash-count-page .pk-cash-workflow-form{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:18px!important; width:100%!important; max-width:none!important; margin:0!important; padding:0 0 110px!important; overflow:visible!important; } .pk-cash-count-page .pk-cash-step{ width:100%!important; max-width:none!important; margin:0!important; padding:22px!important; border:1px solid #cfe6da!important; border-radius:18px!important; background:#fbfffd!important; overflow:visible!important; max-height:none!important; } .pk-cash-count-page .pk-cash-step-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:16px!important; width:100%!important; } .pk-cash-count-page .pk-denom-grid, .pk-cash-count-page .pk-denom-grid-natural{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px 14px!important; width:100%!important; max-height:none!important; overflow:visible!important; } .pk-cash-count-page .pk-denom-row{ display:grid!important; grid-template-columns:110px minmax(120px,1fr) 100px!important; align-items:center!important; gap:12px!important; min-height:52px!important; padding:10px 12px!important; border:1px solid #d9ebe1!important; border-radius:14px!important; background:#fff!important; } .pk-cash-count-page .pk-denom-row input{ width:100%!important; min-height:42px!important; text-align:center!important; } .pk-cash-count-page .pk-form-wide, .pk-cash-count-page label.pk-form-wide{ grid-column:1 / -1!important; } .pk-cash-count-page .pk-cash-count-footer{ position:sticky!important; bottom:0!important; z-index:20!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:16px!important; width:100%!important; margin-top:0!important; padding:14px!important; border:1px solid #bfe5d1!important; border-radius:18px!important; background:rgba(242,255,248,.98)!important; box-shadow:0 -10px 30px rgba(3,78,52,.08)!important; } .pk-cash-count-page .pk-cash-variance-preview{ position:static!important; display:flex!important; align-items:center!important; min-height:50px!important; margin:0!important; padding:0 16px!important; border:0!important; background:transparent!important; font-weight:900!important; color:#064b32!important; } .pk-cash-count-page .pk-form-actions{ display:flex!important; justify-content:flex-end!important; margin:0!important; padding:0!important; border:0!important; } .pk-cash-count-page .pk-form-actions .pk-btn{ min-width:180px!important; min-height:54px!important; } .pk-cash-management-section #pkCashCountInline{display:none!important;} @media (max-width:900px){ .pk-cash-count-page{padding:18px!important;border-radius:20px!important;} .pk-cash-count-page .pk-inline-form-heading{flex-direction:column!important;} .pk-cash-count-page .pk-cash-step{padding:16px!important;} .pk-cash-count-page .pk-cash-step-grid, .pk-cash-count-page .pk-denom-grid, .pk-cash-count-page .pk-denom-grid-natural{grid-template-columns:1fr!important;} .pk-cash-count-page .pk-denom-row{grid-template-columns:90px minmax(0,1fr) 92px!important;} .pk-cash-count-page .pk-cash-count-footer{grid-template-columns:1fr!important;position:static!important;} .pk-cash-count-page .pk-form-actions .pk-btn{width:100%!important;} } @media (max-width:560px){ .pk-cash-count-page{padding:14px!important;border-radius:18px!important;} .pk-cash-count-page .pk-denom-row{grid-template-columns:1fr!important;gap:8px!important;text-align:left!important;} .pk-cash-count-page .pk-denom-row strong{text-align:left!important;} } /* v5.9.1.5-v5.9.1.7: Cash Count page header polish, numbered cards, and sticky footer QA. */ .pk-dashboard-main:has(.pk-cash-count-page-wrap){ padding-bottom:120px!important; overflow:visible!important; } .pk-cash-count-page-wrap{ display:grid!important; gap:18px!important; } .pk-cash-count-hero{ display:flex!important; justify-content:space-between!important; align-items:center!important; gap:18px!important; margin:0 0 10px!important; padding:22px 28px!important; border:1px solid #dbe9e1!important; border-radius:24px!important; background:linear-gradient(135deg,#ffffff 0%,#f7fffb 100%)!important; box-shadow:0 14px 34px rgba(7,34,24,.05)!important; } .pk-cash-count-eyebrow{ display:block!important; margin-bottom:6px!important; color:#08764c!important; font-size:12px!important; line-height:1.2!important; font-weight:900!important; text-transform:uppercase!important; letter-spacing:.08em!important; } .pk-cash-count-hero h2{ margin:0!important; font-size:clamp(28px,3vw,38px)!important; line-height:1!important; letter-spacing:-.04em!important; color:#061b33!important; } .pk-cash-count-hero .pk-section-lead{ margin:8px 0 0!important; max-width:680px!important; color:#49627c!important; font-weight:650!important; line-height:1.55!important; } .pk-cash-count-page.pk-cash-workflow-panel{ width:100%!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } .pk-cash-count-page .pk-inline-form-heading{display:none!important;} .pk-cash-count-page .pk-cash-workflow-form{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:16px!important; padding:0 0 105px!important; } .pk-cash-count-page .pk-cash-step{ position:relative!important; padding:20px 22px!important; border:1px solid #d5eadf!important; border-radius:22px!important; background:#fff!important; box-shadow:0 14px 34px rgba(7,34,24,.045)!important; } .pk-cash-count-page .pk-cash-step-title{ margin:0 0 16px!important; padding-bottom:12px!important; border-bottom:1px solid #e5f1eb!important; } .pk-cash-count-page .pk-cash-step-title > span{ width:36px!important; height:36px!important; background:#eaf8f1!important; color:#057a4d!important; } .pk-cash-count-page .pk-cash-step-title strong{ font-size:18px!important; line-height:1.2!important; } .pk-cash-count-page .pk-cash-step-title small{ font-size:13px!important; line-height:1.35!important; } .pk-cash-count-page .pk-cash-step-grid{ gap:14px 18px!important; } .pk-cash-count-page .pk-cash-workflow-form input, .pk-cash-count-page .pk-cash-workflow-form select, .pk-cash-count-page .pk-cash-workflow-form textarea{ min-height:50px!important; border-radius:14px!important; } .pk-cash-count-page .pk-denom-grid, .pk-cash-count-page .pk-denom-grid-natural{ gap:10px 12px!important; } .pk-cash-count-page .pk-denom-row{ min-height:52px!important; grid-template-columns:100px minmax(140px,1fr) 105px!important; padding:9px 12px!important; border-radius:14px!important; } .pk-cash-count-page .pk-denom-row input{ min-height:40px!important; } .pk-cash-review-grid{ grid-template-columns:repeat(4,minmax(0,1fr))!important; } .pk-cash-review-card{ padding:14px 16px!important; background:#f8fffb!important; } .pk-cash-review-card strong{ font-size:22px!important; } .pk-cash-count-page .pk-cash-count-footer{ position:sticky!important; bottom:14px!important; z-index:50!important; display:flex!important; justify-content:space-between!important; align-items:center!important; gap:18px!important; margin:0!important; padding:14px 16px!important; border:1px solid #bfe5d1!important; border-radius:22px!important; background:rgba(255,255,255,.96)!important; backdrop-filter:blur(10px)!important; box-shadow:0 18px 48px rgba(7,34,24,.16)!important; } .pk-cash-footer-summary{ display:flex!important; align-items:center!important; gap:12px!important; flex-wrap:wrap!important; } .pk-cash-footer-summary span{ display:inline-flex!important; align-items:center!important; gap:8px!important; min-height:46px!important; padding:10px 14px!important; border-radius:16px!important; background:#eefaf4!important; color:#48627b!important; font-weight:900!important; } .pk-cash-footer-summary strong{ color:#064b32!important; font-size:18px!important; } .pk-cash-count-page .pk-cash-variance-preview{ min-height:auto!important; padding:0!important; } .pk-cash-count-page .pk-form-actions .pk-btn{ min-width:200px!important; min-height:56px!important; box-shadow:0 10px 22px rgba(15,106,74,.18)!important; } .pk-variance-ok{color:#047857!important;} .pk-variance-warn{color:#b45309!important;} .pk-variance-danger{color:#b91c1c!important;} @media(max-width:1180px){ .pk-cash-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } @media(max-width:900px){ .pk-cash-count-hero{flex-direction:column!important;align-items:stretch!important;padding:18px!important;border-radius:20px!important;} .pk-cash-count-hero .pk-header-actions .pk-btn{width:100%!important;} .pk-cash-count-page .pk-cash-workflow-form{padding-bottom:0!important;} .pk-cash-count-page .pk-cash-step{padding:16px!important;border-radius:18px!important;} .pk-cash-count-page .pk-cash-step-grid, .pk-cash-count-page .pk-denom-grid, .pk-cash-count-page .pk-denom-grid-natural, .pk-cash-review-grid{grid-template-columns:1fr!important;} .pk-cash-count-page .pk-cash-count-footer{position:static!important;display:grid!important;grid-template-columns:1fr!important;} .pk-cash-footer-summary{display:grid!important;grid-template-columns:1fr 1fr!important;} } @media(max-width:560px){ .pk-dashboard-main:has(.pk-cash-count-page-wrap){padding:14px 12px 40px!important;} .pk-cash-count-page .pk-denom-row{grid-template-columns:1fr!important;} .pk-cash-footer-summary{grid-template-columns:1fr!important;} } /* v5.9.1.8: Dedicated Record Deposit finance page. */ .pk-record-deposit-page-wrap{ max-width:1280px!important; margin:0 auto!important; } .pk-record-deposit-page.pk-cash-workflow-panel{ padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; } .pk-record-deposit-form{ display:grid!important; gap:18px!important; } .pk-record-deposit-page .pk-cash-step{ background:#fff!important; border:1px solid rgba(6,95,70,.16)!important; border-radius:22px!important; padding:22px!important; box-shadow:0 14px 34px rgba(15,23,42,.05)!important; } .pk-record-deposit-page .pk-cash-step-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:16px 18px!important; } .pk-record-deposit-page label{ display:grid!important; gap:8px!important; font-weight:800!important; color:#061a33!important; } .pk-record-deposit-page input, .pk-record-deposit-page select, .pk-record-deposit-page textarea{ width:100%!important; min-height:52px!important; border:1px solid rgba(6,95,70,.2)!important; border-radius:16px!important; padding:0 16px!important; background:#fff!important; color:#061a33!important; font-weight:800!important; box-sizing:border-box!important; } .pk-record-deposit-page textarea{ min-height:132px!important; padding:16px!important; resize:vertical!important; } .pk-record-deposit-footer{ position:sticky!important; bottom:16px!important; z-index:5!important; display:grid!important; grid-template-columns:1fr auto!important; align-items:center!important; gap:16px!important; padding:16px!important; background:rgba(240,253,244,.96)!important; border:1px solid rgba(6,95,70,.18)!important; border-radius:20px!important; box-shadow:0 18px 42px rgba(15,23,42,.10)!important; backdrop-filter:blur(10px)!important; } .pk-record-deposit-footer .pk-form-actions{ display:flex!important; justify-content:flex-end!important; gap:10px!important; } .pk-record-deposit-footer .pk-btn{ min-height:52px!important; padding:0 24px!important; } @media (max-width: 860px){ .pk-record-deposit-page-wrap{max-width:100%!important;} .pk-record-deposit-page .pk-cash-step{padding:16px!important;border-radius:18px!important;} .pk-record-deposit-page .pk-cash-step-grid, .pk-record-deposit-footer{grid-template-columns:1fr!important;} .pk-record-deposit-footer{position:static!important;} .pk-record-deposit-footer .pk-form-actions{display:grid!important;grid-template-columns:1fr!important;} .pk-record-deposit-footer .pk-btn{width:100%!important;} } /* v5.9.2.5 Billing UX status badges and owner notices */ .pk-billing-status-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff;margin-bottom:16px;box-shadow:0 14px 30px rgba(15,23,42,.06)} .pk-billing-status-card .pk-section-lead{margin:8px 0 0}.pk-status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:700;line-height:1;background:#eef2ff;color:#3730a3}.pk-status-success{background:#dcfce7;color:#166534}.pk-status-warning{background:#fef3c7;color:#92400e}.pk-status-danger{background:#fee2e2;color:#991b1b}.pk-status-small{padding:4px 9px;font-size:11px;background:#f1f5f9;color:#334155}.pk-alert.danger{border-color:#fecaca;background:#fff1f2;color:#991b1b} @media (max-width: 720px){.pk-billing-status-card{display:block}.pk-billing-status-card strong{display:block;margin-top:10px}} /* v5.9.4.3 Dedicated Add Sale Page */ .pk-sales-page-wrap{display:grid;gap:22px}.pk-sales-page-hero{display:flex;align-items:center;justify-content:space-between;gap:20px}.pk-sales-page-hero h2{margin:4px 0 8px;font-size:32px}.pk-sale-full-form{display:grid;gap:22px}.pk-sale-full-form .pk-form-section{border:1px solid rgba(15,23,42,.08);border-radius:20px;padding:20px;background:#fff}.pk-sale-full-form .pk-form-section-header{margin-bottom:16px}.pk-sale-full-form .pk-form-section-header h3{margin:0 0 4px;font-size:18px}.pk-sale-full-form .pk-form-section-header p{margin:0;color:#64748b}.pk-full-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pk-full-form-grid label,.pk-sale-full-form label{display:flex;flex-direction:column;gap:8px;font-weight:700;color:#17233a}.pk-sale-full-form input,.pk-sale-full-form select,.pk-sale-full-form textarea{min-height:52px;border-radius:14px;border:1px solid #d6e3dc;padding:12px 14px;font:inherit;background:#fff}.pk-sale-full-form textarea{min-height:132px;resize:vertical}.pk-sale-full-form small{font-weight:500;color:#64748b}.pk-field-wide{grid-column:span 2}.pk-full-form-actions{justify-content:flex-end;position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.75),#fff);padding-top:16px;z-index:2}.pk-sidebar a.active[href*="sales-add"]{background:rgba(255,255,255,.08)}@media(max-width:900px){.pk-sales-page-hero{align-items:flex-start;flex-direction:column}.pk-full-form-grid{grid-template-columns:1fr}.pk-field-wide{grid-column:auto}.pk-full-form-actions{position:static;flex-direction:column}.pk-full-form-actions .pk-btn{width:100%}} /* v5.9.4.7-v5.9.4.9 Add Sale UX 2.0 + dedicated form workspace polish */ .profitkusina-dashboard .pk-dashboard-main{padding-left:46px;padding-right:40px;} .profitkusina-dashboard .pk-page-sales-add{background:#f6f8fb;} .profitkusina-dashboard .pk-page-sales-add .pk-dashboard-top{display:none;} .pk-sales-workspace-v2{max-width:1320px;margin:0 auto 56px;display:grid;gap:24px;} .pk-sales-workspace-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:30px 32px;border:1px solid #dce6df;border-radius:28px;background:linear-gradient(135deg,#ffffff 0%,#f4fbf7 100%);box-shadow:0 20px 55px rgba(15,23,42,.06);} .pk-sales-workspace-hero h2{margin:6px 0 8px;font-size:34px;line-height:1.05;color:#071827;letter-spacing:-.04em;} .pk-sales-workspace-hero p{max-width:780px;margin:0;color:#52657a;font-size:16px;line-height:1.6;font-weight:650;} .pk-sales-workspace-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end;} .pk-sale-workspace-form{display:block;} .pk-sale-workspace-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;align-items:start;} .pk-sale-workspace-main{display:grid;gap:22px;min-width:0;} .pk-form-card-v2{padding:26px;border:1px solid #dfe8e3;border-radius:26px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.045);} .pk-form-card-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px;} .pk-form-card-heading>span{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;background:#ecfdf5;font-size:20px;} .pk-form-card-heading h3{margin:0 0 4px;color:#0f172a;font-size:21px;letter-spacing:-.02em;} .pk-form-card-heading p{margin:0;color:#64748b;line-height:1.55;font-weight:600;} .pk-field-grid-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 18px;} .pk-field-grid-v2.pk-field-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));} .pk-field-grid-v2 label,.pk-form-card-v2 label,.pk-payment-tile-grid label{display:grid;gap:8px;color:#1e293b;font-size:14px;font-weight:850;} .pk-field-grid-v2 input,.pk-field-grid-v2 select,.pk-form-card-v2 textarea,.pk-payment-tile-grid input{width:100%;min-height:48px;padding:12px 14px;border:1px solid #d7e2dc;border-radius:15px;background:#fff;color:#0f172a;font:inherit;font-size:15px;box-shadow:0 1px 0 rgba(15,23,42,.02);} .pk-form-card-v2 textarea{min-height:132px;resize:vertical;line-height:1.55;} .pk-field-grid-v2 input:focus,.pk-field-grid-v2 select:focus,.pk-form-card-v2 textarea:focus,.pk-payment-tile-grid input:focus{outline:none;border-color:#057a55;box-shadow:0 0 0 4px rgba(5,122,85,.12);} .pk-field-grid-v2 small{color:#64748b;font-size:12px;line-height:1.45;font-weight:700;} .pk-field-span-2{grid-column:span 2;} .pk-payment-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;} .pk-payment-tile-grid label{padding:16px;border:1px solid #dfe8e3;border-radius:20px;background:#f8fafc;} .pk-payment-tile-grid label span{display:flex;align-items:center;justify-content:space-between;color:#0f172a;} .pk-payment-tile-grid label span:before{content:'•';width:22px;height:22px;display:inline-grid;place-items:center;margin-right:8px;border-radius:999px;background:#d1fae5;color:#047857;} .pk-sale-summary-panel{position:sticky;top:24px;} .pk-sale-summary-card{padding:24px;border:1px solid #cce3d8;border-radius:26px;background:linear-gradient(180deg,#ffffff 0%,#f0fdf4 100%);box-shadow:0 20px 45px rgba(6,78,59,.10);} .pk-sale-summary-card h3{margin:6px 0 18px;font-size:24px;line-height:1.1;color:#052e23;letter-spacing:-.03em;} .pk-summary-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid rgba(6,95,70,.12);color:#64748b;font-weight:800;} .pk-summary-row strong{color:#0f172a;font-size:18px;white-space:nowrap;} .pk-summary-row.is-total{margin:6px 0;padding:16px;border:1px solid #bbf7d0;border-radius:18px;background:#ecfdf5;color:#065f46;} .pk-summary-row.is-total strong{font-size:24px;color:#064e3b;} .pk-summary-save,.pk-summary-cancel{width:100%;margin-top:14px;justify-content:center;} .pk-sticky-form-actions{position:sticky;bottom:0;z-index:30;display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding:16px 0;background:linear-gradient(180deg,rgba(246,248,251,0),#f6f8fb 38%);} .pk-form-workspace-page{max-width:1280px;margin:0 auto 48px;display:grid;gap:20px;} .pk-form-workspace-page .pk-panel,.pk-form-workspace-page .pk-card{border-radius:24px;box-shadow:0 12px 30px rgba(15,23,42,.04);} @media(max-width:1180px){.pk-sale-workspace-layout{grid-template-columns:1fr}.pk-sale-summary-panel{position:static}.pk-sale-summary-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pk-sale-summary-card h3,.pk-sale-summary-card .pk-eyebrow{grid-column:1/-1}.pk-summary-save,.pk-summary-cancel{margin-top:0}.pk-field-grid-v2.pk-field-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:900px){.profitkusina-dashboard .pk-dashboard-main{padding-left:18px!important;padding-right:18px!important}.pk-sales-workspace-v2{gap:18px}.pk-sales-workspace-hero{padding:24px;display:grid}.pk-sales-workspace-actions{justify-content:stretch}.pk-sales-workspace-actions .pk-btn{width:100%;justify-content:center}.pk-field-grid-v2,.pk-field-grid-v2.pk-field-grid-4,.pk-payment-tile-grid,.pk-sale-summary-card{grid-template-columns:1fr}.pk-field-span-2{grid-column:auto}.pk-form-card-v2{padding:20px;border-radius:22px}.pk-sticky-form-actions{display:grid;grid-template-columns:1fr}.pk-sticky-form-actions .pk-btn{width:100%;justify-content:center}} /* v5.9.5.0 Dedicated Add Customer page + duplicate action cleanup */ .profitkusina-dashboard .pk-page-customers, .profitkusina-dashboard .pk-page-customer-add{padding-left:clamp(28px,3vw,52px)!important;} .profitkusina-dashboard .pk-page-customer-add .pk-dashboard-top{display:none;} .pk-customer-add-workspace{display:grid;gap:24px;max-width:1320px;margin:0 auto;padding:8px 0 40px;} .pk-form-workspace-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#ffffff 0%,#f1fbf6 100%);border:1px solid #dceae3;border-radius:26px;padding:28px 30px;box-shadow:0 18px 45px rgba(2,40,28,.06);} .pk-form-workspace-hero h2{margin:6px 0 8px;font-size:clamp(30px,3vw,44px);line-height:1;letter-spacing:-.055em;color:#061a14;} .pk-form-workspace-hero p{margin:0;max-width:760px;color:#53677a;font-size:16px;line-height:1.55;} .pk-form-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start;} .pk-form-workspace-main{display:grid;gap:22px;} .pk-customer-full-form .pk-form-card-v2{border:1px solid #dfece6;border-radius:24px;background:#fff;padding:24px;box-shadow:0 14px 38px rgba(15,23,42,.04);} .pk-customer-full-form .pk-form-card-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px;} .pk-customer-full-form .pk-form-card-heading>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#ecfdf5;} .pk-customer-full-form .pk-form-card-heading h3{margin:0 0 4px;font-size:20px;color:#061a14;} .pk-customer-full-form .pk-form-card-heading p{margin:0;color:#64748b;line-height:1.5;} .pk-customer-full-form label{display:flex;flex-direction:column;gap:8px;font-weight:850;color:#17233a;} .pk-customer-full-form input,.pk-customer-full-form select,.pk-customer-full-form textarea{width:100%;min-height:54px;border:1px solid #d6e3dc;border-radius:15px;background:#fff;padding:13px 15px;font:inherit;box-sizing:border-box;} .pk-customer-full-form textarea{min-height:120px;resize:vertical;line-height:1.55;} .pk-customer-full-form small{font-weight:500;color:#64748b;} .pk-credit-toggle-line{padding:14px 16px;border:1px dashed #b7d8c7;border-radius:16px;background:#f7fffb;margin-bottom:18px;} .pk-customer-summary-panel{position:sticky;top:24px;} .pk-customer-empty .pk-btn{display:none!important;} @media(max-width:1100px){.pk-form-workspace-grid{grid-template-columns:1fr}.pk-customer-summary-panel{position:static}.profitkusina-dashboard .pk-page-customers,.profitkusina-dashboard .pk-page-customer-add{padding-left:20px!important;padding-right:20px!important}.pk-form-workspace-hero{flex-direction:column;align-items:flex-start}.pk-form-workspace-hero .pk-btn{width:100%;justify-content:center}} @media(max-width:720px){.pk-customer-full-form .pk-form-card-v2{padding:18px;border-radius:20px}.pk-form-workspace-hero{padding:22px}.pk-customer-full-form .pk-full-form-grid{grid-template-columns:1fr!important}.pk-customer-full-form .pk-field-wide{grid-column:auto!important}} /* v5.9.5.1 Dedicated Create Purchase Order page */ .pk-page-purchase-order-add .pk-dashboard-main, .pk-po-workspace-v2 { --pk-form-gap: 28px; } .pk-po-workspace-v2 { max-width: 1320px; margin: 0 auto 40px; } .pk-po-workspace-v2 .pk-form-workspace-hero { margin-bottom: 24px; } .pk-po-workspace-form .pk-po-line-grid { align-items: end; gap: 12px; } .pk-po-workspace-form .pk-po-line-head { color: #53657d; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 8px; } .pk-po-workspace-form .pk-dynamic-lines { display: grid; gap: 12px; } .pk-po-summary-panel .pk-summary-help { color: #53657d; font-size: 13px; line-height: 1.5; margin: 14px 0 18px; } .pk-po-workspace-v2 textarea { min-height: 140px; } @media (max-width: 960px) { .pk-po-workspace-form .pk-po-line-grid { grid-template-columns: 1fr; gap: 10px; } .pk-po-workspace-form .pk-po-line-head { display: none; } } /* v5.9.5.2-v5.9.5.4 Form Workspace 2.0 cleanup and Purchase Order UI polish */ .profitkusina-dashboard .pk-page-purchase-order-add .pk-dashboard-top, .profitkusina-dashboard .pk-page-customer-add .pk-dashboard-top, .profitkusina-dashboard .pk-page-sales-add .pk-dashboard-top{display:none!important;} .profitkusina-dashboard .pk-page-purchase-order-add, .profitkusina-dashboard .pk-page-customer-add, .profitkusina-dashboard .pk-page-sales-add{padding-left:clamp(38px,4vw,64px)!important;padding-right:clamp(24px,3vw,52px)!important;background:#f6f8fb!important;} .pk-form-workspace-v2{max-width:1320px!important;margin:0 auto 56px!important;display:grid!important;gap:24px!important;} .pk-po-workspace-v2 .pk-form-workspace-hero, .pk-customer-add-workspace .pk-form-workspace-hero, .pk-sales-workspace-v2 .pk-sales-workspace-hero{margin:0!important;border-radius:28px!important;padding:30px 34px!important;box-shadow:0 18px 45px rgba(15,23,42,.055)!important;} .pk-po-workspace-v2 .pk-form-workspace-hero h2, .pk-customer-add-workspace .pk-form-workspace-hero h2, .pk-sales-workspace-v2 .pk-sales-workspace-hero h2{font-size:clamp(32px,3vw,44px)!important;line-height:1.02!important;letter-spacing:-.055em!important;} .pk-po-workspace-layout, .pk-form-workspace-grid, .pk-sale-workspace-layout{grid-template-columns:minmax(0,1fr) minmax(280px,320px)!important;gap:30px!important;align-items:start!important;} .pk-po-workspace-layout .pk-sale-workspace-main, .pk-form-workspace-main, .pk-sale-workspace-main{gap:22px!important;min-width:0!important;} .pk-po-workspace-v2 .pk-form-card-v2, .pk-customer-add-workspace .pk-form-card-v2, .pk-sales-workspace-v2 .pk-form-card-v2{border-radius:26px!important;border:1px solid #dfe8e3!important;background:#fff!important;padding:24px!important;box-shadow:0 14px 34px rgba(15,23,42,.045)!important;} .pk-po-workspace-v2 .pk-form-card-heading h3, .pk-customer-add-workspace .pk-form-card-heading h3, .pk-sales-workspace-v2 .pk-form-card-heading h3{font-size:21px!important;letter-spacing:-.02em!important;} .pk-po-workspace-v2 .pk-form-workspace-actions .pk-btn, .pk-customer-add-workspace .pk-form-workspace-actions .pk-btn, .pk-sales-workspace-v2 .pk-sales-workspace-actions .pk-btn{min-height:50px!important;padding:0 22px!important;} .pk-live-po-summary-card{overflow:visible!important;word-break:normal!important;} .pk-live-po-summary-card .pk-summary-row{display:grid!important;grid-template-columns:1fr!important;align-items:start!important;gap:4px!important;padding:13px 0!important;} .pk-live-po-summary-card .pk-summary-row span{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:#64748b!important;} .pk-live-po-summary-card .pk-summary-row strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;min-width:0!important;max-width:100%!important;font-size:15px!important;line-height:1.35!important;color:#0f172a!important;} .pk-live-po-summary-card .pk-summary-row.is-total{padding:16px!important;border-radius:18px!important;background:#ecfdf5!important;} .pk-live-po-summary-card .pk-summary-row.is-total strong{font-size:16px!important;line-height:1.35!important;color:#065f46!important;} .pk-live-po-summary-card .pk-summary-help{margin-top:14px!important;color:#64748b!important;font-size:13px!important;line-height:1.55!important;} .pk-po-workspace-v2 .pk-summary-save, .pk-po-workspace-v2 .pk-summary-cancel{display:none!important;} .pk-po-line-grid{grid-template-columns:minmax(180px,1.2fr) minmax(180px,1.1fr) minmax(90px,.55fr) minmax(90px,.55fr) minmax(120px,.7fr) 44px!important;gap:10px!important;align-items:center!important;} .pk-po-line-head{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:#475569!important;font-weight:900!important;} .pk-dynamic-line input{min-height:48px!important;border-radius:13px!important;border:1px solid #d6e3dc!important;padding:10px 12px!important;background:#fff!important;} .pk-dynamic-entry-header{gap:16px!important;} .pk-dynamic-entry-header .pk-btn{white-space:nowrap!important;} .pk-sticky-form-actions{border-top:1px solid rgba(15,23,42,.06)!important;backdrop-filter:blur(10px)!important;} @media(max-width:1180px){ .pk-po-workspace-layout, .pk-form-workspace-grid, .pk-sale-workspace-layout{grid-template-columns:1fr!important;} .pk-sale-summary-panel,.pk-customer-summary-panel{position:static!important;} .pk-live-po-summary-card{display:block!important;} } @media(max-width:900px){ .profitkusina-dashboard .pk-page-purchase-order-add, .profitkusina-dashboard .pk-page-customer-add, .profitkusina-dashboard .pk-page-sales-add{padding-left:18px!important;padding-right:18px!important;} .pk-form-workspace-hero,.pk-sales-workspace-hero{display:grid!important;padding:22px!important;border-radius:22px!important;} .pk-form-workspace-actions,.pk-sales-workspace-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;} .pk-form-workspace-actions .pk-btn,.pk-sales-workspace-actions .pk-btn{width:100%!important;justify-content:center!important;} .pk-po-line-grid{grid-template-columns:1fr!important;gap:8px!important;} .pk-po-line-head{display:none!important;} .pk-dynamic-line{padding:12px!important;border:1px solid #dfe8e3!important;border-radius:18px!important;background:#f8fafc!important;} .pk-dynamic-entry-header{display:grid!important;grid-template-columns:1fr!important;} .pk-dynamic-entry-header .pk-btn{width:100%!important;justify-content:center!important;} } /* v5.9.5.4 dedicated workflow pages should not show generic module lists below the form */ .profitkusina-dashboard .pk-page-purchase-order-add > .pk-module-page, .profitkusina-dashboard .pk-page-sales-add > .pk-module-page, .profitkusina-dashboard .pk-page-customer-add > .pk-module-page{display:none!important;} /* v5.9.6.3 Procurement Workspace 2.0 */ .pk-procurement-workspace-v2{margin:0 0 24px;padding:28px;border:1px solid #e6eaf0;border-radius:28px;background:linear-gradient(135deg,#fff,#f7faf8);box-shadow:0 18px 45px rgba(15,23,42,.06)} .pk-procurement-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px}.pk-procurement-hero h2{margin:6px 0 6px;font-size:30px;line-height:1.15}.pk-procurement-hero p{max-width:760px;margin:0;color:#64748b}.pk-procurement-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.pk-procurement-kpis article{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:18px}.pk-procurement-kpis small{display:block;color:#64748b;font-weight:700;margin-bottom:8px}.pk-procurement-kpis strong{font-size:26px;color:#102a1f}.pk-procurement-timeline{margin-top:18px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:18px}.pk-timeline-row{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #eef2f7}.pk-timeline-row:first-of-type{border-top:0}.pk-timeline-row small{display:block;color:#64748b}.pk-po-receive-table input[type=number]{max-width:130px}.pk-po-summary-panel .pk-summary-help{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.5}.pk-sticky-form-actions{position:sticky;bottom:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border:1px solid #e5e7eb;border-radius:20px;padding:14px 18px;margin-top:18px;display:flex;justify-content:flex-end;gap:12px} @media(max-width:1100px){.pk-procurement-hero{flex-direction:column}.pk-procurement-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.pk-procurement-workspace-v2{padding:20px;border-radius:22px}.pk-procurement-kpis{grid-template-columns:1fr}.pk-sticky-form-actions{position:static;flex-direction:column}.pk-sticky-form-actions .pk-btn{width:100%;justify-content:center}} /* v5.9.6.4 Receivables Ledger Sprint */ .pk-receivables-ledger-page{margin-top:0!important;display:grid!important;gap:22px!important;overflow:visible!important;} .pk-receivables-ledger-page .pk-ledger-hero{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:24px!important;background:linear-gradient(135deg,#ffffff,#effdf6)!important;border:1px solid #d8eee4!important;border-radius:28px!important;padding:28px 32px!important;box-shadow:0 16px 40px rgba(15,23,42,.05)!important;} .pk-receivables-ledger-page .pk-ledger-hero h2{margin:6px 0!important;font-size:32px!important;line-height:1.1!important;letter-spacing:-.035em!important;} .pk-receivables-ledger-page .pk-ledger-hero p{max-width:760px!important;margin:0!important;color:#475569!important;line-height:1.6!important;} .pk-ledger-kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;} .pk-ledger-kpi-grid .pk-kpi-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:22px!important;padding:20px!important;box-shadow:0 12px 30px rgba(15,23,42,.04)!important;} .pk-receivables-ledger-card{padding:24px!important;border-radius:28px!important;box-shadow:0 14px 36px rgba(15,23,42,.05)!important;} .pk-receivables-ledger-card .pk-responsive-table{overflow-x:auto!important;} .pk-receivables-ledger-card table{min-width:920px!important;} .pk-receivables-ledger-card th{white-space:nowrap!important;} .pk-receivables-ledger-card td{vertical-align:middle!important;} .pk-mini-aging{margin-top:16px!important;padding:14px 16px!important;border-radius:16px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#475569!important;line-height:1.55!important;} .pk-module-sales .pk-receivables-card{display:none!important;} .pk-table-actions{white-space:nowrap!important;} @media(max-width:980px){.pk-receivables-ledger-page .pk-ledger-hero{display:grid!important;padding:22px!important}.pk-ledger-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:640px){.pk-ledger-kpi-grid{grid-template-columns:1fr!important}.pk-receivables-ledger-page .pk-ledger-hero .pk-btn{width:100%!important;justify-content:center!important}} /* v5.9.6.5 Sales Workspace 3.0 itemized Single Sale UI */ .pk-sale-reference-grid{margin-bottom:18px}.pk-sale-items-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;margin-bottom:14px}.pk-sale-items-toolbar h4{margin:0 0 4px;font-size:18px}.pk-sale-items-toolbar p{margin:0;color:#64748b}.pk-sale-items-table{display:grid;gap:10px}.pk-sale-item-row{display:grid;grid-template-columns:minmax(190px,1.5fr) 90px 120px 120px 130px 44px;gap:10px;align-items:center}.pk-sale-item-row-head{font-size:12px;font-weight:900;letter-spacing:.04em;color:#50627d;text-transform:uppercase}.pk-sale-item-row input{width:100%;min-height:46px;border:1px solid #d9e8df;border-radius:12px;padding:10px 12px;background:#fff;font:inherit}.pk-sale-item-subtotal{min-height:46px;border-radius:12px;background:#f4fbf7;border:1px solid #cdebdc;padding:12px;font-weight:900;color:#063b2a}.pk-sale-remove-item{width:42px;height:42px;border-radius:12px;border:1px solid #f1c6c6;background:#fff;color:#b42318;font-size:22px;font-weight:900;cursor:pointer}.pk-sale-item-summary-strip{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.pk-sale-item-summary-strip span{background:#f8fafc;border:1px solid #e4ece8;border-radius:999px;padding:8px 12px;color:#42526b}.pk-sale-item-summary-strip strong{color:#052e22}.pk-itemized-sale-fields[hidden],.pk-daily-summary-fields[hidden]{display:none!important}@media(max-width:1100px){.pk-sale-item-row{grid-template-columns:1fr 80px 100px}.pk-sale-item-row-head{display:none}.pk-sale-item-subtotal{grid-column:span 2}.pk-sale-remove-item{justify-self:end}}@media(max-width:680px){.pk-sale-items-toolbar{align-items:stretch;flex-direction:column}.pk-sale-item-row{grid-template-columns:1fr 1fr}.pk-sale-item-row input[name="sale_item_name[]"]{grid-column:1/-1}.pk-sale-item-subtotal{grid-column:1/-1}.pk-sale-remove-item{grid-column:1/-1;width:100%}} /* v5.9.6.9 ProfitKusina Success System */ .pk-success-system{display:grid;gap:22px;margin:0 0 28px;} .pk-learning-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 32px;border:1px solid #d8eee4;border-radius:28px;background:linear-gradient(135deg,#ffffff,#f0fdf7);box-shadow:0 18px 44px rgba(15,23,42,.06)} .pk-learning-hero h2{margin:6px 0;font-size:32px;line-height:1.12;letter-spacing:-.035em;color:#0f2e23}.pk-learning-hero p{margin:0;max-width:760px;color:#475569;line-height:1.6}.pk-progress-card{min-width:260px;padding:18px;border:1px solid #dcefe6;border-radius:22px;background:#fff}.pk-progress-card strong{display:block;font-size:34px;line-height:1;color:#0a6b47}.pk-progress-card span{display:block;margin-top:6px;color:#64748b;font-weight:700}.pk-progress-track{height:10px;margin-top:14px;border-radius:999px;background:#e2e8f0;overflow:hidden}.pk-progress-track i{display:block;height:100%;border-radius:999px;background:#16a34a}.pk-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pk-setup-step{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:18px;border:1px solid #e2e8f0;border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.04)}.pk-setup-step.is-complete{border-color:#bde8d1;background:#f7fffa}.pk-step-status{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:#ecfdf5;color:#087242;font-weight:900}.pk-setup-step h3{margin:0 0 4px;font-size:18px;color:#0f2e23}.pk-setup-step p{margin:0 0 8px;color:#64748b;line-height:1.5}.pk-learning-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.pk-learning-actions form{margin:0}.pk-learning-search{display:flex;gap:12px;align-items:center;min-width:min(100%,520px)}.pk-learning-search input{width:100%;min-height:48px;border:1px solid #d7e5dc;border-radius:14px;padding:12px 14px;font:inherit}.pk-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pk-help-article,.pk-release-grid article,.pk-helper-chip{padding:20px;border:1px solid #e2e8f0;border-radius:22px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.04)}.pk-help-article h3{margin:0 0 8px;color:#0f2e23}.pk-help-article p{margin:0 0 10px;color:#475569;line-height:1.55}.pk-help-article span,.pk-release-grid span,.pk-helper-chip span{display:block;color:#64748b;line-height:1.55}.pk-context-help-panel{padding:22px;border:1px solid #d8eee4;border-radius:26px;background:#f8fffb}.pk-context-help-panel h3{margin:0 0 14px}.pk-helper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pk-helper-chip strong{display:block;margin-bottom:6px;color:#0f2e23}.pk-release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pk-release-grid strong{display:block;margin-bottom:8px;color:#0f2e23;font-size:18px} @media(max-width:1040px){.pk-learning-hero{display:grid}.pk-progress-card{min-width:0}.pk-setup-grid,.pk-article-grid,.pk-helper-grid,.pk-release-grid{grid-template-columns:1fr 1fr}.pk-learning-search{min-width:0;width:100%;display:grid}} @media(max-width:720px){.pk-learning-hero{padding:22px;border-radius:22px}.pk-learning-hero h2{font-size:26px}.pk-setup-grid,.pk-article-grid,.pk-helper-grid,.pk-release-grid{grid-template-columns:1fr}.pk-setup-step{grid-template-columns:auto 1fr}.pk-setup-step form{grid-column:1/-1}.pk-setup-step .pk-btn,.pk-learning-search .pk-btn{width:100%;justify-content:center}.pk-learning-actions{display:grid}.pk-learning-actions .pk-btn,.pk-learning-actions form,.pk-learning-actions button{width:100%;justify-content:center}} /* v5.9.7.2: Help and onboarding live in header/settings, not sidebar. */ .pk-dashboard-help-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-left:auto}.pk-settings-tabs a[href*="help-learning"],.pk-settings-tabs a[href*="setup-wizard"],.pk-settings-tabs a[href*="whats-new"]{font-weight:700}.pk-help-article p,.pk-help-article span{white-space:normal;overflow:visible;text-overflow:clip}.pk-success-system .pk-learning-actions{display:flex;gap:12px;flex-wrap:wrap} @media(max-width:900px){.pk-dashboard-help-actions{width:100%;margin-left:0}.pk-dashboard-help-actions .pk-link-button{flex:1;justify-content:center}} /* v5.9.7.5: rebuilt package; no new sidebar menus, plain-language/onboarding QA retained. */ /* v5.9.7.8: onboarding/help production polish without adding sidebar menus. */ .pk-learning-hero-refined{align-items:start!important;gap:22px!important} .pk-progress-card small{display:block;margin-top:10px;color:#64748b;font-size:13px;line-height:1.45;font-weight:700} .pk-inline-notice{margin-top:14px;padding:12px 14px;border-radius:16px;font-weight:700;line-height:1.45;border:1px solid #dbeafe;background:#eff6ff;color:#1e3a8a} .pk-inline-notice-success{border-color:#bbf7d0;background:#f0fdf4;color:#166534} .pk-inline-notice-info{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8} .pk-help-article{min-height:180px;display:flex;flex-direction:column;gap:8px} .pk-help-article span{margin-top:auto;font-weight:650} .pk-helper-chip{min-height:112px} .pk-helper-chip strong{font-size:15px;letter-spacing:-.01em} .pk-dashboard-help-actions .pk-link-button{white-space:nowrap} @media(max-width:720px){.pk-learning-hero-refined{gap:16px!important}.pk-inline-notice{font-size:14px}.pk-progress-card{width:100%}.pk-help-article{min-height:0}.pk-dashboard-help-actions{width:100%;margin-left:0}.pk-dashboard-help-actions .pk-link-button{flex:1;justify-content:center}} /* v5.9.7.9-v5.9.8.1: Sales Workspace completion, receivables ledger and payment testing polish. */ .pk-sale-workspace-form.is-itemized-sale-mode .pk-daily-summary-fields{display:none!important;} .pk-sale-workspace-form.is-daily-summary-mode .pk-itemized-sale-fields{display:none!important;} .pk-sale-workspace-form [data-pk-daily-only][hidden]{display:none!important;} .pk-itemized-sale-fields{border:1px solid #dcebe3;border-radius:18px;background:#fbfffd;padding:18px;margin-top:14px;} .pk-sale-items-toolbar{border-bottom:1px solid #e2eee8;padding-bottom:14px;} .pk-sale-item-row:not(.pk-sale-item-row-head){background:#fff;border:1px solid #e1ebe6;border-radius:16px;padding:10px;box-shadow:0 8px 22px rgba(15,23,42,.04);} .pk-sale-item-row-head{padding:0 10px;} .pk-sale-item-subtotal{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;} .pk-ledger-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;} .pk-customer-statement-card .pk-record-list>div,.pk-payment-allocation-card .pk-record-list>div{align-items:flex-start;} .pk-payment-gateway-testing-note{margin-top:12px;padding:12px 14px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:13px;line-height:1.5;} @media(max-width:900px){.pk-ledger-split-grid{grid-template-columns:1fr}.pk-sale-item-row{grid-template-columns:1fr 1fr!important}.pk-sale-item-subtotal,.pk-sale-remove-item{grid-column:1/-1}.pk-sale-item-subtotal{justify-content:flex-start}.pk-sale-remove-item{width:100%!important}} /* v5.9.8.1: Sales Workspace completion, receivables ledger polish, payment testing diagnostics. */ #pkAddSaleFullPageForm.is-itemized-sale-mode [data-pk-daily-summary-fields]{display:none!important;} #pkAddSaleFullPageForm.is-itemized-sale-mode [data-pk-itemized-sale-fields]{display:block!important;} #pkAddSaleFullPageForm.is-daily-summary-mode [data-pk-itemized-sale-fields]{display:none!important;} .pk-sale-items-table input:focus{outline:3px solid rgba(18,131,89,.18);border-color:#128359;} .pk-sale-item-row:not(.pk-sale-item-row-head){background:#fff;border:1px solid #e5eee9;border-radius:16px;padding:10px;} .pk-sale-item-row-head{padding:0 10px;} .pk-ledger-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;} .pk-compact-record-list{display:grid;gap:10px;} .pk-compact-record-list>div{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid #e5eee9;border-radius:16px;padding:14px;background:#fbfdfc;} .pk-compact-record-list small{display:block;color:#64748b;margin-top:3px;} .pk-payment-diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;} .pk-payment-diagnostic-grid article{border:1px solid #e5eee9;border-radius:18px;background:#fff;padding:16px;} .pk-payment-diagnostic-grid article strong{display:block;margin-bottom:6px;color:#0f172a;} .pk-payment-diagnostic-grid article small{color:#64748b;line-height:1.5;} @media(max-width:900px){.pk-ledger-split-grid,.pk-payment-diagnostic-grid{grid-template-columns:1fr}.pk-sale-item-row:not(.pk-sale-item-row-head){padding:12px}} /* v5.9.8.5: Dashboard utility tabs replace loose Help/Setup links. */ .pk-dashboard-title-wrap{display:grid;gap:18px;min-width:0;flex:1 1 auto;} .pk-dashboard-utility-tabs{display:inline-flex;align-items:center;gap:6px;align-self:start;padding:6px;border:1px solid #dbe8e1;border-radius:999px;background:linear-gradient(180deg,#ffffff,#f3fbf6);box-shadow:0 10px 30px rgba(8,70,50,.07);width:max-content;max-width:100%;overflow:auto;} .pk-dashboard-utility-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 14px;border-radius:999px;text-decoration:none;color:#0f5138;font-weight:900;font-size:13px;white-space:nowrap;transition:background .16s ease,color .16s ease,box-shadow .16s ease;} .pk-dashboard-utility-tabs a:hover{background:#e9f8ef;color:#063221;} .pk-dashboard-utility-tabs a.active{background:#0f6a4a;color:#fff;box-shadow:0 8px 20px rgba(15,106,74,.22);} .pk-dashboard-help-actions{display:none!important;} @media(max-width:980px){.pk-dashboard-title-wrap{width:100%;}.pk-dashboard-utility-tabs{width:100%;}.pk-dashboard-utility-tabs a{flex:1 0 auto;}} @media(max-width:640px){.pk-dashboard-utility-tabs{border-radius:18px;justify-content:flex-start;}.pk-dashboard-utility-tabs a{font-size:12px;padding:8px 11px;}} /* v5.9.8.6-v5.9.8.8: Sales Workspace 4.0, Restaurant Command Center, Production Readiness Center. */ .pk-ops-command-center{border-radius:28px!important;background:linear-gradient(135deg,#fff,#f3fbf6)!important;border:1px solid #dceee4!important;box-shadow:0 18px 45px rgba(15,23,42,.055)!important;} .pk-ops-command-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.pk-ops-command-hero h2{margin:6px 0;font-size:30px;line-height:1.12;color:#0f2e23}.pk-ops-command-hero p{margin:0;max-width:760px;color:#64748b;line-height:1.6}.pk-health-score{display:inline-flex;gap:8px;align-items:center;border:1px solid #cfe9dc;background:#fff;border-radius:999px;padding:10px 14px;color:#475569;font-weight:800;white-space:nowrap}.pk-health-score strong{color:#0f6a4a}.pk-ops-widget-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pk-ops-widget-grid article{background:#fff;border:1px solid #e4ece8;border-radius:22px;padding:18px;box-shadow:0 10px 26px rgba(15,23,42,.04)}.pk-ops-widget-grid article>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#ecfdf5;margin-bottom:12px}.pk-ops-widget-grid small{display:block;color:#64748b;font-weight:900}.pk-ops-widget-grid strong{display:block;font-size:26px;color:#0f2e23;margin:5px 0}.pk-ops-widget-grid p{margin:0;color:#64748b;line-height:1.45}.pk-ops-next-actions{margin-top:18px;background:#fff;border:1px solid #e4ece8;border-radius:22px;padding:18px}.pk-ops-next-actions h3{margin:0 0 12px;color:#0f2e23}.pk-widget-preferences{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:14px;border:1px dashed #cbd5e1;border-radius:18px;padding:14px;color:#475569;background:#f8fafc}.pk-widget-preferences strong{color:#0f2e23}.pk-pos-import-panel{border:1px solid #dbeafe;border-radius:18px;background:#f8fbff;padding:18px;margin-top:14px}.pk-sale-workspace-form.is-pos-import-mode [data-pk-daily-summary-fields],.pk-sale-workspace-form.is-pos-import-mode [data-pk-itemized-sale-fields]{display:none!important}.pk-sale-workspace-form.is-pos-import-mode [data-pk-pos-import-panel]{display:block!important}.pk-production-readiness-center .pk-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.pk-health-diagnostic-grid article{min-height:130px}.pk-health-diagnostic-grid strong{font-size:17px}.pk-health-diagnostic-grid small{display:block;color:#64748b;line-height:1.55}@media(max-width:1100px){.pk-ops-widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pk-ops-command-hero,.pk-production-readiness-center .pk-section-heading{display:grid}.pk-widget-preferences{display:grid}}@media(max-width:680px){.pk-ops-widget-grid{grid-template-columns:1fr}.pk-health-score{width:100%;justify-content:center}.pk-production-readiness-center .pk-btn{width:100%;justify-content:center}} /* v5.9.9.2 Enterprise homepage rebuild + readable header/footer polish */ .pk-site-header{padding:20px clamp(22px,5vw,76px)!important;background:rgba(255,255,255,.96)!important;box-shadow:0 10px 30px rgba(8,70,50,.06)!important}.pk-site-header .pk-brand{font-size:18px!important;font-weight:900!important;letter-spacing:-.025em!important}.pk-main-nav{gap:28px!important}.pk-main-nav a{font-size:15px!important;font-weight:850!important;color:#123126!important;line-height:1.1!important}.pk-main-nav a:hover{color:#0f6a4a!important}.pk-main-nav .pk-nav-cta{font-size:14px!important;padding:13px 18px!important;border-radius:999px!important;background:#0f6a4a!important;color:#fff!important;box-shadow:0 14px 30px rgba(15,106,74,.25)!important}.pk-home-v5992{position:relative;overflow:hidden;padding:96px clamp(24px,5vw,76px) 82px!important;display:grid!important;grid-template-columns:minmax(0,1.04fr) minmax(360px,.86fr)!important;gap:72px!important;background:radial-gradient(circle at 18% 5%,#e6fff1 0,#f7fbf8 32%,#eef7f2 100%)!important;border-bottom:1px solid #dfeee7!important}.pk-home-v5992:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,106,74,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(15,106,74,.055) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.pk-home-v5992>*{position:relative;z-index:1}.pk-readable-pill,.pk-pill,.pk-eyebrow,.pk-enterprise-cta .pk-eyebrow{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important;padding:8px 13px!important;border-radius:999px!important;background:#e9fff2!important;color:#085438!important;border:1px solid #bfead2!important;font-size:12px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;text-shadow:none!important;box-shadow:none!important;line-height:1.1!important}.pk-home-v5992 h1{max-width:780px!important;margin:22px 0 22px!important;color:#10231d!important;font-size:clamp(48px,6.2vw,92px)!important;line-height:.93!important;letter-spacing:-.075em!important;font-weight:900!important}.pk-home-v5992 .pk-lead{max-width:650px!important;color:#3e5149!important;font-size:clamp(18px,1.4vw,22px)!important;line-height:1.65!important;font-weight:650!important}.pk-btn{min-height:48px!important;padding:15px 22px!important;font-size:15px!important;font-weight:900!important}.pk-btn-primary{background:#0f6a4a!important;color:#fff!important}.pk-btn-secondary{background:#fff!important;color:#0d563d!important;border:1px solid #d5e8df!important}.pk-hero-proof{max-width:620px!important;margin-top:28px!important;padding:18px 20px!important;background:#fff!important;border:1px solid #dcebe4!important;border-radius:18px!important;box-shadow:0 18px 44px rgba(8,70,50,.09)!important}.pk-hero-proof strong{display:block!important;color:#10231d!important;font-size:15px!important;font-weight:950!important}.pk-hero-proof span{display:block!important;margin-top:5px!important;color:#496057!important;font-size:14px!important;line-height:1.45!important}.pk-trust-row{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:24px!important}.pk-trust-row span,.pk-enterprise-strip span{background:#fff!important;color:#14362a!important;border:1px solid #dcebe4!important;border-radius:999px!important;padding:10px 14px!important;font-size:13px!important;font-weight:900!important;box-shadow:0 10px 24px rgba(8,70,50,.06)!important}.pk-dashboard-preview{border-radius:30px!important;background:#fff!important;border:1px solid #d6e8df!important;box-shadow:0 30px 80px rgba(8,70,50,.18)!important;padding:22px!important}.pk-product-kpis article,.pk-alert-card,.pk-branch-board>div{background:#f7fbf8!important;border:1px solid #dbeae3!important;color:#14362a!important}.pk-product-kpis small,.pk-alert-card small,.pk-branch-board small{color:#5b6f66!important;font-weight:850!important}.pk-product-kpis strong,.pk-alert-card strong,.pk-branch-board strong{color:#10231d!important;font-weight:950!important}.pk-product-kpis em,.pk-alert-card span,.pk-branch-board span{color:#0f6a4a!important;font-weight:850!important}.pk-exec-note{background:#073627!important;color:#fff!important;border-radius:16px!important}.pk-enterprise-strip{padding:18px clamp(22px,5vw,76px)!important;background:#052f22!important;display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:12px!important}.pk-enterprise-strip span{background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}.pk-section{padding:88px clamp(24px,5vw,76px)!important}.pk-section h2{color:#10231d!important;font-size:clamp(38px,4.3vw,70px)!important;line-height:1!important;letter-spacing:-.06em!important;font-weight:900!important}.pk-section p,.pk-section-lead{color:#4b5f56!important;font-size:17px!important;line-height:1.7!important}.pk-enterprise-feature-grid,.pk-enterprise-price-grid{gap:22px!important}.pk-enterprise-feature,.pk-enterprise-price-grid article{border:1px solid #dcebe4!important;border-radius:22px!important;background:#fff!important;box-shadow:0 20px 50px rgba(8,70,50,.08)!important}.pk-enterprise-feature{padding:30px!important;min-height:210px!important}.pk-enterprise-feature h3,.pk-enterprise-price-grid h3{color:#10231d!important;font-size:20px!important;font-weight:900!important}.pk-enterprise-feature p,.pk-enterprise-price-grid p{color:#52665d!important;font-size:15px!important}.pk-enterprise-split{background:#eaf6f0!important;display:grid!important;grid-template-columns:.9fr 1.1fr!important;gap:64px!important;align-items:center!important}.pk-enterprise-stack{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important}.pk-enterprise-stack article{background:#fff!important;border:1px solid #dcebe4!important;border-radius:22px!important;padding:28px!important;box-shadow:0 16px 40px rgba(8,70,50,.07)!important}.pk-enterprise-stack strong{display:block!important;color:#0f6a4a!important;font-size:14px!important}.pk-enterprise-stack span{display:block!important;color:#10231d!important;font-size:20px!important;font-weight:950!important;line-height:1.2!important;margin-top:16px!important}.pk-enterprise-price-grid article{padding:30px!important}.pk-enterprise-price-grid article>strong{display:block!important;color:#0f6a4a!important;font-size:31px!important;line-height:1.1!important;margin:12px 0 18px!important}.pk-popular{outline:2px solid #d4a017!important;box-shadow:0 26px 70px rgba(212,160,23,.16)!important}.pk-plan-badge{display:inline-flex!important;background:#fff5cf!important;color:#6d4c00!important;border:1px solid #f0d982!important;border-radius:999px!important;padding:8px 11px!important;font-size:12px!important;font-weight:950!important}.pk-plan-list{display:grid!important;gap:10px!important;margin:20px 0 0!important;padding:0!important;list-style:none!important}.pk-plan-list li{padding:13px 14px!important;border-radius:12px!important;background:#f6faf8!important;border:1px solid #dfece6!important;color:#14362a!important;font-weight:900!important}.pk-enterprise-cta{margin:64px clamp(24px,5vw,76px)!important;padding:52px!important;border-radius:30px!important;background:linear-gradient(135deg,#063d2c,#0f6a4a)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important;box-shadow:0 28px 70px rgba(8,70,50,.22)!important}.pk-enterprise-cta h2{color:#fff!important;font-size:clamp(36px,4vw,64px)!important;letter-spacing:-.06em!important;line-height:1!important;margin:12px 0!important}.pk-enterprise-cta p{color:rgba(255,255,255,.86)!important;font-size:17px!important}.pk-enterprise-cta .pk-btn-primary{background:#fff!important;color:#0f6a4a!important}.pk-footer{background:#052a1f!important;color:#fff!important;padding:58px clamp(24px,5vw,76px) 34px!important}.pk-footer-grid{display:grid!important;grid-template-columns:1.6fr .8fr .8fr .8fr!important;gap:42px!important}.pk-footer h3{color:#fff!important;font-size:16px!important;font-weight:950!important}.pk-footer a{color:#f2fff8!important;font-size:16px!important;font-weight:850!important;text-decoration:none!important}.pk-footer p,.pk-footer-bottom{color:rgba(255,255,255,.75)!important;font-size:16px!important;line-height:1.65!important}.pk-footer-bottom{border-top:1px solid rgba(255,255,255,.12)!important;margin-top:42px!important;padding-top:24px!important}@media(max-width:900px){.pk-main-nav{gap:14px!important}.pk-main-nav a{font-size:16px!important}.pk-home-v5992{grid-template-columns:1fr!important;padding-top:72px!important}.pk-enterprise-split{grid-template-columns:1fr!important}.pk-enterprise-stack{grid-template-columns:1fr!important}.pk-footer-grid{grid-template-columns:1fr 1fr!important}.pk-enterprise-cta{align-items:flex-start!important;flex-direction:column!important}}@media(max-width:640px){.pk-home-v5992 h1{font-size:44px!important}.pk-section h2{font-size:36px!important}.pk-footer-grid{grid-template-columns:1fr!important}.pk-enterprise-cta{padding:34px 24px!important}.pk-site-header{padding:16px 18px!important}.pk-main-nav{padding:18px!important}.pk-main-nav a{font-size:17px!important}} /* v5.9.9.3 header CTA readability patch */ .pk-site-header .pk-main-nav a.pk-nav-cta, .pk-site-header .pk-main-nav a.pk-nav-cta:visited{ background:#0f6a4a!important; color:#ffffff!important; border:1px solid #0f6a4a!important; text-shadow:none!important; } .pk-site-header .pk-main-nav a.pk-nav-cta:hover, .pk-site-header .pk-main-nav a.pk-nav-cta:focus, .pk-site-header .pk-main-nav a.pk-nav-cta:active{ background:#084632!important; color:#ffffff!important; border-color:#084632!important; text-decoration:none!important; box-shadow:0 16px 34px rgba(8,70,50,.30)!important; outline:3px solid rgba(15,106,74,.18)!important; outline-offset:3px!important; } .pk-footer .pk-footer-grid div:last-child h3{ color:#ffffff!important; } .pk-footer .pk-footer-grid div:last-child a:hover, .pk-footer .pk-footer-grid div:last-child a:focus{ color:#ffffff!important; text-decoration:underline!important; text-underline-offset:4px!important; } /* v5.9.9.6 Support Center polish */ .pk-nav-cta:hover,.pk-nav-cta:focus{color:#ffffff!important;background:#064f36!important;border-color:#064f36!important;text-shadow:none!important;box-shadow:0 14px 34px rgba(6,79,54,.22)} .pk-support-hero{max-width:1180px;margin:0 auto;padding:96px 28px 38px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:32px;align-items:end;color:#102033} .pk-support-hero h1{font-size:clamp(42px,7vw,86px);line-height:.9;letter-spacing:-.07em;margin:18px 0;color:#102033}.pk-support-hero p{max-width:720px;font-size:18px;line-height:1.7;color:#425468}.pk-section-eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:#e7f7ef;color:#075f3f;font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.pk-support-card{background:#073322;color:#fff;border-radius:28px;padding:30px;box-shadow:0 24px 60px rgba(0,30,18,.18)}.pk-support-card strong{display:block;font-size:24px;margin-bottom:10px}.pk-support-card p{color:#dcefe7;font-size:15px}.pk-support-card a{display:inline-flex;margin-top:14px;color:#073322;background:#fff;border-radius:999px;padding:12px 16px;font-weight:900;text-decoration:none}.pk-support-section{max-width:960px;margin:0 auto 90px;padding:0 28px}.pk-support-form{background:#fff;border:1px solid rgba(14,42,32,.1);border-radius:32px;padding:34px;box-shadow:0 24px 70px rgba(14,42,32,.10);display:grid;gap:20px}.pk-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pk-support-form label{display:grid;gap:8px;font-weight:900;color:#102033}.pk-support-form input,.pk-support-form select,.pk-support-form textarea{width:100%;border:1px solid #dbe7e1;border-radius:16px;min-height:52px;padding:13px 15px;font:inherit;color:#102033;background:#fbfffd}.pk-support-form textarea{min-height:170px;resize:vertical}.pk-support-form input:focus,.pk-support-form select:focus,.pk-support-form textarea:focus{outline:3px solid rgba(6,126,82,.16);border-color:#08764e}.pk-hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.pk-support-notice{border-radius:18px;padding:16px 18px;margin-bottom:18px;font-weight:800}.pk-support-notice.success{background:#e7f7ef;color:#075f3f}.pk-support-notice.error{background:#fff2f0;color:#9d1f13}.pk-support-meta{font-size:13px;color:#5c6d7a;margin:0}@media(max-width:760px){.pk-support-hero{grid-template-columns:1fr;padding-top:72px}.pk-form-grid{grid-template-columns:1fr}.pk-support-form{padding:24px}} /* v5.9.9.7 Support Center 2.0 rebuild */ .pk-support-v2-hero{max-width:1240px;margin:0 auto;padding:88px clamp(22px,5vw,56px) 34px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);gap:42px;align-items:stretch;color:#102033}.pk-support-v2-copy{display:flex;flex-direction:column;justify-content:center}.pk-support-v2-copy h1{margin:18px 0 18px;color:#102033;font-size:clamp(46px,6.4vw,88px);line-height:.92;letter-spacing:-.075em;font-weight:950}.pk-support-v2-copy p{max-width:760px;margin:0;color:#3f5365;font-size:18px;line-height:1.75;font-weight:650}.pk-support-v2-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px;max-width:780px}.pk-support-v2-metrics article{background:#fff;border:1px solid #dfece6;border-radius:18px;padding:16px 18px;box-shadow:0 14px 36px rgba(8,70,50,.06)}.pk-support-v2-metrics strong{display:block;color:#0b2b21;font-size:15px;font-weight:950}.pk-support-v2-metrics span{display:block;margin-top:5px;color:#607268;font-size:13px;font-weight:750}.pk-support-v2-aside{display:grid;gap:16px}.pk-support-v2-resource{border-radius:30px;padding:30px;background:linear-gradient(135deg,#063d2c,#0f6a4a);color:#fff;box-shadow:0 28px 70px rgba(8,70,50,.22)}.pk-support-v2-resource span{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.13);color:#fff;font-size:12px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.pk-support-v2-resource h2{margin:18px 0 10px;color:#fff;font-size:30px;line-height:1.05;letter-spacing:-.035em}.pk-support-v2-resource p{margin:0;color:rgba(255,255,255,.86);line-height:1.65;font-size:15px}.pk-support-v2-resource a{display:inline-flex;align-items:center;justify-content:center;margin-top:22px;min-height:48px;padding:13px 18px;border-radius:999px;background:#fff;color:#07533a!important;font-weight:950;text-decoration:none;box-shadow:0 12px 26px rgba(0,0,0,.14)}.pk-support-v2-resource a:hover,.pk-support-v2-resource a:focus{background:#e9fff2;color:#073322!important;outline:3px solid rgba(255,255,255,.24);outline-offset:3px}.pk-support-v2-next{background:#fff;border:1px solid #dfece6;border-radius:24px;padding:24px;box-shadow:0 18px 42px rgba(8,70,50,.07)}.pk-support-v2-next strong{display:block;color:#102033;font-size:18px;font-weight:950;margin-bottom:12px}.pk-support-v2-next ol{margin:0;padding-left:20px;color:#445b51;line-height:1.7;font-weight:750}.pk-support-v2-wrap{max-width:1240px;margin:0 auto 84px;padding:0 clamp(22px,5vw,56px)}.pk-support-v2-shell{display:grid;grid-template-columns:minmax(280px,.55fr) minmax(0,1fr);gap:0;background:#fff;border:1px solid #dfece6;border-radius:34px;box-shadow:0 28px 80px rgba(8,70,50,.11);overflow:hidden}.pk-support-v2-panel{background:#f0faf5;padding:34px;border-right:1px solid #dfece6}.pk-support-v2-label{display:inline-flex;padding:8px 11px;border-radius:999px;background:#dff7eb;color:#075f3f;font-size:12px;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.pk-support-v2-panel h2{margin:18px 0 12px;color:#102033;font-size:34px;line-height:1.05;letter-spacing:-.04em}.pk-support-v2-panel p{margin:0;color:#51675d;line-height:1.7;font-weight:650}.pk-support-v2-topic-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.pk-support-v2-topic-cards span{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid #dfece6;color:#123126;font-weight:900}.pk-support-v2-form.pk-support-form{border:0!important;border-radius:0!important;box-shadow:none!important;padding:34px!important;background:#fff!important;gap:18px!important}.pk-support-v2-form .pk-form-grid{gap:16px!important}.pk-support-v2-form label{gap:8px!important;font-size:15px!important;color:#102033!important}.pk-support-v2-form input,.pk-support-v2-form select,.pk-support-v2-form textarea{border-radius:14px!important;min-height:50px!important;border:1px solid #d7e6df!important;background:#fbfffd!important;color:#102033!important;font-size:15px!important;box-shadow:none!important}.pk-support-v2-form textarea{min-height:145px!important}.pk-support-v2-submit.pk-primary,.pk-support-v2-submit.pk-btn,.pk-support-form .pk-support-v2-submit{width:100%;background:#0f6a4a!important;color:#fff!important;border:1px solid #0f6a4a!important;border-radius:999px!important;min-height:52px!important;font-weight:950!important;box-shadow:0 16px 32px rgba(15,106,74,.18)!important}.pk-support-v2-submit:hover,.pk-support-v2-submit:focus{background:#084632!important;color:#fff!important;border-color:#084632!important;outline:3px solid rgba(15,106,74,.18)!important;outline-offset:3px!important}.pk-support-v2-form input::placeholder,.pk-support-v2-form textarea::placeholder{color:#718278!important;opacity:1!important}.pk-support-v2-form input:focus,.pk-support-v2-form select:focus,.pk-support-v2-form textarea:focus{outline:3px solid rgba(15,106,74,.16)!important;border-color:#0f6a4a!important;background:#fff!important}.pk-support-notice{max-width:100%;border-radius:18px}.pk-footer .pk-footer-grid div:last-child h3:after{content:"";display:block;width:34px;height:3px;border-radius:999px;background:#2fd28f;margin-top:10px}.pk-footer .pk-footer-grid div:last-child a{display:block;margin-top:10px}.pk-main-nav a:hover,.pk-main-nav a:focus,.pk-footer a:hover,.pk-footer a:focus{color:#ffffff;text-decoration:underline;text-underline-offset:4px}.pk-main-nav a:not(.pk-nav-cta):hover,.pk-main-nav a:not(.pk-nav-cta):focus{color:#0f6a4a!important}@media(max-width:980px){.pk-support-v2-hero{grid-template-columns:1fr;padding-top:70px}.pk-support-v2-shell{grid-template-columns:1fr}.pk-support-v2-panel{border-right:0;border-bottom:1px solid #dfece6}.pk-support-v2-metrics{grid-template-columns:1fr 1fr 1fr}}@media(max-width:680px){.pk-support-v2-copy h1{font-size:46px}.pk-support-v2-copy p{font-size:16px}.pk-support-v2-metrics{grid-template-columns:1fr}.pk-support-v2-topic-cards{grid-template-columns:1fr}.pk-support-v2-form .pk-form-grid{grid-template-columns:1fr!important}.pk-support-v2-panel,.pk-support-v2-form.pk-support-form{padding:24px!important}.pk-support-v2-shell{border-radius:26px}.pk-support-v2-resource{border-radius:24px;padding:24px}} /* v6.0.0 Support Center 3.0 enterprise cleanup */ .pk-support-v2-metrics,.pk-support-v2-next{display:none!important}.pk-support-meta{display:none!important} .pk-support-v3-hero{max-width:1200px;margin:0 auto;padding:88px clamp(22px,5vw,56px) 42px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);gap:44px;align-items:center;color:#102033}.pk-support-v3-copy h1{margin:18px 0 18px;color:#102033;font-size:clamp(48px,6vw,84px);line-height:.92;letter-spacing:-.075em;font-weight:950}.pk-support-v3-copy p{max-width:760px;margin:0;color:#405569;font-size:18px;line-height:1.75;font-weight:650}.pk-support-v3-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:26px}.pk-support-v3-actions span,.pk-support-v3-actions a{display:inline-flex;align-items:center;min-height:40px;padding:10px 14px;border-radius:999px;font-size:14px;font-weight:900;text-decoration:none}.pk-support-v3-actions span{background:#e9f8f0;color:#075f3f;border:1px solid #cdeadd}.pk-support-v3-actions a{background:#fff;color:#0f6a4a!important;border:1px solid #d8e7df}.pk-support-v3-actions a:hover,.pk-support-v3-actions a:focus{background:#0f6a4a;color:#fff!important;border-color:#0f6a4a;outline:3px solid rgba(15,106,74,.16);outline-offset:3px}.pk-support-v3-aside{border-radius:30px;padding:30px;background:linear-gradient(135deg,#063d2c,#0f6a4a);color:#fff;box-shadow:0 28px 70px rgba(8,70,50,.22)}.pk-support-v3-aside span{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.14);font-size:12px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;color:#fff}.pk-support-v3-aside h2{margin:18px 0 10px;color:#fff;font-size:30px;line-height:1.05;letter-spacing:-.035em}.pk-support-v3-aside p{margin:0;color:rgba(255,255,255,.88);line-height:1.65;font-size:15px}.pk-support-v3-aside a{display:inline-flex;align-items:center;justify-content:center;margin-top:22px;min-height:48px;padding:13px 18px;border-radius:999px;background:#fff;color:#07533a!important;font-weight:950;text-decoration:none;box-shadow:0 12px 26px rgba(0,0,0,.14)}.pk-support-v3-aside a:hover,.pk-support-v3-aside a:focus{background:#e9fff2;color:#073322!important;outline:3px solid rgba(255,255,255,.26);outline-offset:3px}.pk-support-v3-wrap{max-width:1120px;margin:0 auto 90px;padding:0 clamp(22px,5vw,56px)}.pk-support-v3-shell{display:grid;grid-template-columns:minmax(280px,.52fr) minmax(0,1fr);background:#fff;border:1px solid #dfece6;border-radius:34px;box-shadow:0 28px 80px rgba(8,70,50,.11);overflow:hidden}.pk-support-v3-panel{background:#f3fbf7;padding:34px;border-right:1px solid #dfece6}.pk-support-v3-panel h2{margin:18px 0 12px;color:#102033;font-size:34px;line-height:1.05;letter-spacing:-.04em}.pk-support-v3-panel p{margin:0;color:#51675d;line-height:1.7;font-weight:650}.pk-support-v3-panel ul{margin:24px 0 0;padding:0;list-style:none;display:grid;gap:11px}.pk-support-v3-panel li{position:relative;padding-left:24px;color:#18372b;font-weight:850;line-height:1.45}.pk-support-v3-panel li:before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:999px;background:#0f6a4a;box-shadow:0 0 0 4px rgba(15,106,74,.12)}.pk-support-v3-form.pk-support-form{border:0!important;border-radius:0!important;box-shadow:none!important;padding:34px!important;background:#fff!important;gap:18px!important}.pk-support-v3-form .pk-form-grid{gap:16px!important}.pk-support-v3-form label{gap:8px!important;font-size:15px!important;color:#102033!important}.pk-support-v3-form input,.pk-support-v3-form select,.pk-support-v3-form textarea{border-radius:14px!important;min-height:50px!important;border:1px solid #d7e6df!important;background:#fbfffd!important;color:#102033!important;font-size:15px!important;box-shadow:none!important}.pk-support-v3-form textarea{min-height:145px!important}.pk-support-v3-form input::placeholder,.pk-support-v3-form textarea::placeholder{color:#718278!important;opacity:1!important}.pk-support-v3-form input:focus,.pk-support-v3-form select:focus,.pk-support-v3-form textarea:focus{outline:3px solid rgba(15,106,74,.16)!important;border-color:#0f6a4a!important;background:#fff!important}.pk-support-v3-submit.pk-primary,.pk-support-v3-submit.pk-btn,.pk-support-form .pk-support-v3-submit{width:100%;background:#0f6a4a!important;color:#fff!important;border:1px solid #0f6a4a!important;border-radius:999px!important;min-height:52px!important;font-weight:950!important;box-shadow:0 16px 32px rgba(15,106,74,.18)!important}.pk-support-v3-submit:hover,.pk-support-v3-submit:focus{background:#084632!important;color:#fff!important;border-color:#084632!important;outline:3px solid rgba(15,106,74,.18)!important;outline-offset:3px!important}.pk-support-v3-privacy{margin:0;color:#607268;font-size:13px;font-weight:650;line-height:1.55}.pk-support-v3-success{max-width:760px;margin:0 auto;background:#fff;border:1px solid #dfece6;border-radius:34px;padding:44px;text-align:center;box-shadow:0 28px 80px rgba(8,70,50,.11)}.pk-support-v3-check{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:999px;background:#e1f7eb;color:#0f6a4a;font-weight:950;font-size:28px}.pk-support-v3-success h2{margin:18px 0 12px;color:#102033;font-size:40px;letter-spacing:-.04em}.pk-support-v3-success p{margin:0 auto;max-width:580px;color:#405569;font-size:17px;line-height:1.7;font-weight:650}.pk-support-v3-success a{display:inline-flex;align-items:center;justify-content:center;margin-top:24px;min-height:48px;padding:13px 18px;border-radius:999px;background:#0f6a4a;color:#fff!important;font-weight:950;text-decoration:none}.pk-support-v3-success a:hover,.pk-support-v3-success a:focus{background:#084632;color:#fff!important;outline:3px solid rgba(15,106,74,.18);outline-offset:3px}@media(max-width:920px){.pk-support-v3-hero{grid-template-columns:1fr;padding-top:70px}.pk-support-v3-shell{grid-template-columns:1fr}.pk-support-v3-panel{border-right:0;border-bottom:1px solid #dfece6}}@media(max-width:680px){.pk-support-v3-copy h1{font-size:46px}.pk-support-v3-copy p{font-size:16px}.pk-support-v3-panel,.pk-support-v3-form.pk-support-form,.pk-support-v3-success{padding:24px!important}.pk-support-v3-shell,.pk-support-v3-success{border-radius:26px}.pk-support-v3-form .pk-form-grid{grid-template-columns:1fr!important}.pk-support-v3-aside{border-radius:24px;padding:24px}} /* v6.0.2 Support Center refinement: proportional CTA, friendlier guidance, clearer next steps. */ .pk-support-v4-aside{ max-width:420px; padding:26px!important; align-self:center; } .pk-support-v4-aside h2{font-size:26px!important;letter-spacing:-.03em!important;} .pk-support-v4-aside a{min-height:44px!important;padding:11px 16px!important;font-size:15px!important;} .pk-support-v4-shell{grid-template-columns:minmax(285px,.48fr) minmax(0,1fr)!important;} .pk-support-v4-panel{padding:34px 32px!important;} .pk-support-v4-panel h2{font-size:32px!important;} .pk-support-v4-panel ul{display:none!important;} .pk-support-v4-next{margin-top:24px;padding:18px;border:1px solid #d8ebe1;border-radius:20px;background:#fff;} .pk-support-v4-next strong{display:block;margin-bottom:12px;color:#0e2f24;font-weight:950;font-size:15px;} .pk-support-v4-next ol{display:grid;gap:10px;margin:0;padding:0;list-style:none;} .pk-support-v4-next li{display:flex!important;align-items:center;gap:10px;padding:0!important;color:#18372b!important;font-weight:850!important;line-height:1.35!important;} .pk-support-v4-next li:before{display:none!important;} .pk-support-v4-next li span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;border-radius:999px;background:#e5f8ee;color:#075f3f;font-size:12px;font-weight:950;} .pk-support-v4-safe{margin-top:18px!important;font-size:14px!important;line-height:1.6!important;color:#5f7168!important;} .pk-support-v4-submit.pk-support-v3-submit.pk-btn, .pk-support-form .pk-support-v4-submit{ width:auto!important; min-width:238px!important; min-height:52px!important; padding:0 24px!important; border-radius:14px!important; justify-self:start!important; box-shadow:0 14px 28px rgba(15,106,74,.18)!important; } .pk-support-v4-submit:hover, .pk-support-v4-submit:focus{ transform:translateY(-1px); } .pk-support-v3-form.pk-support-form{gap:20px!important;} .pk-support-v3-form .pk-form-grid{gap:18px!important;} .pk-support-v3-privacy{max-width:560px;} .pk-support-v3-copy h1{font-size:clamp(50px,5.7vw,78px)!important;} .pk-support-v3-copy p{max-width:720px!important;} @media(max-width:920px){ .pk-support-v4-shell{grid-template-columns:1fr!important;} .pk-support-v4-aside{max-width:none;} } @media(max-width:680px){ .pk-support-v4-submit.pk-support-v3-submit.pk-btn, .pk-support-form .pk-support-v4-submit{width:100%!important;min-width:0!important;} .pk-support-v4-next{padding:16px;} } /* v6.0.3 Contact page rebuild: aligned enterprise support layout based on approved UI mockup */ .pk-support-v5-hero{ max-width:1120px; margin:0 auto; padding:72px clamp(22px,4vw,48px) 28px; display:grid; grid-template-columns:minmax(0,1.08fr) 370px; gap:56px; align-items:center; color:#0f1f32; } .pk-support-v5-copy h1{ margin:18px 0 18px; color:#102033; font-size:clamp(56px,6vw,86px); line-height:.92; letter-spacing:-.075em; font-weight:950; } .pk-support-v5-copy p{ max-width:600px; margin:0; color:#132941; font-size:18px; line-height:1.7; font-weight:600; } .pk-support-v5-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:26px;} .pk-support-v5-actions span,.pk-support-v5-actions a{ display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:9px 14px;border-radius:999px; background:#fff;color:#0b4d38!important;border:1px solid #d6e8df;text-decoration:none;font-size:14px;font-weight:900; box-shadow:0 10px 24px rgba(8,70,50,.06); } .pk-support-v5-actions span{background:#effbf5;} .pk-support-v5-actions strong{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:#e0f6eb;color:#0f6a4a;font-weight:950;line-height:1;} .pk-support-v5-actions a strong{background:#1b74e4;color:#fff;font-family:Arial,sans-serif;} .pk-support-v5-actions a:hover,.pk-support-v5-actions a:focus{background:#0f6a4a;color:#fff!important;border-color:#0f6a4a;outline:3px solid rgba(15,106,74,.16);outline-offset:3px;} .pk-support-v5-tutorial{ display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:start; border-radius:24px;padding:28px;background:linear-gradient(135deg,#06412f 0%,#063223 100%);color:#fff; box-shadow:0 26px 60px rgba(8,70,50,.22), inset 0 1px 0 rgba(255,255,255,.12); } .pk-support-v5-tutorial-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:999px;background:rgba(255,255,255,.14);font-size:26px;color:#fff;} .pk-support-v5-tutorial h2{margin:2px 0 14px;color:#fff;font-size:28px;line-height:1.1;letter-spacing:-.035em;} .pk-support-v5-tutorial p{margin:0;color:rgba(255,255,255,.9);font-size:16px;line-height:1.6;font-weight:550;} .pk-support-v5-tutorial a{display:inline-flex;align-items:center;gap:12px;margin-top:22px;min-height:48px;padding:12px 20px;border-radius:999px;background:#fff;color:#062f22!important;font-weight:950;text-decoration:none;box-shadow:0 14px 28px rgba(0,0,0,.16);} .pk-support-v5-tutorial a:hover,.pk-support-v5-tutorial a:focus{background:#e9fff2;color:#062f22!important;outline:3px solid rgba(255,255,255,.28);outline-offset:3px;} .pk-support-v3-wrap{max-width:1120px!important;margin:0 auto 34px!important;padding:0 clamp(22px,4vw,48px)!important;} .pk-support-v5-shell{ display:grid;grid-template-columns:380px minmax(0,1fr);overflow:hidden;background:#fff;border:1px solid #dfeae5;border-radius:24px; box-shadow:0 24px 70px rgba(8,70,50,.12); } .pk-support-v5-panel{padding:34px;background:linear-gradient(180deg,#f4fbf8 0%,#eff8f3 100%);border-right:1px solid #dfeae5;color:#102033;} .pk-support-v5-panel-heading{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:center;margin-bottom:20px;} .pk-support-v5-panel-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:999px;background:#dff5ea;color:#0f6a4a;font-size:25px;} .pk-support-v5-panel h2{margin:0;color:#073322;font-size:25px;line-height:1.15;letter-spacing:-.035em;font-weight:950;} .pk-support-v5-panel p{margin:0;color:#233f35;font-size:16px;line-height:1.65;font-weight:560;} .pk-support-v5-next{margin-top:26px;padding-top:22px;border-top:1px solid #d8e7df;} .pk-support-v5-next strong{display:block;margin-bottom:15px;color:#0f1f32;font-size:16px;font-weight:950;} .pk-support-v5-next ol{position:relative;display:grid;gap:16px;margin:0;padding:0;list-style:none;} .pk-support-v5-next ol:before{content:"";position:absolute;left:13px;top:28px;bottom:28px;width:2px;background:#cae8d9;} .pk-support-v5-next li{position:relative;display:grid;grid-template-columns:28px 1fr;gap:14px;align-items:start;color:#102033;} .pk-support-v5-next li span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#dff5ea;color:#073e2d;font-weight:950;font-size:13px;z-index:1;} .pk-support-v5-next b{display:block;margin-bottom:4px;color:#102033;font-size:17px;line-height:1.2;font-weight:950;} .pk-support-v5-next small{display:block;color:#203c33;font-size:14px;line-height:1.45;font-weight:500;} .pk-support-v5-safe{display:flex;gap:8px;align-items:flex-start;margin-top:24px!important;padding-top:18px;border-top:1px solid #d8e7df;color:#4c6259!important;font-size:14px!important;line-height:1.55!important;} .pk-support-v5-form.pk-support-form{padding:34px!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:grid!important;gap:20px!important;} .pk-support-v5-form .pk-form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px 22px!important;} .pk-support-v5-form label{display:grid!important;gap:9px!important;color:#0f1f32!important;font-size:14px!important;font-weight:900!important;} .pk-support-v5-form input,.pk-support-v5-form select,.pk-support-v5-form textarea{ width:100%!important;min-height:52px!important;border:1px solid #d5e3dd!important;border-radius:10px!important;background:#fff!important;color:#102033!important; box-shadow:inset 0 1px 0 rgba(15,106,74,.02)!important;font-size:15px!important;font-weight:650!important;padding:13px 16px!important; } .pk-support-v5-form textarea{min-height:152px!important;resize:vertical!important;line-height:1.45!important;} .pk-support-v5-form input::placeholder,.pk-support-v5-form textarea::placeholder{color:#6d7a76!important;opacity:1!important;font-weight:650!important;} .pk-support-v5-form input:focus,.pk-support-v5-form select:focus,.pk-support-v5-form textarea:focus{outline:3px solid rgba(15,106,74,.14)!important;border-color:#0f6a4a!important;background:#fff!important;} .pk-support-v5-submit.pk-btn{ justify-self:start!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:11px!important;width:auto!important;min-width:250px!important; min-height:54px!important;padding:0 24px!important;border-radius:10px!important;background:linear-gradient(135deg,#0f6a4a,#063d2c)!important;color:#fff!important; border:1px solid #084632!important;font-weight:950!important;box-shadow:0 14px 28px rgba(8,70,50,.18)!important; } .pk-support-v5-submit span{font-size:17px;line-height:1;} .pk-support-v5-submit:hover,.pk-support-v5-submit:focus{background:linear-gradient(135deg,#084632,#052a1f)!important;color:#fff!important;transform:translateY(-1px);outline:3px solid rgba(15,106,74,.18)!important;outline-offset:3px!important;} .pk-support-v5-privacy{display:flex;gap:8px;align-items:flex-start;margin:0!important;color:#4f635b!important;font-size:13px!important;font-weight:650!important;line-height:1.55!important;} .pk-footer a:hover,.pk-footer a:focus{text-decoration:underline;text-underline-offset:5px;color:#a7f3d0!important;outline:0;} @media(max-width:980px){ .pk-support-v5-hero{grid-template-columns:1fr;gap:28px;padding-top:58px;} .pk-support-v5-tutorial{max-width:520px;} .pk-support-v5-shell{grid-template-columns:1fr;} .pk-support-v5-panel{border-right:0;border-bottom:1px solid #dfeae5;} } @media(max-width:680px){ .pk-support-v5-copy h1{font-size:48px;} .pk-support-v5-copy p{font-size:16px;} .pk-support-v5-tutorial{grid-template-columns:1fr;border-radius:22px;padding:24px;} .pk-support-v5-shell{border-radius:22px;} .pk-support-v5-panel,.pk-support-v5-form.pk-support-form{padding:24px!important;} .pk-support-v5-form .pk-form-grid{grid-template-columns:1fr!important;} .pk-support-v5-submit.pk-btn{width:100%!important;min-width:0!important;} } /* v6.1.1 — Simplified Owner Daily Dashboard */ .pk-dashboard-main.pk-page-overview .pk-dashboard-title-wrap .pk-dashboard-utility-tabs{display:none!important} .pk-owner-daily-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;margin-bottom:18px;background:linear-gradient(135deg,#f4fff9 0%,#ffffff 72%);border:1px solid rgba(0,102,82,.14);box-shadow:0 16px 40px rgba(2,51,43,.06)} .pk-owner-daily-copy h2{margin:8px 0 8px;font-size:clamp(28px,3vw,42px);line-height:1.05;letter-spacing:-.045em;color:#061629} .pk-owner-daily-copy p{max-width:620px;margin:0;color:#334155;font-size:15px;line-height:1.6} .pk-owner-daily-health{min-width:150px;border-radius:22px;padding:18px 20px;background:#ecfdf5;border:1px solid rgba(0,102,82,.18);text-align:center;color:#006652} .pk-owner-daily-health.needs-review{background:#fff7ed;border-color:#fed7aa;color:#9a3412} .pk-owner-daily-health small{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px;color:inherit;opacity:.74} .pk-owner-daily-health strong{display:block;font-size:24px;line-height:1;font-weight:950;color:inherit} .pk-owner-daily-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px} .pk-owner-daily-kpi{padding:22px;border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 32px rgba(15,23,42,.05)} .pk-owner-daily-kpi.is-primary{background:#006652;color:#fff;border-color:#006652} .pk-owner-daily-kpi small{display:block;margin-bottom:10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#64748b} .pk-owner-daily-kpi.is-primary small,.pk-owner-daily-kpi.is-primary span{color:rgba(255,255,255,.82)} .pk-owner-daily-kpi strong{display:block;font-size:clamp(24px,2.5vw,34px);line-height:1.05;letter-spacing:-.04em;color:#061629} .pk-owner-daily-kpi.is-primary strong{color:#fff} .pk-owner-daily-kpi span{display:block;margin-top:8px;color:#64748b;font-size:13px} .pk-owner-daily-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;margin-bottom:18px} .pk-owner-daily-grid>.pk-panel{padding:24px;border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 32px rgba(15,23,42,.05)} .pk-owner-month-lines{display:grid;gap:0;border:1px solid rgba(15,23,42,.08);border-radius:18px;overflow:hidden;background:#fff} .pk-owner-month-lines div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;border-bottom:1px solid rgba(15,23,42,.07)} .pk-owner-month-lines div:last-child{border-bottom:0;background:#f8fafc} .pk-owner-month-lines span{font-weight:800;color:#475569} .pk-owner-month-lines strong{font-size:18px;color:#061629;letter-spacing:-.02em} .pk-owner-money-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .pk-owner-money-grid div{border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:18px;background:#f8fafc} .pk-owner-money-grid small{display:block;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:11px;margin-bottom:8px} .pk-owner-money-grid strong{display:block;font-size:24px;color:#061629;letter-spacing:-.035em} .pk-owner-money-grid span{display:block;margin-top:8px;color:#64748b;font-size:13px} .pk-owner-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pk-owner-quick-actions .pk-btn{justify-content:center;text-align:center} @media (max-width:1100px){.pk-owner-daily-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pk-owner-daily-grid{grid-template-columns:1fr}} @media (max-width:700px){.pk-owner-daily-hero{display:block;padding:22px}.pk-owner-daily-health{margin-top:18px;text-align:left}.pk-owner-daily-kpis,.pk-owner-money-grid,.pk-owner-quick-actions{grid-template-columns:1fr}} /* v6.1.2 — Owner dashboard UI polish: clean spacing, readable KPI cards, non-crowded daily view */ .pk-dashboard-main.pk-page-overview{background:linear-gradient(180deg,#f5faf7 0%,#f8fbfa 45%,#ffffff 100%)!important;} .pk-dashboard-main.pk-page-overview .pk-dashboard-top{margin-bottom:18px!important;} .pk-dashboard-main.pk-page-overview .pk-dashboard-top h1{font-size:clamp(34px,3.4vw,48px)!important;line-height:1!important;letter-spacing:-.055em!important;color:#07162d!important;} .pk-dashboard-main.pk-page-overview .pk-dashboard-top p{font-size:15px!important;font-weight:800!important;color:#334155!important;} .pk-owner-dashboard-v612{display:grid!important;gap:18px!important;max-width:1480px!important;margin:0 auto!important;} .pk-owner-hero-v612{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important;padding:30px!important;border:1px solid #dbeae3!important;border-radius:28px!important;background:linear-gradient(135deg,#ffffff 0%,#f3fbf7 64%,#fff8e5 100%)!important;box-shadow:0 18px 44px rgba(15,23,42,.055)!important;} .pk-owner-badge-v612{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:7px 13px!important;border-radius:999px!important;background:#e7f8ef!important;border:1px solid #bfe8d0!important;color:#006652!important;font-size:12px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;} .pk-owner-hero-v612 h2{margin:12px 0 8px!important;font-size:clamp(30px,3vw,46px)!important;line-height:1.02!important;letter-spacing:-.06em!important;color:#07162d!important;} .pk-owner-hero-v612 p{margin:0!important;max-width:720px!important;color:#475569!important;font-size:16px!important;line-height:1.65!important;font-weight:650!important;} .pk-owner-health-v612{flex:0 0 190px!important;display:grid!important;gap:7px!important;padding:20px!important;border-radius:24px!important;text-align:left!important;border:1px solid #bfe8d0!important;background:#ecfdf5!important;color:#006652!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;} .pk-owner-health-v612.is-review{background:#fff7ed!important;border-color:#fed7aa!important;color:#9a3412!important;} .pk-owner-health-v612 small{font-size:11px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:inherit!important;opacity:.72!important;} .pk-owner-health-v612 strong{display:block!important;font-size:24px!important;line-height:1.05!important;letter-spacing:-.04em!important;color:inherit!important;} .pk-owner-health-v612 span{font-size:13px!important;font-weight:850!important;color:inherit!important;opacity:.75!important;} .pk-owner-kpi-strip-v612{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;} .pk-owner-kpi-v612{display:flex!important;align-items:flex-start!important;gap:16px!important;min-height:138px!important;padding:22px!important;border-radius:24px!important;border:1px solid #dbeae3!important;background:#fff!important;box-shadow:0 14px 34px rgba(15,23,42,.045)!important;overflow:hidden!important;} .pk-owner-kpi-v612.is-primary{background:linear-gradient(135deg,#006652,#074b36)!important;border-color:#006652!important;color:#fff!important;} .pk-owner-kpi-icon-v612{flex:0 0 42px!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:16px!important;background:#edf8f2!important;font-size:21px!important;line-height:1!important;} .pk-owner-kpi-v612.is-primary .pk-owner-kpi-icon-v612{background:rgba(255,255,255,.16)!important;} .pk-owner-kpi-v612 small{display:block!important;margin:0 0 9px!important;font-size:12px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#64748b!important;white-space:normal!important;} .pk-owner-kpi-v612 strong{display:block!important;margin:0!important;font-size:clamp(28px,2.45vw,40px)!important;line-height:1.02!important;letter-spacing:-.055em!important;color:#07162d!important;word-break:break-word!important;} .pk-owner-kpi-v612 em{display:block!important;margin-top:9px!important;font-size:13px!important;line-height:1.35!important;font-style:normal!important;font-weight:750!important;color:#64748b!important;} .pk-owner-kpi-v612.is-primary small,.pk-owner-kpi-v612.is-primary em,.pk-owner-kpi-v612.is-primary strong{color:#fff!important;} .pk-owner-kpi-v612.is-primary small,.pk-owner-kpi-v612.is-primary em{opacity:.82!important;} .pk-owner-main-grid-v612,.pk-owner-bottom-grid-v612{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr)!important;gap:18px!important;} .pk-owner-card-v612{padding:24px!important;border-radius:26px!important;border:1px solid #dbeae3!important;background:#fff!important;box-shadow:0 14px 34px rgba(15,23,42,.045)!important;} .pk-owner-card-head-v612{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin-bottom:18px!important;} .pk-owner-card-head-v612 small{display:block!important;margin:0 0 6px!important;font-size:12px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#006652!important;} .pk-owner-card-head-v612 h3{margin:0!important;font-size:clamp(22px,1.7vw,30px)!important;line-height:1.08!important;letter-spacing:-.045em!important;color:#07162d!important;} .pk-owner-card-head-v612 a{font-size:14px!important;font-weight:900!important;color:#006652!important;text-decoration:none!important;} .pk-owner-action-list-v612{display:grid!important;gap:12px!important;} .pk-owner-action-v612{display:grid!important;grid-template-columns:12px minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:16px!important;border-radius:18px!important;border:1px solid #dbeafe!important;background:#eff6ff!important;text-decoration:none!important;color:#07162d!important;} .pk-owner-action-v612 span{width:12px!important;height:12px!important;border-radius:999px!important;background:#3b82f6!important;} .pk-owner-action-v612.warn{border-color:#fed7aa!important;background:#fff7ed!important;} .pk-owner-action-v612.warn span{background:#f97316!important;} .pk-owner-action-v612.good{border-color:#bbf7d0!important;background:#f0fdf4!important;} .pk-owner-action-v612.good span{background:#16a34a!important;} .pk-owner-action-v612 strong{display:block!important;margin:0 0 4px!important;font-size:15px!important;line-height:1.25!important;color:#07162d!important;} .pk-owner-action-v612 em{display:block!important;margin:0!important;font-style:normal!important;color:#475569!important;font-size:14px!important;line-height:1.45!important;font-weight:650!important;} .pk-owner-action-v612 b{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:9px 12px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(15,23,42,.1)!important;color:#006652!important;font-size:13px!important;white-space:nowrap!important;} .pk-owner-month-v612{display:grid!important;gap:0!important;border:1px solid #e2ebe6!important;border-radius:20px!important;overflow:hidden!important;background:#fff!important;} .pk-owner-month-v612 div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:15px 16px!important;border-bottom:1px solid #edf2ef!important;} .pk-owner-month-v612 div:last-child{border-bottom:0!important;} .pk-owner-month-v612 .is-total{background:#f3faf6!important;} .pk-owner-month-v612 span{font-weight:850!important;color:#475569!important;} .pk-owner-month-v612 strong{font-size:18px!important;line-height:1.2!important;letter-spacing:-.03em!important;color:#07162d!important;text-align:right!important;} .pk-owner-money-v612{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;} .pk-owner-money-v612 div{padding:18px!important;border:1px solid #e2ebe6!important;border-radius:20px!important;background:#f8fbfa!important;} .pk-owner-money-v612 small{display:block!important;margin-bottom:10px!important;font-size:12px!important;font-weight:950!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#64748b!important;} .pk-owner-money-v612 strong{display:block!important;font-size:clamp(24px,2vw,32px)!important;line-height:1.08!important;letter-spacing:-.045em!important;color:#07162d!important;} .pk-owner-money-v612 em{display:block!important;margin-top:9px!important;font-style:normal!important;font-size:13px!important;font-weight:750!important;color:#64748b!important;} .pk-owner-quick-v612{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;} .pk-owner-quick-v612 .pk-btn{width:100%!important;min-height:48px!important;padding:13px 16px!important;text-align:center!important;} @media(max-width:1180px){.pk-owner-kpi-strip-v612{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pk-owner-main-grid-v612,.pk-owner-bottom-grid-v612{grid-template-columns:1fr!important}.pk-owner-health-v612{flex-basis:170px!important}} @media(max-width:760px){.pk-owner-hero-v612{flex-direction:column!important;align-items:stretch!important;padding:22px!important}.pk-owner-kpi-strip-v612,.pk-owner-money-v612,.pk-owner-quick-v612{grid-template-columns:1fr!important}.pk-owner-kpi-v612{min-height:118px!important}.pk-owner-action-v612{grid-template-columns:12px minmax(0,1fr)!important}.pk-owner-action-v612 b{grid-column:2!important;justify-self:start!important}.pk-owner-card-v612{padding:20px!important}} /* v6.1.3 — Sidebar Simplification + Parent Page Tabs/Cards */ .pk-dash-nav .pk-nav-group.has-children .pk-nav-children, .pk-dash-nav .pk-nav-chevron { display: none !important; } .pk-dash-nav .pk-nav-group.has-children > a.pk-parent-link { cursor: pointer; } .pk-workspace-switcher { display: grid; gap: 16px; margin: 0 0 18px; padding: 18px; border: 1px solid rgba(6, 95, 70, .16); border-radius: 24px; background: linear-gradient(135deg, rgba(240,253,244,.92), rgba(255,255,255,.98)); box-shadow: 0 14px 34px rgba(15, 23, 42, .06); } .pk-workspace-switcher-head { display: flex; align-items: center; gap: 12px; } .pk-workspace-switcher-head strong { display: block; color: #082f49; font-size: 17px; letter-spacing: -.01em; } .pk-workspace-switcher-head p { margin: 3px 0 0; color: #52627a; font-size: 13px; line-height: 1.45; } .pk-workspace-icon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 16px; background: rgba(6, 95, 70, .1); } .pk-workspace-tabs { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; } .pk-workspace-tab { display: flex; align-items: flex-start; gap: 10px; min-height: 74px; padding: 13px 14px; border: 1px solid rgba(15, 23, 42, .09); border-radius: 18px; background: rgba(255,255,255,.92); color: #0f172a; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease; } .pk-workspace-tab:hover, .pk-workspace-tab:focus { transform: translateY(-1px); border-color: rgba(6, 95, 70, .28); box-shadow: 0 14px 24px rgba(15, 23, 42, .08); outline: none; } .pk-workspace-tab.active { border-color: rgba(6, 95, 70, .42); background: #ecfdf5; box-shadow: inset 0 0 0 1px rgba(6, 95, 70, .08); } .pk-workspace-tab.is-action { border-color: rgba(6, 95, 70, .28); } .pk-workspace-tab-icon { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 32px; border-radius: 12px; background: rgba(6, 95, 70, .08); } .pk-workspace-tab strong { display: block; font-size: 13.5px; line-height: 1.25; color: #0f172a; } .pk-workspace-tab small { display: block; margin-top: 4px; color: #64748b; font-size: 11.5px; line-height: 1.35; } @media (max-width: 900px) { .pk-workspace-switcher { padding: 14px; border-radius: 20px; } .pk-workspace-tabs { grid-template-columns: 1fr; } } /* v6.1.4 — Dedicated Add Customer Payment page */ .pk-customer-payment-add-page .pk-dedicated-payment-form { display: grid; gap: 22px; } .pk-customer-payment-add-page .pk-payment-help-card { margin-top: 18px; } .pk-form-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pk-form-wide { grid-column: 1 / -1; } .pk-form-wide textarea { width: 100%; min-height: 112px; resize: vertical; } @media (max-width: 780px) { .pk-form-grid-2 { grid-template-columns: 1fr; } } /* v6.1.5-v6.1.7 dedicated transaction workspace polish */ .pk-dedicated-transaction-page{max-width:1180px;margin-inline:auto;} .pk-dedicated-entry-form{display:grid;gap:18px;margin-top:18px;} .pk-dedicated-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;} .pk-dedicated-entry-form label{display:grid;gap:8px;font-weight:800;color:#0b1b36;} .pk-dedicated-entry-form input,.pk-dedicated-entry-form select,.pk-dedicated-entry-form textarea{min-height:48px;border:1px solid rgba(8,87,61,.18);border-radius:16px;padding:12px 14px;background:#fff;font:inherit;box-shadow:0 8px 24px rgba(2,40,28,.04);} .pk-dedicated-entry-form textarea{min-height:118px;resize:vertical;} .pk-dedicated-transaction-page .pk-form-workspace-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:flex-end;} @media (max-width:900px){.pk-dedicated-form-grid{grid-template-columns:1fr}.pk-dedicated-transaction-page .pk-form-workspace-actions{justify-content:stretch}.pk-dedicated-transaction-page .pk-btn{width:100%;justify-content:center}} /* v6.1.8 Dark Parent Menu Cards UI Polish Applies only to parent-menu workspace cards; dashboard KPI cards remain unchanged. */ .pk-workspace-switcher .pk-workspace-tab { position: relative; overflow: hidden; border-color: rgba(255, 255, 255, .08); background: linear-gradient(135deg, #073d2d 0%, #07543f 58%, #0b6b50 100%); color: #ffffff; box-shadow: 0 14px 28px rgba(2, 44, 34, .13); } .pk-workspace-switcher .pk-workspace-tab::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 18% 10%, rgba(255,255,255,.16), transparent 32%); opacity: .7; } .pk-workspace-switcher .pk-workspace-tab:hover, .pk-workspace-switcher .pk-workspace-tab:focus { transform: translateY(-2px); border-color: rgba(212, 175, 55, .65); background: linear-gradient(135deg, #064432 0%, #087357 100%); box-shadow: 0 18px 34px rgba(2, 44, 34, .22); } .pk-workspace-switcher .pk-workspace-tab.active { border-color: rgba(212, 175, 55, .86); background: linear-gradient(135deg, #07543f 0%, #0b7a5b 100%); box-shadow: inset 0 0 0 1px rgba(212, 175, 55, .35), 0 18px 34px rgba(2, 44, 34, .2); } .pk-workspace-switcher .pk-workspace-tab.is-action { border-color: rgba(212, 175, 55, .38); } .pk-workspace-switcher .pk-workspace-tab-icon { position: relative; z-index: 1; background: rgba(255,255,255,.13); color: #ffffff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); } .pk-workspace-switcher .pk-workspace-tab strong, .pk-workspace-switcher .pk-workspace-tab small { position: relative; z-index: 1; color: #ffffff; } .pk-workspace-switcher .pk-workspace-tab small { color: rgba(255,255,255,.78); } .pk-workspace-switcher .pk-workspace-tab.active small, .pk-workspace-switcher .pk-workspace-tab:hover small, .pk-workspace-switcher .pk-workspace-tab:focus small { color: rgba(255,255,255,.9); }