.accentra-pwa-install,.accentra-pwa-push-toggle{position:fixed;right:20px;z-index:100000;border:1px solid #dbe4ee;border-radius:10px;padding:10px 14px;font-weight:600;box-shadow:0 8px 22px rgba(15,23,42,.16);cursor:pointer}.accentra-pwa-install{bottom:20px;background:#2563eb;color:#fff;border-color:#2563eb}.accentra-pwa-push-toggle{bottom:72px;background:#fff;color:#334155}.accentra-pwa-push-toggle.is-active{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.accentra-pwa-install:hover,.accentra-pwa-push-toggle:hover{filter:brightness(.98)}.accentra-pwa-card{background:#fff;border:1px solid #dbe4ee;border-top:3px solid #2563eb;border-radius:10px;box-shadow:0 6px 18px rgba(15,23,42,.045)}.accentra-pwa-kpi{padding:16px;border:1px solid #e2e8f0;border-radius:9px;background:#fff}.accentra-pwa-kpi strong{display:block;font-size:22px;color:#172033}.accentra-pwa-muted{color:#64748b}.accentra-pwa-tabs{margin-bottom:18px}@media(max-width:767px){.accentra-pwa-install,.accentra-pwa-push-toggle{right:12px}.accentra-pwa-install{bottom:12px}.accentra-pwa-push-toggle{bottom:62px}}
.accentra-pwa-kpi{padding:14px 16px;border:1px solid #dbe4ee;border-left:3px solid #0f9f8f;border-radius:9px;background:#fff;margin-bottom:12px}.accentra-pwa-kpi small{display:block;color:#64748b}.accentra-pwa-kpi strong{display:block;font-size:24px;margin-top:6px}.accentra-pwa-nav{display:flex;flex-wrap:wrap;gap:6px}.accentra-pwa-install,.accentra-pwa-push-toggle{position:fixed;right:18px;z-index:1002;border:0;border-radius:999px;padding:10px 15px;box-shadow:0 6px 18px rgba(15,23,42,.18);background:#fff;color:#25364d}.accentra-pwa-install{bottom:18px}.accentra-pwa-push-toggle{bottom:68px}.accentra-pwa-push-toggle.is-active{background:#16a34a;color:#fff}@media(max-width:767px){.accentra-pwa-install,.accentra-pwa-push-toggle{right:10px}.accentra-pwa-nav .btn{flex:1 1 auto}}


/* Accentra PWA 1.2.1 offline draft protection */
.accentra-pwa-offline-toast{position:fixed;right:18px;top:82px;z-index:100000;max-width:430px;padding:12px 16px;border:1px solid #f1cf86;border-left:4px solid #d99a00;border-radius:8px;background:#fffaf0;color:#5f4a13;box-shadow:0 10px 26px rgba(15,23,42,.16);opacity:0;transform:translateY(-8px);transition:.2s ease}.accentra-pwa-offline-toast.show{opacity:1;transform:none}.accentra-pwa-offline-toast.is-danger{border-color:#f4c7c7;border-left-color:#ef4444;background:#fff7f7;color:#7f1d1d}.accentra-pwa-drafts-floating{position:fixed;right:18px;bottom:82px;z-index:99990;padding:9px 13px;border-radius:999px;background:#fff;color:#6b4c00;border:1px solid #efd18b;border-left:4px solid #d99a00;box-shadow:0 7px 20px rgba(15,23,42,.14);text-decoration:none!important;font-weight:600}.accentra-pwa-drafts-floating span{display:inline-block;margin-left:5px;padding:1px 6px;border-radius:999px;background:#d99a00;color:#fff;font-size:11px}@media(max-width:767px){.accentra-pwa-offline-toast{left:10px;right:10px;top:70px;max-width:none}.accentra-pwa-drafts-floating{right:10px;bottom:70px}}


/* ==================================================================
   ACCENTRA PWA 1.2.2 — ACCENTRA CORE UI ALIGNMENT
   Visual layer only. Uses the same white workspace/card/table/form language
   as Accentra Core v4.3.0.
   ================================================================== */

body.admin #wrapper .accentra-pwa-core-page {
  background: #fff;
  --accentra-pwa-border: #dbe4ee;
  --accentra-pwa-border-soft: #e8eef5;
  --accentra-pwa-shadow: 0 6px 18px rgba(15,23,42,.045);
  --accentra-pwa-radius: 10px;
  --accentra-pwa-blue: #3b82f6;
  --accentra-pwa-teal: #0f9f8f;
  --accentra-pwa-purple: #6558e8;
  --accentra-pwa-cyan: #0891b2;
  --accentra-pwa-amber: #d99a00;
  --accentra-pwa-red: #ef4444;
  --accentra-pwa-green: #16a34a;
}

/* Main page card: same hierarchy as Accentra Core */
.accentra-pwa-core-page > .row > .col-md-12 > .panel_s > .accentra-pwa-core-card,
.accentra-pwa-core-page > .row > [class*="col-"] > .panel_s > .accentra-pwa-core-card {
  background:#fff;
  border:1px solid var(--accentra-pwa-border);
  border-top:3px solid var(--accentra-pwa-blue);
  border-radius:var(--accentra-pwa-radius);
  box-shadow:var(--accentra-pwa-shadow);
  padding:18px 20px;
  overflow:hidden;
}

/* Semantic entity accents */
.accentra-pwa-overview-page .accentra-pwa-core-card { border-top-color:var(--accentra-pwa-teal)!important; }
.accentra-pwa-settings-page .accentra-pwa-core-card { border-top-color:var(--accentra-pwa-teal)!important; }
.accentra-pwa-templates-page .accentra-pwa-core-card { border-top-color:var(--accentra-pwa-purple)!important; }
.accentra-pwa-send-page .accentra-pwa-core-card { border-top-color:var(--accentra-pwa-blue)!important; }
.accentra-pwa-devices-page .accentra-pwa-core-card { border-top-color:var(--accentra-pwa-cyan)!important; }
.accentra-pwa-drafts-page .accentra-pwa-core-card { border-top-color:var(--accentra-pwa-amber)!important; }
.accentra-pwa-sync-page .accentra-pwa-core-card { border-top-color:var(--accentra-pwa-amber)!important; }

/* Module navigation behaves like a compact Core record toolbar */
.accentra-pwa-nav {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  padding:8px;
  background:#fff;
  border:1px solid #dbe4ee;
  border-radius:9px;
  box-shadow:0 4px 12px rgba(15,23,42,.035);
}

.accentra-pwa-nav .btn {
  margin:0!important;
  min-height:36px;
  border-radius:7px;
  box-shadow:none!important;
  color:#475569;
  background:#fff;
  border-color:transparent;
}

.accentra-pwa-nav .btn:hover,
.accentra-pwa-nav .btn.active {
  color:#2563eb;
  background:#f4f8fd;
  border-color:#dbe7f5;
}

.accentra-pwa-nav .btn.active {
  font-weight:700;
  box-shadow:inset 0 -2px 0 #3b82f6!important;
}

.accentra-pwa-nav .accentra-pwa-offline-drafts-link.active {
  color:#9a6700;
  background:#fffaf0;
  border-color:#efd18b;
  box-shadow:inset 0 -2px 0 #d99a00!important;
}

/* Headings and supporting copy */
.accentra-pwa-core-page h4.tw-mt-0,
.accentra-pwa-core-page .panel-body > h4:first-child {
  margin-bottom:8px;
  color:#172033;
  font-weight:700;
}

.accentra-pwa-core-page .text-muted {
  color:#64748b!important;
}

/* Tables */
.accentra-pwa-core-page .table-responsive {
  border:1px solid #e1e8f0;
  border-radius:8px;
  overflow:auto;
}

.accentra-pwa-core-page .table {
  margin-bottom:0;
  color:#25364d;
}

.accentra-pwa-core-page .table > thead > tr > th {
  background:#f8fafc;
  color:#40516a;
  font-weight:700;
  border-top:0;
  border-bottom:1px solid #dce5ef;
}

.accentra-pwa-core-page .table > tbody > tr > td {
  border-color:#e8eef5;
  vertical-align:middle;
}

.accentra-pwa-core-page .table > tbody > tr:hover {
  background:#f8fbff;
}

/* Forms */
.accentra-pwa-core-page .form-control,
.accentra-pwa-core-page .bootstrap-select > .dropdown-toggle,
.accentra-pwa-core-page .select2-container .select2-selection {
  border-color:#d5e0eb;
  border-radius:7px;
  background:#fff;
}

.accentra-pwa-core-page .form-control:focus {
  border-color:#8bb8ee;
  box-shadow:0 0 0 3px rgba(59,130,246,.08);
}

.accentra-pwa-core-page label {
  color:#40516a;
  font-weight:600;
}

.accentra-pwa-core-page input[type=file] {
  min-height:36px;
  padding:5px 7px;
  border:1px solid #d5e0eb;
  border-radius:7px;
  background:#fff;
}

/* Buttons */
.accentra-pwa-core-page .btn {
  border-radius:7px;
}

.accentra-pwa-core-page .btn-primary {
  box-shadow:0 3px 8px rgba(37,99,235,.11);
}

/* KPI cards align to Core summary blocks */
.accentra-pwa-kpi {
  min-height:82px;
  padding:14px 16px;
  border:1px solid #e3eaf2;
  border-left:3px solid var(--accentra-pwa-teal);
  border-radius:8px;
  background:#fbfdff;
  box-shadow:none;
}

.accentra-pwa-kpi strong {
  color:#172033;
  font-size:23px;
  line-height:1.15;
}

/* Alerts */
.accentra-pwa-core-page .alert {
  border-radius:8px;
}

.accentra-pwa-core-page .alert-info {
  background:#f5f9ff;
  border-color:#dbe7f5;
  color:#36506f;
}

.accentra-pwa-core-page .alert-warning {
  background:#fffaf0;
  border-color:#efd18b;
  color:#6b4c00;
}

/* Status badges */
.accentra-pwa-core-page .label {
  border-radius:999px;
  padding:4px 8px;
  font-weight:600;
}

/* Offline Draft Manager — clear actionable states */
.accentra-pwa-drafts-page .label-warning { background:#fff3cd;color:#8a5a00;border:1px solid #f1d58a; }
.accentra-pwa-drafts-page .label-info { background:#eaf7fb;color:#087894;border:1px solid #bfe6ef; }
.accentra-pwa-drafts-page .label-danger { background:#fff0f0;color:#b42318;border:1px solid #f2c4c4; }

/* Floating install / push controls remain PWA-specific, but use Core surfaces */
.accentra-pwa-install,
.accentra-pwa-push-toggle,
.accentra-pwa-drafts-floating {
  font-family:inherit;
  border-radius:999px;
}

.accentra-pwa-install {
  background:#2563eb;
  color:#fff;
  border:1px solid #2563eb;
}

.accentra-pwa-push-toggle {
  background:#fff;
  color:#334155;
  border:1px solid #dbe4ee;
}

.accentra-pwa-push-toggle.is-active {
  background:#ecfdf5;
  color:#047857;
  border-color:#a7f3d0;
}

/* Responsive mirrors Core spacing */
@media(max-width:991px){
  .accentra-pwa-core-page > .row > .col-md-12 > .panel_s > .accentra-pwa-core-card {
    border-radius:9px;
    padding:16px;
  }
}

@media(max-width:767px){
  .accentra-pwa-core-page {
    padding-left:8px!important;
    padding-right:8px!important;
  }

  .accentra-pwa-core-page > .row > .col-md-12 > .panel_s > .accentra-pwa-core-card {
    padding:13px 12px;
    border-radius:8px;
  }

  .accentra-pwa-nav {
    padding:6px;
    border-radius:8px;
    overflow-x:auto;
    flex-wrap:nowrap;
    -webkit-overflow-scrolling:touch;
  }

  .accentra-pwa-nav .btn {
    flex:0 0 auto!important;
    white-space:nowrap;
  }

  .accentra-pwa-core-page .table-responsive {
    -webkit-overflow-scrolling:touch;
  }
}


/* Accentra PWA 1.2.3 — mobile verification / install completion */
.accentra-pwa-ios-install{position:fixed;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:100001;display:flex;flex-direction:column;gap:4px;padding:14px 42px 14px 16px;background:#fff;border:1px solid #dbe4ee;border-radius:14px;box-shadow:0 14px 36px rgba(15,23,42,.2);color:#25364d}.accentra-pwa-ios-install strong{font-size:15px;color:#172033}.accentra-pwa-ios-install span{font-size:13px;line-height:1.45;color:#64748b}.accentra-pwa-ios-install-close{position:absolute;right:10px;top:8px;width:30px;height:30px;border:0;border-radius:50%;background:#f1f5f9;color:#475569;font-size:22px;line-height:28px}.accentra-pwa-install,.accentra-pwa-push-toggle,.accentra-pwa-drafts-floating{right:max(12px,env(safe-area-inset-right))}@media(display-mode:standalone){body{padding-bottom:env(safe-area-inset-bottom)}.accentra-pwa-install{display:none!important}}@media(max-width:767px){.accentra-pwa-ios-install{border-radius:12px}.accentra-pwa-install{bottom:max(12px,env(safe-area-inset-bottom))}.accentra-pwa-push-toggle{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 50px)}}

/* v1.4.7: restore branded Install App preview */
.accentra-pwa-install-preview{align-items:center;text-align:center;gap:12px;max-width:420px;margin:0 auto;padding:24px 36px 24px;left:12px;right:12px}
.accentra-pwa-install-logo{width:92px;height:92px;object-fit:contain;border-radius:20px;background:white;box-shadow:0 3px 16px rgba(0,0,0,.10)}
.accentra-pwa-install-url{max-width:100%;overflow-wrap:anywhere;font-size:12px;color:#475569}
.accentra-pwa-install-preview .btn{min-width:180px}

/* v1.4.8 temporary install diagnostics; remove after iOS verification */
.accentra-pwa-debug-json{width:100%;margin-top:12px;text-align:left;max-width:100%;font-size:12px}.accentra-pwa-debug-json pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:36vh;overflow:auto;background:#f4f6fa;color:#14243b;padding:10px;border-radius:7px;font-size:11px}.accentra-pwa-debug-json button{margin-top:7px}

/* Shared tenant header action: independent of theme-specific profile dropdowns. */
.accentra-pwa-header-action{display:inline-flex;align-items:center;justify-content:center;margin:6px 10px;padding:7px 12px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#1e293b;font:600 13px/1.3 inherit;cursor:pointer;z-index:1002}
.accentra-pwa-header-action:hover{background:#f1f5f9}
@media(display-mode:standalone){.accentra-pwa-header-action{display:none!important}}