*{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.rk-body{background:radial-gradient(1100px 700px at 15% 10%, rgba(99,102,241,.14), transparent 55%),radial-gradient(900px 650px at 85% 0%, rgba(236,72,153,.12), transparent 55%),radial-gradient(900px 700px at 90% 100%, rgba(34,197,94,.10), transparent 55%),var(--rk-light-bg);color:var(--rk-light-text)}
.rk-body[data-theme="dark"]{background:var(--rk-bg);color:var(--rk-text)}
.rk-app{display:flex;min-height:100vh}
.rk-sidebar{width:280px;flex:0 0 280px;background:linear-gradient(180deg,#4f46e5 0%, #ec4899 55%, #06b6d4 100%);color:#fff;position:sticky;top:0;height:100vh;border-right:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column}
.rk-body[data-theme="dark"] .rk-sidebar{background:linear-gradient(180deg,#312e81 0%, #831843 55%, #164e63 100%)}
.rk-brand{padding:18px 18px 10px}
.rk-brand-title{font-family:Montserrat,Poppins,system-ui,sans-serif;font-weight:700;font-size:18px;letter-spacing:.2px}
.rk-brand-sub{font-size:12px;opacity:.8}
.rk-nav{padding:10px 10px 6px;display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}
.rk-nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:#fff;text-decoration:none;opacity:.92}
.rk-nav-link:hover{background:transparent;opacity:1}
.rk-nav-link i{width:18px;text-align:center}
.rk-nav-link span{font-weight:500}
.rk-sidebar-footer{margin-top:auto;padding:14px 14px 16px;border-top:1px solid rgba(255,255,255,.18)}
.rk-user-name{font-weight:600;font-size:14px}
.rk-user-role{font-size:11px;opacity:.8;letter-spacing:.5px}
.rk-sidebar-actions{display:flex;gap:8px;margin-top:10px}
.rk-main{flex:1;min-width:0;background:transparent}
.rk-topbar{position:sticky;top:0;background:rgba(246,247,251,.78);backdrop-filter:blur(12px);border-bottom:1px solid var(--rk-light-border);padding:10px 12px;display:flex;align-items:center;gap:10px;z-index:10}
.rk-body[data-theme="dark"] .rk-topbar{background:rgba(15,23,42,.72);border-bottom:1px solid var(--rk-border)}
.rk-topbar-title{font-family:Montserrat,Poppins,system-ui,sans-serif;font-weight:700}
.rk-content{padding-top:14px;padding-bottom:22px}
.rk-card{background:var(--rk-light-card);border:1px solid rgba(99,102,241,.14);border-radius:16px;box-shadow:0 14px 40px rgba(15,23,42,.08)}
.rk-body[data-theme="dark"] .rk-card{background:rgba(17,24,39,.6);border:1px solid var(--rk-border);box-shadow:0 14px 38px rgba(0,0,0,.30)}
@media (max-width:991.98px){.rk-sidebar{position:fixed;left:0;top:0;transform:translateX(-102%);transition:transform .22s ease;z-index:1030}.rk-sidebar.rk-open{transform:translateX(0)}.rk-main{flex:1}.rk-topbar{padding:10px 10px}.rk-body.rk-no-scroll::after{content:"";position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:1020;pointer-events:auto}}

:root{--rk-bg:#0b0f19;--rk-panel:#0f172a;--rk-card:#111c3a;--rk-text:#e5e7eb;--rk-muted:#9ca3af;--rk-accent:#f472b6;--rk-border:rgba(255,255,255,.10);--rk-light-bg:#f6f7fb;--rk-light-panel:#ffffff;--rk-light-card:#ffffff;--rk-light-text:#0b1220;--rk-light-muted:#6b7280;--rk-light-border:rgba(15,23,42,.12);--rk-primary:#4f46e5;--rk-secondary:#ec4899;--rk-info:#06b6d4;--rk-success:#22c55e;--rk-warning:#f59e0b;--rk-danger:#ef4444}

.rk-topbar-title{background:linear-gradient(90deg,var(--rk-primary),var(--rk-secondary),var(--rk-info));-webkit-background-clip:text;background-clip:text;color:transparent}

.btn.btn-dark{background:linear-gradient(90deg,var(--rk-primary),var(--rk-secondary));border:0}
.btn.btn-dark:hover{filter:brightness(1.03)}
.btn.rk-btn-view{background:linear-gradient(90deg,#006b6b 0%, #008b8b 45%, #00a3a3 100%) !important;border:0 !important;color:#fff !important}
.btn.rk-btn-view:hover{filter:brightness(1.04)}
.btn.rk-btn-view:active{filter:brightness(.99)}
.btn.rk-btn-view:focus{box-shadow:0 0 0 .2rem rgba(0,139,139,.25), 0 10px 22px rgba(0,139,139,.16)}
.btn.rk-btn-edit{background:linear-gradient(90deg,#0b2a6f 0%, #1d4ed8 45%, #2563eb 100%) !important;border:0 !important;color:#fff !important}
.btn.rk-btn-edit:hover{filter:brightness(1.04)}
.btn.rk-btn-edit:active{filter:brightness(.99)}
.btn.rk-btn-edit:focus{box-shadow:0 0 0 .2rem rgba(37,99,235,.25), 0 10px 22px rgba(37,99,235,.16)}
.btn.rk-btn-new-order{background:linear-gradient(90deg,#b45309 0%, #d97706 45%, #f59e0b 100%) !important;border:0 !important;color:#fff !important}
.btn.rk-btn-new-order:hover{filter:brightness(1.04)}
.btn.rk-btn-new-order:active{filter:brightness(.99)}
.btn.rk-btn-new-order:focus{box-shadow:0 0 0 .2rem rgba(245,158,11,.25), 0 10px 22px rgba(245,158,11,.16)}
.btn.rk-btn-add-worker{background:linear-gradient(90deg,#065BE3 0%, #0FA7B8 100%) !important;border:0 !important;color:#fff !important}
.btn.rk-btn-add-worker:hover{filter:brightness(1.04)}
.btn.rk-btn-add-worker:active{filter:brightness(.99)}
.btn.rk-btn-add-worker:focus{box-shadow:0 0 0 .2rem rgba(16,189,183,.25), 0 10px 22px rgba(16,189,183,.16)}
.btn.rk-btn-completed{background:linear-gradient(90deg,#0d6b2c 0%, #16a34a 45%, #22c55e 100%) !important;border:0 !important;color:#fff !important}
.btn.rk-btn-completed:hover{filter:brightness(1.04)}
.btn.rk-btn-completed:active{filter:brightness(.99)}
.btn.rk-btn-completed:focus{box-shadow:0 0 0 .2rem rgba(34,197,94,.25), 0 10px 22px rgba(34,197,94,.16)}
.btn.rk-btn-due-date{background:linear-gradient(90deg,#b45309 0%, #d97706 45%, #f59e0b 100%) !important;border:0 !important;color:#fff !important}
.btn.rk-btn-due-date:hover{filter:brightness(1.04)}
.btn.rk-btn-due-date:active{filter:brightness(.99)}
.btn.rk-btn-due-date:focus{box-shadow:0 0 0 .2rem rgba(245,158,11,.25), 0 10px 22px rgba(245,158,11,.16)}
.btn.btn-outline-dark{border-color:rgba(79,70,229,.35);color:#111}
.btn.btn-outline-dark:hover{background:rgba(79,70,229,.10);border-color:rgba(79,70,229,.45);color:#111}
.rk-body[data-theme="dark"] .btn.btn-outline-dark{border-color:rgba(255,255,255,.22);color:#fff}
.rk-body[data-theme="dark"] .btn.btn-outline-dark:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.30);color:#fff}

.rk-body input[type=number]{-moz-appearance:textfield;appearance:textfield}
.rk-body input[type=number]::-webkit-outer-spin-button,
.rk-body input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

a.btn[href^="https://wa.me/"],
a.btn[href^="https://api.whatsapp.com/"]{background:linear-gradient(90deg,#00b09b 0%, #00d26a 45%, #00ba04 100%) !important;border:0 !important;color:#fff !important;box-shadow:0 10px 22px rgba(0,186,4,.20)}
a.btn[href^="https://wa.me/"]:hover,
a.btn[href^="https://api.whatsapp.com/"]:hover{filter:brightness(1.03);box-shadow:0 12px 26px rgba(0,186,4,.26)}
a.btn[href^="https://wa.me/"]:active,
a.btn[href^="https://api.whatsapp.com/"]:active{filter:brightness(.98)}
a.btn[href^="https://wa.me/"]:focus,
a.btn[href^="https://api.whatsapp.com/"]:focus{box-shadow:0 0 0 .2rem rgba(0,186,4,.25), 0 10px 22px rgba(0,186,4,.20)}

.btn.rk-btn-back{background:linear-gradient(90deg,#4b5563 0%,#6b7280 45%,#9ca3af 100%) !important;border:0 !important;color:#fff !important}
.btn.rk-btn-back:hover{filter:brightness(1.04)}
.btn.rk-btn-back:active{filter:brightness(.99)}
.btn.rk-btn-back:focus{box-shadow:0 0 0 .2rem rgba(107,114,128,.25),0 10px 22px rgba(107,114,128,.16)}

.btn.rk-btn-pdf{background:linear-gradient(90deg,#b91c1c 0%,#dc2626 45%,#ef4444 100%) !important;border:0 !important;color:#fff !important}
.btn.rk-btn-pdf:hover{filter:brightness(1.04)}
.btn.rk-btn-pdf:active{filter:brightness(.99)}
.btn.rk-btn-pdf:focus{box-shadow:0 0 0 .2rem rgba(220,38,38,.25),0 10px 22px rgba(220,38,38,.16)}

.btn.rk-btn-print{background:linear-gradient(90deg,#b45309 0%,#d97706 45%,#f59e0b 100%) !important;border:0 !important;color:#fff !important}
.btn.rk-btn-print:hover{filter:brightness(1.04)}
.btn.rk-btn-print:active{filter:brightness(.99)}
.btn.rk-btn-print:focus{box-shadow:0 0 0 .2rem rgba(217,119,6,.25),0 10px 22px rgba(217,119,6,.16)}

.btn.rk-btn-image{background:linear-gradient(90deg,#3730a3 0%,#4f46e5 45%,#6366f1 100%) !important;border:0 !important;color:#fff !important}
.btn.rk-btn-image:hover{filter:brightness(1.04)}
.btn.rk-btn-image:active{filter:brightness(.99)}
.btn.rk-btn-image:focus{box-shadow:0 0 0 .2rem rgba(79,70,229,.25),0 10px 22px rgba(79,70,229,.16)}

.btn.rk-btn-copytext{background:linear-gradient(90deg,#0d6b2c 0%,#16a34a 45%,#22c55e 100%) !important;border:0 !important;color:#fff !important}
.btn.rk-btn-copytext:hover{filter:brightness(1.04)}
.btn.rk-btn-copytext:active{filter:brightness(.99)}
.btn.rk-btn-copytext:focus{box-shadow:0 0 0 .2rem rgba(34,197,94,.25),0 10px 22px rgba(34,197,94,.16)}

.btn.rk-btn-settings{background:linear-gradient(90deg,#374151 0%,#4b5563 45%,#6b7280 100%) !important;border:0 !important;color:#fff !important}
.btn.rk-btn-settings:hover{filter:brightness(1.04)}
.btn.rk-btn-settings:active{filter:brightness(.99)}
.btn.rk-btn-settings:focus{box-shadow:0 0 0 .2rem rgba(75,85,99,.25),0 10px 22px rgba(75,85,99,.16)}

.form-control:focus,.form-select:focus{border-color:rgba(79,70,229,.55);box-shadow:0 0 0 .2rem rgba(79,70,229,.18)}

.table thead th{background:linear-gradient(90deg,rgba(79,70,229,.10),rgba(236,72,153,.08));border-bottom:1px solid rgba(99,102,241,.18)}
.rk-body[data-theme="dark"] .table thead th{background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.10)}

.rk-no-scroll{overflow:hidden}

.rk-topbar,.rk-card,.rk-nav-link,.btn,.form-control,.form-select,.table tbody tr,.dropdown-menu,.modal-content{transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,opacity .3s ease,filter .3s ease,border-color .3s ease}

.rk-sidebar{box-shadow:0 18px 55px rgba(15,23,42,.18)}
.rk-nav-link:hover{transform:translateX(12px)}
.rk-nav-link:active{transform:translateX(12px)}

.rk-topbar{box-shadow:0 10px 30px rgba(15,23,42,.08)}
.rk-body[data-theme="dark"] .rk-topbar{box-shadow:0 10px 30px rgba(0,0,0,.24)}

.rk-card{backdrop-filter:saturate(140%) blur(10px)}
.rk-card:hover{transform:translateY(-6px);box-shadow:0 22px 70px rgba(15,23,42,.14)}
.rk-body[data-theme="dark"] .rk-card:hover{box-shadow:0 22px 70px rgba(0,0,0,.34)}

.btn:hover{transform:translateY(-3px);box-shadow:0 16px 45px rgba(15,23,42,.16)}
.rk-body[data-theme="dark"] .btn:hover{box-shadow:0 16px 45px rgba(0,0,0,.34)}
.btn:active{transform:translateY(-1px)}

.btn.btn-dark{position:relative;overflow:hidden}
.btn.btn-dark::after{content:"";position:absolute;inset:-45%;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.22),transparent 70%);transform:translateX(-60%) rotate(12deg);transition:.6s ease}
.btn.btn-dark:hover::after{transform:translateX(60%) rotate(12deg)}

 .table tbody tr:hover{background:rgba(79,70,229,.06);transform:translateY(-2px)}
 .rk-body[data-theme="dark"] .table tbody tr:hover{background:rgba(255,255,255,.06)}

 .rk-urgent-col,.rk-urgent-cell{width:7.5rem;text-align:center;vertical-align:middle}
 .rk-urgent-cell .form-check{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding-left:0;margin:0;min-height:1.5rem}
 .rk-urgent-cell .form-check-input{float:none;margin:0}
 .rk-order-row-urgent{background:rgba(239,68,68,.06)}
 .rk-body[data-theme="dark"] .rk-order-row-urgent{background:rgba(239,68,68,.12)}
 .rk-customer-code{color:#000}
 .rk-body[data-theme="dark"] .rk-customer-code{color:var(--rk-text)}

 .dropdown-menu{border-radius:16px;border:1px solid rgba(15,23,42,.12);box-shadow:0 18px 55px rgba(15,23,42,.12);overflow:hidden;transform-origin:top right}
 .rk-body[data-theme="dark"] .dropdown-menu{border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 55px rgba(0,0,0,.34)}
 .dropdown-menu.show{animation:rkDropdownIn .18s ease both}
 @keyframes rkDropdownIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

 .modal.fade .modal-dialog{transform:translateY(14px) scale(.98)}
 .modal.show .modal-dialog{transform:translateY(0) scale(1)}
 .modal-content{border-radius:16px;box-shadow:0 22px 70px rgba(15,23,42,.18)}
  .rk-body[data-theme="dark"] .modal-content{box-shadow:0 22px 70px rgba(0,0,0,.40)}



/* === Dark mode: Bootstrap component overrides === */
html[data-bs-theme="dark"]{
  color-scheme:dark;
  --bs-body-bg:#0b0f19;
  --bs-body-color:#e5e7eb;
  --bs-body-color-rgb:229,231,235;
  --bs-secondary-color:#9ca3af;
  --bs-tertiary-color:rgba(229,231,235,.65);
  --bs-emphasis-color:#fff;
  --bs-border-color:rgba(255,255,255,.14);
  --bs-border-color-translucent:rgba(255,255,255,.14);
  --bs-secondary-bg:rgba(255,255,255,.08);
  --bs-tertiary-bg:rgba(255,255,255,.05);
  --bs-link-color:#8b93f8;
  --bs-link-hover-color:#a5adff;
  --bs-form-control-bg:#0f172a;
  --bs-form-control-disabled-bg:rgba(255,255,255,.06);
  --bs-input-group-addon-bg:rgba(255,255,255,.06);
  --bs-modal-bg:#0f172a;
  --bs-modal-color:#e5e7eb;
  --bs-modal-border-color:rgba(255,255,255,.12);
  --bs-modal-header-border-color:rgba(255,255,255,.10);
  --bs-modal-footer-border-color:rgba(255,255,255,.10);
  --bs-dropdown-bg:#0f172a;
  --bs-dropdown-color:#e5e7eb;
  --bs-dropdown-border-color:rgba(255,255,255,.12);
  --bs-dropdown-link-color:#e5e7eb;
  --bs-dropdown-link-hover-bg:rgba(255,255,255,.08);
  --bs-dropdown-link-hover-color:#fff;
  --bs-dropdown-link-active-bg:#4f46e5;
  --bs-dropdown-link-active-color:#fff;
  --bs-pagination-bg:#0f172a;
  --bs-pagination-color:#e5e7eb;
  --bs-pagination-border-color:rgba(255,255,255,.14);
  --bs-pagination-hover-bg:rgba(255,255,255,.08);
  --bs-pagination-hover-color:#fff;
  --bs-pagination-hover-border-color:rgba(255,255,255,.22);
  --bs-pagination-active-bg:#4f46e5;
  --bs-pagination-active-border-color:#4f46e5;
  --bs-pagination-disabled-bg:#0f172a;
  --bs-pagination-disabled-color:rgba(156,163,175,.5);
  --bs-pagination-disabled-border-color:rgba(255,255,255,.10);
  --bs-table-color:#e5e7eb;
  --bs-table-bg:transparent;
  --bs-table-border-color:rgba(255,255,255,.10);
  --bs-table-striped-bg:rgba(255,255,255,.04);
  --bs-table-striped-color:#e5e7eb;
  --bs-table-active-bg:rgba(255,255,255,.08);
  --bs-table-active-color:#fff;
  --bs-table-hover-bg:rgba(255,255,255,.06);
  --bs-table-hover-color:#e5e7eb;
  --bs-list-group-bg:#0f172a;
  --bs-list-group-color:#e5e7eb;
  --bs-list-group-border-color:rgba(255,255,255,.12);
  --bs-list-group-action-hover-bg:rgba(255,255,255,.06);
  --bs-list-group-action-active-bg:rgba(255,255,255,.10);
}
html[data-bs-theme="dark"] option,
html[data-bs-theme="dark"] .form-select option{
  background-color:#0f172a;
  color:#e5e7eb;
}
html[data-bs-theme="dark"] ::placeholder{
  color:rgba(156,163,175,.75);
  opacity:1;
}

/* Invoice preview stays a white document in both themes */
#rkInvoiceCard{
  background:#fff !important;
  border:1px solid #e5e7eb;
  color:#111;
  --bs-body-color:#111;
  --bs-secondary-color:#6b7280;
  --bs-tertiary-color:#6b7280;
}
#rkInvoiceCard .table{
  --bs-table-bg:#fff;
  --bs-table-color:#111;
  --bs-table-border-color:#e5e7eb;
  --bs-table-accent-bg:transparent;
  --bs-table-striped-bg:rgba(15,23,42,.04);
  --bs-table-striped-color:#111;
  --bs-table-active-bg:rgba(79,70,229,.10);
  --bs-table-active-color:#111;
  --bs-table-hover-bg:rgba(79,70,229,.06);
  --bs-table-hover-color:#111;
}
#rkInvoiceCard .table thead th{
  background:linear-gradient(90deg,rgba(79,70,229,.10),rgba(236,72,153,.08));
  border-bottom:1px solid rgba(99,102,241,.18);
  color:#111;
}
#rkInvoiceCard .table tbody tr:hover{
  background:var(--bs-table-hover-bg);
  transform:none;
}
#rkInvoiceCard .table tbody tr:hover > *{
  background-color:var(--bs-table-hover-bg);
}
#rkInvoiceCard a{color:#4f46e5}

/* Orders column filter row */
.rk-colfilter-row td{
  background:rgba(99,102,241,.05);
  vertical-align:middle;
}
.rk-body[data-theme="dark"] .rk-colfilter-row td{
  background:rgba(255,255,255,.04);
}
.rk-colfilter-row .form-control-sm,
.rk-colfilter-row .form-select-sm{
  min-width:90px;
  padding-top:2px;
  padding-bottom:2px;
}
.rk-colfilter-row .rk-colfilter-oid{
  min-width:60px;
  width:60px;
}
.rk-colfilter-row .rk-colfilter-date{
  min-width:110px;
  width:110px;
  font-size:.7rem;
}
.rk-colfilter-row .rk-colfilter-status{
  min-width:110px;
  width:110px;
}
.rk-colfilter-row .btn-sm{min-height:31px}

@media (max-width:575.98px){
  .rk-content{padding-top:10px;padding-bottom:16px}
  .rk-card{border-radius:14px}
  .rk-card.p-3{padding:12px !important}
  .rk-card.p-4{padding:14px !important}
  .rk-card.p-2{padding:10px !important}

  .btn,.form-control,.form-select{min-height:42px}
  .btn.btn-sm{min-height:38px}

  .form-control,.form-select,textarea.form-control{font-size:16px}

  .d-flex.gap-2,.d-flex.gap-1{flex-wrap:wrap}
  .btn-group{flex-wrap:wrap}
  .btn-group>.btn{flex:1 1 auto}

  .rk-content form.d-flex .form-control,
  .rk-content form.d-flex .form-select{flex:1 1 auto;min-width:0}

  .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .table td,.table th{white-space:nowrap}

  .rk-topbar-title{max-width:68vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

.rk-order-summary-panel{position:fixed;top:60px;right:20px;width:380px;max-height:calc(100vh - 100px);overflow-y:auto;background:var(--rk-light-card,#fff);border:1px solid var(--rk-light-border,rgba(15,23,42,.12));border-radius:12px;padding:18px 20px;box-shadow:0 8px 32px rgba(0,0,0,.12);z-index:1060;display:none;color:var(--rk-light-text,#0b1220)}
.rk-order-summary-panel.show{display:block}
.rk-order-summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;cursor:grab;user-select:none}
.rk-order-summary-header:active{cursor:grabbing}
.rk-order-summary-panel hr{border-color:rgba(99,102,241,.15);margin:6px 0}
.rk-order-summary-panel .d-flex{gap:8px;padding:2px 0}
.rk-order-summary-panel .d-flex span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}
.rk-order-summary-panel .rk-summary-sub{padding-left:4px}
.rk-order-summary-panel .rk-summary-sub span{font-size:.82em}
.rk-body[data-theme="dark"] .rk-order-summary-panel{background:#1e1b2e;border-color:rgba(99,102,241,.35);box-shadow:0 8px 32px rgba(0,0,0,.4);color:#e2e8f0}
.rk-body[data-theme="dark"] .rk-order-summary-panel hr{border-color:rgba(99,102,241,.25)}

.rk-item.rk-locked{opacity:.85;pointer-events:none;border-left:3px solid #22c55e}
.rk-item.rk-locked .rk-item-lock{pointer-events:auto}

@media(max-width:768px){
  .rk-order-summary-panel{right:10px;left:10px;width:auto;top:auto;bottom:10px;max-height:45vh}
}