/* =====================================================================
   Porwal's Kitchen - shared UI  (Content/ui.css, v3)
   One design system for the Order and Store sections, Day + Dark themes.
   Styling only: no page logic depends on anything in this file.

   1. Theme tokens (Day / Dark)
   2. Base
   3. App shell: sidebar, section switch, top bar, theme switch
   4. Components (pk-*)
   5. Legacy compatibility layer (old page classes, GridViews, Bootstrap)
   6. Popups, alerts, loader
   7. Login screens
   8. Top-nav panels (Supervisor / Account / Coordinator / Order display)
   9. Print (slips and reports always print on white)
   ===================================================================== */

/* ---------- 1. Theme tokens ---------- */
:root{
  --pk-font:'IBM Plex Sans','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;

  --pk-bg:#eef0f2;        /* app canvas            */
  --pk-card:#ffffff;      /* cards, inputs, tables */
  --pk-soft:#f5f6f8;      /* table heads, zebra    */
  --pk-tx:#1d2327;        /* primary text          */
  --pk-mut:#5d6873;       /* labels, secondary     */
  --pk-mut-2:#8a949d;     /* hints, placeholders   */
  --pk-bd:#dfe3e7;        /* hairlines             */
  --pk-bd-strong:#c3cad1; /* input borders         */
  --pk-head:#2a3137;      /* legacy dark bars      */
  --pk-on-accent:#ffffff;

  --pk-pri:#c2410c;  --pk-pri-tx:#b93d0b;  --pk-pri-soft:#fcede3;  --pk-on-pri:#ffffff;
  --pk-ok:#15803d;   --pk-ok-tx:#15803d;   --pk-ok-soft:#e5f3ea;
  --pk-warn:#b45309; --pk-warn-tx:#9a4a08; --pk-warn-soft:#fbf0dc;
  --pk-bad:#c62828;  --pk-bad-tx:#b42323;  --pk-bad-soft:#fbe9e9;
  --pk-info:#1d5fbf;

  --pk-side:#1b2126; --pk-side-2:#232a30; --pk-side-tx:#a9b3bc; --pk-side-hi:#ffffff;

  --pk-r:10px; --pk-r-lg:14px;
  --pk-shadow:0 1px 2px rgba(16,24,32,.06),0 4px 16px rgba(16,24,32,.05);
  --pk-ring:0 0 0 3px color-mix(in srgb,var(--pk-pri) 22%,transparent);
  color-scheme:light;
}
html[data-theme="dark"]{
  --pk-bg:#121518; --pk-card:#1a1e22; --pk-soft:#20252a;
  --pk-tx:#e6e9ec; --pk-mut:#a0a9b2; --pk-mut-2:#76808a;
  --pk-bd:#2c3238; --pk-bd-strong:#3e464e; --pk-head:#262c32;

  --pk-pri:#c85a1c;  --pk-pri-tx:#f29a5f;  --pk-pri-soft:rgba(242,154,95,.13);
  --pk-ok:#1f8a4c;   --pk-ok-tx:#6fcf97;   --pk-ok-soft:rgba(111,207,151,.13);
  --pk-warn:#b7791f; --pk-warn-tx:#e8b75a; --pk-warn-soft:rgba(232,183,90,.13);
  --pk-bad:#c24141;  --pk-bad-tx:#f08080;  --pk-bad-soft:rgba(240,128,128,.13);
  --pk-info:#5b9bf0;

  --pk-side:#0d1013; --pk-side-2:#161a1e; --pk-side-tx:#9aa4ad;
  --pk-shadow:0 1px 2px rgba(0,0,0,.4),0 6px 20px rgba(0,0,0,.25);
  color-scheme:dark;
}

/* ---------- 2. Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{background:var(--pk-bg)}
body.pk-body,body.pk-login{margin:0!important;width:auto!important;height:auto!important;min-height:100vh;
  background:var(--pk-bg)!important;color:var(--pk-tx);font:14px/1.5 var(--pk-font);-webkit-font-smoothing:antialiased}
body.pk-body a{text-decoration:none}
::selection{background:color-mix(in srgb,var(--pk-pri) 30%,transparent)}
:focus-visible{outline:2px solid var(--pk-pri);outline-offset:2px}
*{scrollbar-width:thin;scrollbar-color:var(--pk-bd-strong) transparent}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- 3. App shell ---------- */
.pk-shell{display:flex;min-height:100vh}
.pk-side{width:252px;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;
  background:var(--pk-side);color:var(--pk-side-tx);padding:16px 12px 12px;transition:transform .22s ease;z-index:50}
.pk-brand{display:flex;align-items:center;gap:10px;padding:2px 8px 16px;color:var(--pk-side-hi);font-weight:600;font-size:16px;letter-spacing:-.01em}
.pk-mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;
  background:#c2410c;color:#fff;font-size:14px}

/* Order | Store switch - the one place both sections meet */
.pk-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 4px 14px;border-radius:12px;background:var(--pk-side-2)}
.pk-switch a{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 6px;border-radius:9px;
  color:var(--pk-side-tx);font-size:13px;font-weight:500;transition:background .15s,color .15s}
.pk-switch a:hover{color:var(--pk-side-hi)}
.pk-switch a.on{background:#c2410c;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3)}

.pk-nav{flex:1}
.pk-nav a,.pk-nav summary{display:flex;align-items:center;gap:11px;padding:8px 10px;margin:1px 0;border-radius:8px;
  color:var(--pk-side-tx);font-size:13.5px;cursor:pointer;list-style:none;transition:background .15s,color .15s}
.pk-nav summary::-webkit-details-marker{display:none}
.pk-nav a:hover,.pk-nav summary:hover{background:rgba(255,255,255,.06);color:var(--pk-side-hi)}
.pk-nav .ic{width:18px;text-align:center;font-size:14px;opacity:.85}
.pk-nav details{margin-top:6px}
.pk-nav summary{font-weight:500;color:var(--pk-side-hi)}
.pk-nav summary .car{margin-left:auto;font-size:10px;opacity:.6;transition:transform .2s}
.pk-nav details[open]>summary .car{transform:rotate(90deg)}
.pk-sub{margin:2px 0 4px 19px;padding-left:10px;border-left:1px solid rgba(255,255,255,.1)}
.pk-sub a{padding:6px 10px;font-size:13px}
.pk-nav a.active{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 3px 0 0 #e07a3f}
.pk-side-foot{border-top:1px solid rgba(255,255,255,.08);padding-top:8px;margin-top:8px}
.pk-side-foot a{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:8px;color:var(--pk-side-tx);font-size:13.5px}
.pk-side-foot a:hover{background:rgba(255,255,255,.06);color:#fff}

.pk-main{flex:1;min-width:0;display:flex;flex-direction:column}
.pk-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 24px;
  background:color-mix(in srgb,var(--pk-card) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--pk-bd)}
.pk-crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--pk-mut);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-crumb b{color:var(--pk-tx);font-weight:600;overflow:hidden;text-overflow:ellipsis}
.pk-crumb .sep{opacity:.5}
.pk-top .sp{flex:1}
.pk-date{color:var(--pk-mut);font-size:13px;white-space:nowrap}
.pk-icon-btn{width:36px;height:36px;border-radius:9px;border:1px solid var(--pk-bd);background:var(--pk-card);color:var(--pk-tx);
  cursor:pointer;display:grid;place-items:center;font-size:15px}
.pk-burger{display:none}

/* Day | Dark switch */
.pk-theme{display:inline-flex;padding:3px;border-radius:10px;background:var(--pk-soft);border:1px solid var(--pk-bd);gap:2px}
.pk-theme button{all:unset;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:7px;font:500 12.5px var(--pk-font);
  color:var(--pk-mut);cursor:pointer;transition:background .15s,color .15s}
.pk-theme button:hover{color:var(--pk-tx)}
.pk-theme button.on{background:var(--pk-card);color:var(--pk-tx);box-shadow:0 1px 2px rgba(0,0,0,.12)}
.pk-theme button:focus-visible{outline:2px solid var(--pk-pri)}

.pk-content{flex:1;padding:22px 24px 40px;color:var(--pk-tx);font-family:var(--pk-font)}
.pk-scrim{display:none}

@media(max-width:960px){
  .pk-side{position:fixed;left:0;top:0;transform:translateX(-100%)}
  html.pk-open .pk-side{transform:none;box-shadow:0 0 40px rgba(0,0,0,.4)}
  html.pk-open .pk-scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:45}
  .pk-burger{display:grid}
  .pk-top{padding:8px 14px}
  .pk-content{padding:16px 14px 32px}
  .pk-date{display:none}
}
@media(max-width:560px){.pk-theme button span{display:none}.pk-theme button{padding:6px 9px}}

/* ---------- 4. Components ---------- */
.pk-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.pk-page-head h2{margin:0;font-size:21px;font-weight:600;letter-spacing:-.01em}
.pk-page-head p{margin:2px 0 0;color:var(--pk-mut);font-size:13px}
.pk-card{background:var(--pk-card);border:1px solid var(--pk-bd);border-radius:var(--pk-r-lg);padding:20px;box-shadow:var(--pk-shadow)}
.pk-grid{display:grid;gap:16px}
.pk-kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.pk-btn,.pk-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border-radius:var(--pk-r);
  font:600 13.5px var(--pk-font);cursor:pointer;border:1px solid transparent;transition:filter .15s,border-color .15s}
.pk-btn{background:var(--pk-pri);color:var(--pk-on-pri)}.pk-btn:hover{filter:brightness(1.08)}
.pk-btn-ghost{background:var(--pk-card);color:var(--pk-tx);border-color:var(--pk-bd-strong)}
.pk-btn-block{width:100%}
.pk-label{display:block;font-size:12.5px;font-weight:500;color:var(--pk-mut);margin-bottom:5px}
.pk-input,.pk-select{width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--pk-bd-strong);border-radius:var(--pk-r);
  background:var(--pk-card);color:var(--pk-tx);font:14px var(--pk-font);outline:none;transition:border-color .15s,box-shadow .15s}
.pk-input:focus,.pk-select:focus{border-color:var(--pk-pri);box-shadow:var(--pk-ring)}
.pk-badge{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:500}
.pk-b-ok{background:var(--pk-ok-soft);color:var(--pk-ok-tx)}.pk-b-warn{background:var(--pk-warn-soft);color:var(--pk-warn-tx)}
.pk-b-bad{background:var(--pk-bad-soft);color:var(--pk-bad-tx)}.pk-b-info{background:var(--pk-pri-soft);color:var(--pk-pri-tx)}

/* =====================================================================
   5. Legacy compatibility layer
   Existing pages keep their markup, IDs and code-behind. These rules give
   their many local class names one common look. Scoped to .pk-content.
   ===================================================================== */
.pk-content :where(div,p,span,label,td,th,input,select,textarea,button,a,li,h1,h2,h3,h4,h5,h6,b,strong,small,legend):not([class*="fa-"]):not(.fa):not(.fas):not(.far):not(.glyphicon){
  font-family:var(--pk-font)!important}
.pk-content h1,.pk-content h2,.pk-content h3,.pk-content h4,.pk-content h5{color:var(--pk-tx);letter-spacing:-.01em}
.pk-content hr{border:0;border-top:1px solid var(--pk-bd);margin:14px 0;opacity:1;height:0;background:none}
.pk-content hr.my-0{display:none}
.pk-content a{color:var(--pk-pri-tx)}
.pk-content .text-muted{color:var(--pk-mut)!important}
.pk-content .required,.pk-content .red-text,.pk-content .text-danger{color:var(--pk-bad-tx)!important}
.pk-content .text-success{color:var(--pk-ok-tx)!important}.pk-content .text-warning{color:var(--pk-warn-tx)!important}
.pk-content .text-primary,.pk-content .text-info{color:var(--pk-pri-tx)!important}
.pk-content .bg-white,.pk-content .bg-light{background:var(--pk-card)!important;color:var(--pk-tx)}

/* 5a. Page frames -> one card surface */
.pk-content .wrapper,.pk-content .form-container,.pk-content .row-card,.pk-content .container,.pk-content .container-fluid{display:block;width:100%;max-width:none;height:auto;padding-left:0;padding-right:0}
.pk-content :is(.login-box,.mainBox,.main-container,.filter-card,.table-card,.rm-card,.bom-card,.list-card,.material-box,
  .filter-section,.form-section,.list-section,.table-section,.report-grid,.filter-box,.list-container,.table-container,.issue-card,.dashboard-box,.order-card,.summary-card,.card){
  background:var(--pk-card)!important;color:var(--pk-tx);border:1px solid var(--pk-bd)!important;border-radius:var(--pk-r-lg)!important;
  box-shadow:var(--pk-shadow)!important;text-align:left}
.pk-content :is(.login-box,.mainBox,.main-container,.filter-card,.table-card,.rm-card,.bom-card,.list-card,.filter-section,.form-section,
  .list-section,.table-section,.filter-box){padding:20px!important;margin:0 0 18px!important;width:auto!important;max-width:none!important}
.pk-content :is(.login-box,.mainBox,.main-container,.bom-card,.rm-card,.list-card,.table-card,.filter-card) :is(.login-box,.mainBox,.filter-card,.table-card,.list-card,.filter-section,.form-section,.list-section,.table-section,.filter-box){
  box-shadow:none!important;padding:0!important;border:0!important;margin:0 0 14px!important}
.pk-content :is(.form-area,.remark-area,.material-field){background:var(--pk-soft)!important;border:1px solid var(--pk-bd)!important;border-radius:var(--pk-r)!important}
.pk-content :is(.page-wrapper,.report-container,.inward-report,.issue-report,.damage-report,.bom-wrapper,.rm-page){
  background:transparent!important;padding:0!important;margin:0!important;width:auto!important;max-width:none!important;box-shadow:none!important}

/* 5b. Page titles - all legacy heading styles become one title style */
.pk-content :is(.info-text,.heading,.report-title,.page-header-title,.rm-title,.bom-header,.dashboard-title,.page-header>h1,.page-header>h2,.page-title){
  background:none!important;color:var(--pk-tx)!important;font-size:20px!important;font-weight:600!important;line-height:1.3!important;
  text-align:left!important;text-transform:none!important;letter-spacing:-.01em!important;padding:0!important;margin:0 0 4px!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important}
.pk-content :is(.info-text,.heading,.bom-header,.rm-title,.dashboard-title){margin-bottom:16px!important}
.pk-content :is(.report-header,.page-header,.rm-card-header.page,.header-section){background:none!important;box-shadow:none!important;border:0!important;
  padding:0!important;margin:0 0 18px!important;color:var(--pk-tx)!important;border-radius:0!important}
.pk-content :is(.report-subtitle,.page-header-subtitle,.rm-subtitle){color:var(--pk-mut)!important;font-size:13px!important;font-weight:400!important;opacity:1!important}
.pk-content .report-title-box{display:flex;align-items:center;gap:12px}
.pk-content .report-title-icon{width:40px!important;height:40px!important;border-radius:10px!important;display:grid!important;place-items:center;
  background:var(--pk-pri-soft)!important;color:var(--pk-pri-tx)!important;font-size:17px!important;box-shadow:none!important}
.pk-content .report-title-icon i{color:inherit!important}
.pk-content .dept-text{display:block;background:none!important;color:var(--pk-mut)!important;text-align:left;text-transform:none;font-size:13px;
  font-weight:500;margin:0 0 14px!important;padding:0!important}

/* 5c. Section headings inside a page */
.pk-content :is(.sectionTitle,.listHeading,.section-title,.table-title,.filter-title,.stage-title,.list-title,.form-title){
  display:flex;align-items:center;gap:8px;background:none!important;color:var(--pk-tx)!important;font-size:15px!important;font-weight:600!important;
  text-transform:none!important;letter-spacing:0!important;border:0!important;border-left:3px solid var(--pk-pri)!important;border-radius:0!important;
  padding:1px 0 1px 10px!important;margin:18px 0 12px!important;box-shadow:none!important}
.pk-content :is(.filter-card,.table-card,.list-card) > :is(.filter-title,.table-title):first-child{margin-top:0!important}
.pk-content :is(.sectionTitle,.listHeading,.section-title,.table-title,.filter-title) i{color:var(--pk-pri-tx)!important}
.pk-content :is(.card-header,.rm-card-header,.table-header,.list-header){background:var(--pk-soft)!important;color:var(--pk-tx)!important;
  font-size:14px!important;font-weight:600!important;text-align:left!important;text-transform:none!important;padding:12px 16px!important;
  border:0!important;border-bottom:1px solid var(--pk-bd)!important;border-radius:0!important;box-shadow:none!important}
.pk-content :is(.card-header,.rm-card-header,.table-header,.list-header) *{color:inherit}
.pk-content .card{overflow:hidden;margin:0 0 18px!important;padding:0!important}
.pk-content .card-body{padding:16px!important;background:transparent!important;color:var(--pk-tx)}
.pk-content .card-footer{background:var(--pk-soft)!important;border-top:1px solid var(--pk-bd)!important}

/* 5d. Grid system (works with or without Bootstrap on the page) */
.pk-content .row{display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px}
.pk-content .row>*{padding-left:8px;padding-right:8px;max-width:100%}
.pk-content .row>[class*="col-"]{width:100%;flex:0 0 auto}
@media(min-width:768px){
  .pk-content .row>.col-md-1{width:8.333%}.pk-content .row>.col-md-2{width:16.666%}.pk-content .row>.col-md-3{width:25%}
  .pk-content .row>.col-md-4{width:33.333%}.pk-content .row>.col-md-5{width:41.666%}.pk-content .row>.col-md-6{width:50%}
  .pk-content .row>.col-md-7{width:58.333%}.pk-content .row>.col-md-8{width:66.666%}.pk-content .row>.col-md-9{width:75%}
  .pk-content .row>.col-md-10{width:83.333%}.pk-content .row>.col-md-11{width:91.666%}.pk-content .row>.col-md-12{width:100%}
  .pk-content .row>.col-sm-3{width:25%}.pk-content .row>.col-sm-4{width:33.333%}.pk-content .row>.col-sm-6{width:50%}
}
@media(min-width:992px){.pk-content .row>.col-lg-2{width:16.666%}.pk-content .row>.col-lg-3{width:25%}.pk-content .row>.col-lg-4{width:33.333%}.pk-content .row>.col-lg-6{width:50%}.pk-content .row>.col-lg-8{width:66.666%}}
.pk-content .row>.col{flex:1 0 0;width:auto}
/* Bootstrap auto-width columns (col-sm / col-md / col-lg): equal widths side by side from that breakpoint up */
@media(min-width:576px){.pk-content .row>.col-sm{flex:1 0 0;width:auto}}
@media(min-width:768px){.pk-content .row>.col-md{flex:1 0 0;width:auto}}
@media(min-width:992px){.pk-content .row>.col-lg{flex:1 0 0;width:auto}}
.pk-content .row.g-2{row-gap:8px}
/* Order Summary: the search row sits inside the button bar - let it take the full width */
.pk-content .action-bar > .mt-3{flex:1 1 100%;width:100%}
.pk-content .action-bar > .mt-3 > .row{align-items:center}
.pk-content .input-addon{margin:4px 0 12px;display:flex}
.pk-content :is(.filter-row,.form-grid,.search-container,.filter-buttons,.button-group,.button-section,.btnArea,.button-area,.action-bar,.export-area,.right-buttons){gap:10px}
.pk-content :is(.btnArea,.button-area,.button-section){border-top:1px solid var(--pk-bd)!important;background:none!important;padding:14px 0 0!important;margin-top:16px!important}

/* 5e. Labels */
.pk-content :is(.form-label,.col-form-label,.field-label,.filter-label,.labelText,.label-text,.lbl,.modalLabel,.material-label,.remark-label,.summary-label){
  font-size:12.5px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;color:var(--pk-mut)!important;
  background:none!important;text-align:left;margin:0 0 4px!important}
.pk-content :is(.form-label,.field-label,.filter-label,.material-label){display:block}
.pk-content :is(.field,.form-group,.col,[class*="col-"],.filter-item,.material-field) > label:not([class]){display:block;font-size:12.5px!important;font-weight:500!important;color:var(--pk-mut)!important;margin:0 0 4px!important}
.pk-content td.labelText{padding:8px 10px 8px 0!important;vertical-align:middle}

/* 5f. Inputs, dropdowns, textareas */
.pk-content :is(input[type=text],input[type=password],input[type=number],input[type=date],input[type=datetime-local],input[type=time],
  input[type=email],input[type=search],input[type=tel],input[type=month],input:not([type]),select,textarea,.form-control,.custom-select){
  min-height:40px;padding:8px 12px!important;border:1px solid var(--pk-bd-strong)!important;border-radius:var(--pk-r)!important;
  background-color:var(--pk-card)!important;color:var(--pk-tx)!important;font-size:14px!important;line-height:1.4!important;
  box-shadow:none!important;outline:none;transition:border-color .15s,box-shadow .15s;max-width:100%;height:auto}
.pk-content :is(.form-element,.input-field,.textbox,.textboxLarge,.search-box,.filter-control,.bom-textbox,.material-ddl,.dropdown,.field-control,.form-control):not([type=submit]):not([type=button]):not([type=reset]):not(button){width:100%!important}
.pk-content :is(input,select,textarea):hover:not(:focus):not([readonly]):not([disabled]){border-color:color-mix(in srgb,var(--pk-bd-strong) 60%,var(--pk-tx))!important}
.pk-content :is(input,select,textarea):focus{border-color:var(--pk-pri)!important;box-shadow:var(--pk-ring)!important}
.pk-content ::placeholder{color:var(--pk-mut-2)!important;opacity:1}
.pk-content :is(input[readonly],input[disabled],select[disabled],textarea[readonly],.readonlyBox,.bom-readonly,.readonly){
  background-color:var(--pk-soft)!important;color:var(--pk-mut)!important;cursor:default}
.pk-content textarea{min-height:76px;resize:vertical}
.pk-content select{appearance:none;-webkit-appearance:none;padding-right:34px!important;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--pk-mut) 50%),linear-gradient(135deg,var(--pk-mut) 50%,transparent 50%)!important;
  background-position:calc(100% - 17px) 55%,calc(100% - 12px) 55%!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important}
.pk-content select[multiple],.pk-content select[size]:not([size="1"]){background-image:none!important;padding-right:12px!important}
.pk-content select option{background:var(--pk-card);color:var(--pk-tx)}
.pk-content :is(input[type=checkbox],input[type=radio]){width:16px;height:16px;min-height:0;accent-color:var(--pk-pri);vertical-align:middle;margin:0 6px 0 0}
.pk-content input[type=file]{padding:6px!important;min-height:0}
.pk-content input[type=file]::file-selector-button{border:1px solid var(--pk-bd-strong);background:var(--pk-soft);color:var(--pk-tx);border-radius:8px;padding:6px 12px;margin-right:10px;cursor:pointer;font:500 13px var(--pk-font)}
.pk-content :is(.input-group-text,.input-group-addon){background:var(--pk-soft)!important;color:var(--pk-mut)!important;border-color:var(--pk-bd-strong)!important}
.pk-content :is(.field-validation-error,.field-error,.error-message,.validation-summary-errors){color:var(--pk-bad-tx)!important;font-size:12.5px}
/* jQuery UI / timepicker / autocomplete lists */
.ui-autocomplete,.ui-timepicker-wrapper,.ui-datepicker,.ui-menu{background:var(--pk-card)!important;color:var(--pk-tx)!important;border:1px solid var(--pk-bd)!important;
  border-radius:var(--pk-r)!important;box-shadow:var(--pk-shadow)!important;font-family:var(--pk-font)!important}
.ui-autocomplete li,.ui-timepicker-list li,.ui-menu-item{color:var(--pk-tx)!important}
.ui-timepicker-list li:hover,.ui-menu-item:hover,.ui-state-active,.ui-state-focus,.ui-timepicker-selected{background:var(--pk-pri-soft)!important;color:var(--pk-tx)!important;border-color:transparent!important}

/* 5g. Buttons: primary by default; secondary / danger / success read from the class or the caption */
.pk-content :where(input[type=submit],input[type=button],input[type=reset],button:not(.close,.btn-close,.navbar-toggler),a.btn,.btn,.btnMain,.btn-main,.btnCustom){
  display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;height:auto;padding:8px 18px!important;
  border-radius:var(--pk-r)!important;border:1px solid transparent!important;background:var(--pk-pri)!important;color:var(--pk-on-pri)!important;
  font:600 13.5px var(--pk-font)!important;line-height:1.2!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;
  box-shadow:none!important;text-shadow:none!important;transition:filter .15s,background .15s;text-decoration:none!important;white-space:nowrap;
  width:auto;max-width:100%}
.pk-content :is(input[type=submit],input[type=button],button,a.btn,.btn):hover{filter:brightness(1.08)}
.pk-content :is(input[type=submit],input[type=button],button,.btn):active{filter:brightness(.95)}
.pk-content :is(input[type=submit],input[type=button],button,.btn)[disabled],.pk-content .btn.disabled{opacity:.5;cursor:not-allowed}
.pk-content :is(.btn,button,input) i{color:inherit!important}
/* secondary */
.pk-content :is(input,button,a,.btn):is(.is-cancle,.btn-secondary,.btn-light,.btn-default,.btn-outline-secondary,.btn-outline-primary,.btn-reset,.btn-clear,.btn-cancel,.btn-close-modal,
  [class*="reset" i],[class*="cancel" i],[class*="clear" i],[class*="back" i]),
.pk-content :is(input[type=submit],input[type=button],input[type=reset]):is([value*="Cancel" i],[value*="Reset" i],[value*="Clear" i],[value*="Close" i],[value*="Back" i],[value*="Refresh" i]){
  background:var(--pk-card)!important;color:var(--pk-tx)!important;border-color:var(--pk-bd-strong)!important}
/* destructive */
.pk-content :is(input,button,a,.btn):is(.btn-danger,.btn-outline-danger,.delete,.remove-btn,.btn-rm,[class*="delete" i]),
.pk-content :is(input[type=submit],input[type=button]):is([value*="Delete" i],[value*="Remove" i]){
  background:var(--pk-bad)!important;color:#fff!important;border-color:transparent!important}
/* positive / export */
.pk-content :is(input,button,a,.btn):is(.btn-success,.btn-outline-success,.btn-export,[class*="export" i],[class*="excel" i]),
.pk-content :is(input[type=submit],input[type=button]):is([value*="Excel" i],[value*="Export" i]){
  background:var(--pk-ok)!important;color:#fff!important;border-color:transparent!important}
.pk-content :is(.btn-warning,.btn-outline-warning){background:var(--pk-warn)!important;color:#fff!important}
.pk-content :is(.btn-info,.btn-primary,.btn-dark){background:var(--pk-pri)!important;color:var(--pk-on-pri)!important}
.pk-content :is(.btn-sm,.btn-xs){min-height:30px;padding:5px 11px!important;font-size:12.5px!important}
.pk-content .btn-lg{min-height:44px;padding:10px 22px!important}
.pk-content :is(.w-100,.btn-block){width:100%!important}
/* buttons inside table rows stay compact */
.pk-content td :is(input[type=submit],input[type=button],button,a.btn,.btn){min-height:30px;padding:5px 11px!important;font-size:12.5px!important}
.pk-content :is(input[type=image]){background:none!important;border:0!important;min-height:0;padding:0!important;width:auto}
/* order-status buttons on the dashboard keep their colour meaning */
.pk-content :is(.btnSubmit_pending,.btnSubmit_order,.btnSubmit_install,.btnSubmit_quality,.btnSubmit_deliver){height:auto!important;font-size:12.5px!important;padding:9px 12px!important}
.pk-content .btnSubmit_pending{background:var(--pk-bad)!important;color:#fff!important}
.pk-content .btnSubmit_order{background:var(--pk-info)!important;color:#fff!important}
.pk-content .btnSubmit_install{background:var(--pk-warn)!important;color:#fff!important}
.pk-content .btnSubmit_quality{background:#6d4bc2!important;color:#fff!important}
.pk-content .btnSubmit_deliver{background:var(--pk-ok)!important;color:#fff!important}
.pk-content .pk-btn-ghost{background:var(--pk-card)!important;color:var(--pk-tx)!important;border-color:var(--pk-bd-strong)!important}

/* 5h. Data tables - GridViews (table[rules]) and every legacy grid class */
.pk-content :is(div.rwd-table,.table-responsive,.table-wrapper,.grid-wrapper,.grid-container,.scroll-table,.table-scroll){
  overflow-x:auto;width:100%;max-width:100%;border:1px solid var(--pk-bd)!important;border-radius:var(--pk-r)!important;
  background:var(--pk-card)!important;box-shadow:none!important;padding:0!important}
.pk-content :is(div.rwd-table,.table-responsive,.table-wrapper,.grid-wrapper,.grid-container) :is(div.rwd-table,.table-responsive,.table-wrapper,.grid-wrapper){border:0!important;border-radius:0!important}
.pk-content :is(table[rules],table.grid,table.rwd-table,.rwd-table table,table.table,table.report-table,table.rpt-table,table.main-table,
  table.material-table,table.ledger-table,table.bom-grid,table.gridview-modal,table.data-table,table.report-grid,table.material-grid){
  width:100%;border-collapse:collapse!important;border-spacing:0!important;border:0!important;background:var(--pk-card)!important;
  color:var(--pk-tx)!important;font-size:13.5px!important;margin:0!important;font-variant-numeric:tabular-nums}
.pk-content :is(table[rules],table.grid,table.rwd-table,.rwd-table table,table.table,table.report-table,table.rpt-table,table.main-table,
  table.material-table,table.ledger-table,table.bom-grid,table.gridview-modal,table.data-table,table.report-grid,table.material-grid) > :is(thead,tbody,tfoot)> tr > th,
.pk-content :is(table[rules],table.grid,table.rwd-table,.rwd-table table,table.table,table.report-table,table.rpt-table,table.main-table,
  table.material-table,table.ledger-table,table.bom-grid,table.gridview-modal,table.data-table,table.report-grid,table.material-grid) > tr > th,
.pk-content tr.HeaderRowProduct > *,.pk-content tr.header-row > *{
  background:var(--pk-soft)!important;color:var(--pk-mut)!important;font-size:12.5px!important;font-weight:600!important;text-transform:none!important;
  letter-spacing:0!important;text-align:left!important;padding:10px 12px!important;border:0!important;border-bottom:1px solid var(--pk-bd)!important;
  white-space:nowrap;vertical-align:middle;position:static}
.pk-content :is(table[rules],table.grid,table.rwd-table,.rwd-table table,table.table,table.report-table,table.rpt-table,table.main-table,
  table.material-table,table.ledger-table,table.bom-grid,table.gridview-modal,table.data-table,table.report-grid,table.material-grid) th :is(a,span,label){color:inherit!important}
.pk-content :is(table[rules],table.grid,table.rwd-table,.rwd-table table,table.table,table.report-table,table.rpt-table,table.main-table,
  table.material-table,table.ledger-table,table.bom-grid,table.gridview-modal,table.data-table,table.report-grid,table.material-grid) td{
  background:transparent!important;color:var(--pk-tx)!important;padding:9px 12px!important;border:0!important;border-bottom:1px solid var(--pk-bd)!important;
  vertical-align:middle;text-align:left;transform:none!important;box-shadow:none!important;white-space:nowrap}
.pk-content :is(table[rules],table.grid,table.rwd-table,.rwd-table table,table.table,table.report-table,table.rpt-table,table.main-table,
  table.material-table,table.ledger-table,table.bom-grid,table.data-table,table.report-grid,table.material-grid) tr{background:transparent!important;transform:none!important;box-shadow:none!important}
.pk-content :is(table[rules],table.grid,table.rwd-table,.rwd-table table,table.table,table.report-table,table.rpt-table,table.main-table,
  table.material-table,table.ledger-table,table.bom-grid,table.data-table,table.report-grid,table.material-grid) > tbody > tr:nth-child(even) > td{
  background:color-mix(in srgb,var(--pk-soft) 70%,transparent)!important}
.pk-content :is(table[rules],table.grid,table.rwd-table,.rwd-table table,table.table,table.report-table,table.rpt-table,table.main-table,
  table.material-table,table.ledger-table,table.bom-grid,table.data-table,table.report-grid,table.material-grid) > tbody > tr:hover > td{
  background:var(--pk-pri-soft)!important}
.pk-content :is(table[rules],.rwd-table,table.grid,table.table) td :is(a:not(.btn)){color:var(--pk-pri-tx)!important;font-weight:500}
.pk-content :is(table[rules],.rwd-table,table.grid,table.table) td img{border-radius:6px;vertical-align:middle}
.pk-content :is(.text-right,.text-end,td.text-right,th.text-right){text-align:right!important}
.pk-content :is(.text-center,td.text-center,th.text-center){text-align:center!important}
.pk-content :is(tr.total-row,tr.footer-row,tfoot tr) > td{font-weight:600;background:var(--pk-soft)!important;border-top:1px solid var(--pk-bd-strong)!important}
.pk-content :is(.emptyMessage,.empty-message,.no-data,.no-record){padding:24px!important;text-align:center!important;color:var(--pk-mut)!important;background:none!important}
/* GridView pager (nested table in the last row) */
.pk-content :is(.gridview-pagination,.pager,tr.pager,.GridPager) td,
.pk-content table[rules] tr:last-child td table td{border:0!important;padding:3px!important;background:transparent!important}
.pk-content :is(.gridview-pagination,.pager,tr.pager,.GridPager) :is(a,span),
.pk-content table[rules] tr:last-child td table td :is(a,span){display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:8px;
  border:1px solid var(--pk-bd);color:var(--pk-tx)!important;background:var(--pk-card);font-size:13px}
.pk-content :is(.gridview-pagination,.pager,tr.pager,.GridPager) span,
.pk-content table[rules] tr:last-child td table td span{background:var(--pk-pri)!important;border-color:var(--pk-pri);color:var(--pk-on-pri)!important}
/* wide grids scroll sideways inside their card instead of spilling out (wrapper added by ui.js) */
.pk-content .pk-table-scroll{width:100%;max-width:100%;overflow-x:auto;border:1px solid var(--pk-bd);border-radius:var(--pk-r);background:var(--pk-card);margin:6px 0 4px}
.pk-content .pk-table-scroll > table td{white-space:nowrap}
/* layout tables used for forms keep no grid lines */
.pk-content :is(.form-area,.form-table,.bom-form) table:not([rules]){border:0!important;background:transparent!important}

/* 5i. Dashboard / summary tiles */
.pk-content :is(.summary-card,.dashboard-box){padding:16px!important}
.pk-content :is(.summary-label,.summary-content small){color:var(--pk-mut)!important}
.pk-content :is(.summary-value,.order-count,.progress-count){color:var(--pk-tx)!important;font-variant-numeric:tabular-nums}
.pk-content .summary-icon{background:var(--pk-pri-soft)!important;color:var(--pk-pri-tx)!important;box-shadow:none!important}
.pk-content .summary-icon i{color:inherit!important}
.pk-content :is(.progress,.progress-bar-container){background:var(--pk-soft)!important;border-radius:99px!important;overflow:hidden}
.pk-content .progress-bar{background:var(--pk-pri)!important}
.pk-content :is(.badge,.status-badge,.stage-badge){border-radius:99px!important;font-weight:500!important;padding:3px 10px!important}
.pk-content :is(.status-green,.badge-success,.bg-success){background:var(--pk-ok-soft)!important;color:var(--pk-ok-tx)!important}
.pk-content :is(.status-yellow,.badge-warning,.bg-warning){background:var(--pk-warn-soft)!important;color:var(--pk-warn-tx)!important}
.pk-content :is(.status-red,.badge-danger,.bg-danger){background:var(--pk-bad-soft)!important;color:var(--pk-bad-tx)!important}
.pk-content :is(.badge-primary,.badge-info,.bg-primary,.bg-info){background:var(--pk-pri-soft)!important;color:var(--pk-pri-tx)!important}
.pk-content :is(.badge-secondary,.bg-secondary){background:var(--pk-soft)!important;color:var(--pk-mut)!important}

/* 5j. Bootstrap pieces used on Store pages */
.pk-content :is(.alert){border-radius:var(--pk-r)!important;border:1px solid var(--pk-bd)!important;background:var(--pk-soft)!important;color:var(--pk-tx)!important}
.pk-content .alert-success{background:var(--pk-ok-soft)!important;color:var(--pk-ok-tx)!important;border-color:transparent!important}
.pk-content .alert-danger{background:var(--pk-bad-soft)!important;color:var(--pk-bad-tx)!important;border-color:transparent!important}
.pk-content .alert-warning{background:var(--pk-warn-soft)!important;color:var(--pk-warn-tx)!important;border-color:transparent!important}
.pk-content .alert-info,.pk-content .alert-primary{background:var(--pk-pri-soft)!important;color:var(--pk-pri-tx)!important;border-color:transparent!important}
.pk-content :is(.nav-tabs){border-bottom:1px solid var(--pk-bd)!important}
.pk-content .nav-tabs .nav-link{color:var(--pk-mut)!important;border:0!important;border-bottom:2px solid transparent!important;background:none!important}
.pk-content .nav-tabs .nav-link.active,.pk-content .tab-btn.active{color:var(--pk-tx)!important;border-bottom-color:var(--pk-pri)!important;background:none!important}
.pk-content .tab-btn{background:var(--pk-card)!important;color:var(--pk-mut)!important;border:1px solid var(--pk-bd)!important}
.pk-content .tab-btn.active{background:var(--pk-pri-soft)!important;color:var(--pk-pri-tx)!important}
.pk-content :is(.list-group-item){background:var(--pk-card)!important;color:var(--pk-tx)!important;border-color:var(--pk-bd)!important}
.pk-content .pagination .page-link{background:var(--pk-card)!important;color:var(--pk-tx)!important;border-color:var(--pk-bd)!important}
.pk-content .pagination .active .page-link{background:var(--pk-pri)!important;color:var(--pk-on-pri)!important;border-color:var(--pk-pri)!important}
.dropdown-menu{background:var(--pk-card)!important;border:1px solid var(--pk-bd)!important;border-radius:var(--pk-r)!important;box-shadow:var(--pk-shadow)!important}
.dropdown-menu .dropdown-item,.dropdown-menu a{color:var(--pk-tx)!important}
.dropdown-menu .dropdown-item:hover,.dropdown-menu a:hover{background:var(--pk-pri-soft)!important}

/* ---------- 6. Popups, alerts, loader ---------- */
.modal-content{background:var(--pk-card)!important;color:var(--pk-tx)!important;border:1px solid var(--pk-bd)!important;border-radius:var(--pk-r-lg)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.3)!important;overflow:hidden;font-family:var(--pk-font)}
.modal-header{background:var(--pk-card)!important;color:var(--pk-tx)!important;border-bottom:1px solid var(--pk-bd)!important;padding:14px 18px!important}
.modal-header *{color:inherit!important}
.modal-title{font-size:16px!important;font-weight:600!important}
.modal-footer{background:var(--pk-soft)!important;border-top:1px solid var(--pk-bd)!important}
.modal-body{color:var(--pk-tx)}
.modal .close,.modal .btn-close,.modal-header .close{color:var(--pk-mut)!important;opacity:1!important;text-shadow:none!important;background-color:transparent;filter:none}
html[data-theme="dark"] .btn-close{filter:invert(1) grayscale(1) brightness(1.6)!important}
.modal-backdrop.show{opacity:.55!important}
/* AjaxControlToolkit ModalPopupExtender */
.modalPopup,.mpcheck,.mpDetail{background:var(--pk-card)!important;color:var(--pk-tx)!important;border:1px solid var(--pk-bd)!important;
  border-radius:var(--pk-r-lg)!important;box-shadow:0 24px 60px rgba(0,0,0,.35)!important;font-family:var(--pk-font)}
.modalPopup :is(span,label,b,td,h1,h2,h3,h4,p):not([class*="fa-"]){color:var(--pk-tx)}
.modalPopup :is(table[rules],table) th{background:var(--pk-soft)!important;color:var(--pk-mut)!important;border-color:var(--pk-bd)!important}
.modalPopup :is(table[rules],table) td{background:transparent!important;border-color:var(--pk-bd)!important}
.modalBackground{background:#000!important;opacity:.5!important}
/* Themed alert dialog (replaces the browser's grey alert box; see ui.js) */
.pk-dialog-back{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px;background:rgba(10,12,15,.5);animation:pkfade .15s ease-out}
.pk-dialog{width:min(420px,100%);background:var(--pk-card);color:var(--pk-tx);border:1px solid var(--pk-bd);border-radius:var(--pk-r-lg);
  box-shadow:0 24px 60px rgba(0,0,0,.35);font:14px/1.5 var(--pk-font);overflow:hidden;animation:pkpop .18s ease-out}
.pk-dialog-body{display:flex;gap:14px;padding:20px 20px 16px}
.pk-dialog-ic{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;background:var(--pk-pri-soft);color:var(--pk-pri-tx);font-size:16px;font-weight:700}
.pk-dialog[data-kind="ok"] .pk-dialog-ic{background:var(--pk-ok-soft);color:var(--pk-ok-tx)}
.pk-dialog[data-kind="bad"] .pk-dialog-ic{background:var(--pk-bad-soft);color:var(--pk-bad-tx)}
.pk-dialog-msg{white-space:pre-wrap;word-break:break-word;padding-top:6px}
.pk-dialog-foot{display:flex;justify-content:flex-end;padding:12px 16px;background:var(--pk-soft);border-top:1px solid var(--pk-bd)}
.pk-dialog-foot button{min-width:84px;min-height:36px;border:0;border-radius:var(--pk-r);background:var(--pk-pri);color:var(--pk-on-pri);font:600 13.5px var(--pk-font);cursor:pointer}
@keyframes pkfade{from{opacity:0}}@keyframes pkpop{from{opacity:0;transform:translateY(6px) scale(.98)}}
/* Loader */
#loader{display:none;position:fixed;inset:0;z-index:99999;align-items:center;justify-content:center;flex-direction:column;gap:10px;
  background:color-mix(in srgb,var(--pk-bg) 75%,transparent)!important;backdrop-filter:blur(2px);color:var(--pk-mut);font:13px var(--pk-font)}
#loader[style*="block"],#loader[style*="flex"]{display:flex!important}
#loader img{width:56px;height:auto}
#loader .pk-spin{width:40px;height:40px;border:3px solid var(--pk-bd);border-top-color:var(--pk-pri);border-radius:50%;animation:pkspin .8s linear infinite}
@keyframes pkspin{to{transform:rotate(360deg)}}

/* ---------- 7. Login screens ---------- */
.pk-login-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,480px);min-height:100vh}
.pk-login-hero{position:relative;overflow:hidden;background:var(--pk-side);color:#fff;padding:48px 56px;display:flex;flex-direction:column;justify-content:space-between}
.pk-login-hero::after{content:"";position:absolute;right:-120px;bottom:-120px;width:420px;height:420px;border-radius:50%;
  border:56px solid rgba(194,65,12,.35);pointer-events:none}
.pk-login-hero .pk-logo{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600}
.pk-login-hero .pk-logo i{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#c2410c;font-size:15px}
.pk-login-hero .pk-logo span{color:inherit}
.pk-login-hero h1{font-size:40px;line-height:1.12;font-weight:600;letter-spacing:-.02em;margin:0 0 14px;max-width:12ch}
.pk-login-hero p{max-width:40ch;color:#b6c0c8;margin:0;font-size:15px}
.pk-login-panel{position:relative;display:flex;align-items:center;justify-content:center;padding:40px 32px;background:var(--pk-card)}
.pk-login-box{width:100%;max-width:340px;display:grid;gap:16px}
.pk-login-box h2{margin:0;font-size:24px;font-weight:600;letter-spacing:-.01em;color:var(--pk-tx)}
.pk-login-box .sub{margin:4px 0 6px;color:var(--pk-mut)}
.pk-pass{position:relative}
.pk-pass .pk-input{padding-right:42px}
.pk-pass button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--pk-mut);cursor:pointer;padding:8px}
.pk-login-theme{position:absolute;top:18px;right:18px}
@media(max-width:820px){.pk-login-wrap{grid-template-columns:1fr}.pk-login-hero{display:none}}

/* ---------- 8. Top-nav panels ---------- */
.pk-topnav{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:6px;min-height:56px;padding:8px 24px;background:var(--pk-side);color:#fff}
.pk-topnav .pk-logo{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;margin-right:12px;color:#fff}
.pk-topnav .pk-logo i{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#c2410c;font-size:14px}
.pk-topnav .pk-logo span{color:inherit}
.pk-topnav .pk-brand-sub{display:block;font-size:11.5px;font-weight:400;color:var(--pk-side-tx);margin-top:-1px}
.pk-topnav a.pk-tl{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:8px;color:var(--pk-side-tx);font-size:13.5px}
.pk-topnav a.pk-tl:hover{background:rgba(255,255,255,.07);color:#fff}
.pk-topnav a.pk-tl.active{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 -2px 0 #e07a3f}
.pk-topnav .sp{flex:1}
.pk-topnav .pk-theme{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08)}
.pk-topnav .pk-theme button{color:var(--pk-side-tx)}
.pk-topnav .pk-theme button.on{background:rgba(255,255,255,.14);color:#fff;box-shadow:none}
.pk-topnav + .pk-content{max-width:1600px;margin:0 auto;width:100%}
@media(max-width:700px){.pk-topnav{flex-wrap:wrap;padding:8px 14px}}
.pk-brand-sub{font-size:11.5px;font-weight:400;opacity:.7;display:block}

/* ---------- 9. Print: slips and reports always on white paper ---------- */
@media print{
  :root,html[data-theme="dark"]{--pk-bg:#fff;--pk-card:#fff;--pk-soft:#f3f4f6;--pk-tx:#000;--pk-mut:#333;--pk-mut-2:#555;--pk-bd:#bbb;--pk-bd-strong:#999;
    --pk-head:#e5e7eb;--pk-on-accent:#000;--pk-pri-tx:#000;--pk-ok-tx:#000;--pk-bad-tx:#000;--pk-warn-tx:#000;color-scheme:light}
  html,body.pk-body{background:#fff!important}
  .pk-side,.pk-top,.pk-topnav,.pk-scrim,#loader,.pk-dialog-back,
  .pk-content :is(input[type=submit],input[type=button],button,.btn,.filter-card,.filter-section,.btnArea,.button-area,.action-bar){display:none!important}
  .pk-content{padding:0!important}
  .pk-content *{box-shadow:none!important}
  .pk-content :is(div.rwd-table,.table-responsive,.table-wrapper){overflow:visible!important;border:0!important}
  .pk-content :is(table[rules],table.grid,.rwd-table table,table.table) td,.pk-content :is(table[rules],table.grid,.rwd-table table,table.table) th{border:1px solid #999!important}
}

/* ---------- 10. Export to Excel button (one look on every page) ---------- */
.pk-content .btn-excel{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;white-space:nowrap;text-decoration:none!important;cursor:pointer}
.pk-content .btn-excel i{font-size:1.05em}
.pk-content .pk-export-bar{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin:10px 0}
.pk-content .pk-export-bar.pk-left{justify-content:flex-start}
@media (max-width:576px){.pk-content .pk-export-bar .btn-excel{width:100%}}
@media print{.pk-export-bar,.btn-excel{display:none!important}}