/* ===================================================================
   admin.logiworx.tech — AWS Management Console look & feel.
   Everything is scoped under body.aws (added by an inline script when the
   hostname starts with "admin"), so web/tp/qa are never affected.
   Palette follows the AWS Cloudscape design system:
     top bar #232f3e · page #f2f3f3 · text #0f141a · link #0972d3
     primary action #ff9900 · borders #e9ebed / #d5dbdb
   =================================================================== */
body.aws{
  --aws-nav:#232f3e; --aws-nav-2:#354150; --aws-bg:#f2f3f3; --aws-text:#0f141a; --aws-muted:#5f6b7a;
  --aws-line:#e9ebed; --aws-line-2:#d5dbdb; --aws-link:#0972d3; --aws-link-h:#033160; --aws-orange:#ff9900;
  --aws-red:#d13212; --aws-green:#037f0c; --aws-amber:#8d6605;
  --brand:#0972d3; --brand-600:#0972d3; --line:#e9ebed;
  background:var(--aws-bg); color:var(--aws-text);
}
body.aws, body.aws *{font-family:'Amazon Ember','Helvetica Neue',Roboto,Arial,sans-serif;}
body.aws code, body.aws pre, body.aws .font-mono, body.aws kbd{font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;}
body.aws ::-webkit-scrollbar-thumb{background:#aab7b8;}

/* AWS-only helpers */
.aws-only{display:none;}
body.aws .aws-only{display:flex;}
body.aws .tb-biz{display:none !important;}   /* freight-business controls don't belong in the admin console */

/* ── Top navigation bar (full width, dark navy) ── */
body.aws #app{padding-top:52px;height:100vh;}
body.aws #topbar{position:fixed;top:0;left:0;right:0;height:52px;z-index:120;background:var(--aws-nav);background-color:var(--aws-nav);
  border-bottom:0;box-shadow:none;padding:0 16px 0 10px;gap:6px;color:#fff;}
body.aws #topbar::before{display:none;}
body.aws #topbar .btn-icon{background:transparent;border:0;color:#d5dbdb;border-radius:4px;}
body.aws #topbar .btn-icon:hover{background:var(--aws-nav-2);color:#fff;}
.aws-brand{align-items:center;gap:9px;padding:0 10px;height:52px;cursor:pointer;flex-shrink:0;}
.aws-brand img{width:28px;height:28px;}
.aws-brand span{color:#fff;font-weight:700;font-size:16px;letter-spacing:-.1px;}
.aws-brand small{color:#aab7b8;font-weight:400;font-size:12px;margin-left:2px;}
body.aws .svc-btn{background:transparent;border:0;color:#fff;border-radius:4px;padding:0 12px;height:36px;font-weight:600;font-size:14px;}
body.aws .svc-btn:hover{background:var(--aws-nav-2);}
.aws-search{position:relative;flex:0 1 460px;min-width:180px;margin-left:6px;}
.aws-search input{width:100%;height:34px;border-radius:4px;border:1px solid #687078;background:#0f1b2a;color:#fff;padding:0 60px 0 34px;font-size:14px;outline:none;}
.aws-search input::placeholder{color:#aab7b8;}
.aws-search input:focus{border-color:#fff;box-shadow:0 0 0 1px #fff;}
.aws-search svg{position:absolute;left:10px;top:9px;width:16px;height:16px;color:#aab7b8;pointer-events:none;}
.aws-search kbd{position:absolute;right:10px;top:8px;font-size:11px;color:#aab7b8;border:1px solid #687078;border-radius:3px;padding:0 5px;line-height:16px;pointer-events:none;}
#aws-search-results{display:none;position:absolute;top:40px;left:0;right:0;background:#fff;border:1px solid var(--aws-line-2);border-radius:4px;
  box-shadow:0 4px 12px rgba(0,28,36,.25);z-index:150;overflow:hidden;}
#aws-search-results div{padding:9px 14px;font-size:14px;color:var(--aws-text);cursor:pointer;display:flex;justify-content:space-between;}
#aws-search-results div small{color:var(--aws-muted);}
#aws-search-results div:hover,#aws-search-results div.sel{background:#f2f8fd;color:var(--aws-link);}
body.aws #topbar .avatar{display:none;}
body.aws #tb-username{color:#fff;font-size:13px;font-weight:600;}
body.aws #tb-role{color:#aab7b8;font-size:11px;}
body.aws #topbar svg.text-slate-400{color:#aab7b8;}
body.aws #topbar .dd-wrap > div.flex{padding:4px 10px;border-radius:4px;height:38px;}
body.aws #topbar .dd-wrap > div.flex:hover{background:var(--aws-nav-2);}
body.aws #topbar .dd-menu{border-radius:4px;border:1px solid var(--aws-line-2);box-shadow:0 4px 12px rgba(0,28,36,.25);}

/* ── Left navigation (light, Cloudscape side-nav) ── */
body.aws #sidebar{width:280px;height:calc(100vh - 52px);background:#fff;border-right:1px solid var(--aws-line);}
body.aws #sidebar.collapsed{width:0;border-right:0;}
body.aws #logo-wrap{display:none;}
body.aws #sidebar nav{padding:12px 0;}
body.aws .section-label{font-size:14px;font-weight:700;color:var(--aws-text);text-transform:none;letter-spacing:0;padding:14px 20px 6px;}
body.aws .nav-item{color:#414d5c;font-size:14px;font-weight:400;border-radius:0;margin:0;padding:7px 20px 7px 20px;gap:10px;}
body.aws .nav-item svg{width:16px;height:16px;color:#687078;}
body.aws .nav-item:hover{background:#f2f8fd;color:var(--aws-link);}
body.aws .nav-item:hover svg{color:var(--aws-link);}
body.aws .nav-item.active{background:#f2f8fd;color:var(--aws-link);font-weight:700;box-shadow:none;}
body.aws .nav-item.active svg{color:var(--aws-link);}
body.aws .nav-item.active::before{left:0;top:0;bottom:0;width:4px;border-radius:0;background:var(--aws-link);}
body.aws #sidebar > .border-t{border-color:var(--aws-line) !important;}
body.aws .nav-badge{border-radius:4px;background:var(--aws-red);}
body.aws #sidebar .nav-label{white-space:nowrap;}

/* ── Content area ── */
body.aws #app > .flex-1{background:var(--aws-bg);}
body.aws .breadcrumb{background:transparent;border-bottom:0;padding:16px 32px 0;font-size:14px;color:var(--aws-muted);gap:8px;}
body.aws .breadcrumb .bc-home{color:var(--aws-link);font-weight:400;}
body.aws .breadcrumb .bc-home:hover{text-decoration:underline;}
body.aws .breadcrumb #breadcrumb-current{color:var(--aws-text);font-weight:400 !important;}
body.aws #app > .flex-1 > .flex-1.overflow-y-auto{padding:16px 32px 40px !important;}
body.aws .page h1{font-size:28px;line-height:1.2;font-weight:700;color:var(--aws-text) !important;letter-spacing:-.2px;}
body.aws .page h1 + p{color:var(--aws-muted) !important;font-size:14px;margin-top:6px;}
body.aws .page h2, body.aws .card-title{color:var(--aws-text);}

/* ── Containers (widgets/cards) ── */
body.aws .card{background:#fff;border:0;border-radius:8px;box-shadow:0 1px 1px 0 rgba(0,28,36,.3),1px 1px 1px 0 rgba(0,28,36,.15),-1px 1px 1px 0 rgba(0,28,36,.15);}
body.aws .card[style*="border-top"]{border-top:0 !important;}
body.aws .card-header{background:#fafafa;border-bottom:1px solid var(--aws-line);border-radius:8px 8px 0 0;padding:14px 20px;}
body.aws .card-title{font-size:18px;font-weight:700;letter-spacing:-.1px;}
body.aws .card.overflow-hidden{overflow:hidden;}

/* ── Buttons ── */
body.aws .btn{border-radius:4px;font-weight:700;font-size:14px;padding:6px 20px;line-height:20px;box-shadow:none;}
body.aws .btn-sm{padding:3px 12px;font-size:13px;line-height:18px;}
body.aws .btn-primary{background:var(--aws-orange);color:var(--aws-text);border:1px solid var(--aws-orange);}
body.aws .btn-primary:hover{background:#ffac31;border-color:#ffac31;box-shadow:none;}
body.aws .btn-ghost{background:#fff;color:var(--aws-text);border:1px solid #545b64;}
body.aws .btn-ghost:hover{background:#f2f3f3;border-color:#16191f;color:#16191f;}
body.aws .btn-danger{background:#fff;color:var(--aws-red);border:1px solid var(--aws-red);}
body.aws .btn-danger:hover{background:#fdf3f1;}
body.aws .btn[disabled],body.aws .btn:disabled{opacity:.45;cursor:not-allowed;}
body.aws .btn-icon{border-radius:4px;border:1px solid var(--aws-line-2);}
body.aws .toggle{background:#fff;border:1px solid #545b64;border-radius:4px;padding:2px;}
body.aws .toggle-btn{border-radius:3px;color:var(--aws-text);font-weight:600;}
body.aws .toggle-btn.active{background:var(--aws-link);color:#fff;box-shadow:none;}

/* ── Links (Tailwind blue/teal utilities → AWS link blue) ── */
body.aws a, body.aws .text-blue-500, body.aws .text-blue-600, body.aws .text-blue-700,
body.aws .text-teal-600, body.aws .text-teal-700{color:var(--aws-link);}
body.aws a:hover{color:var(--aws-link-h);}
body.aws #topbar a, body.aws .btn a{color:inherit;}
body.aws .text-slate-900,body.aws .text-slate-800{color:var(--aws-text) !important;}
body.aws .text-slate-500,body.aws .text-slate-400{color:var(--aws-muted) !important;}

/* ── Forms ── */
body.aws .inp{border:1px solid #8d99a8;border-radius:4px;padding:6px 12px;font-size:14px;color:var(--aws-text);background-color:#fff;}
body.aws select.inp{padding-right:32px;}
body.aws .inp:focus{border-color:var(--aws-link);box-shadow:0 0 0 1px var(--aws-link);}
body.aws .lbl{font-size:14px;font-weight:700;color:var(--aws-text);margin-bottom:4px;}
body.aws input[type=checkbox]{accent-color:var(--aws-link);}

/* ── Tables ── */
body.aws thead th{background:#fafafa;color:var(--aws-muted);font-size:13px;font-weight:700;text-transform:none;letter-spacing:0;border-bottom:1px solid var(--aws-line-2);padding:10px 16px;}
body.aws tbody tr{border-bottom:1px solid var(--aws-line);}
body.aws tbody tr:hover{background:#f9fafb;}
body.aws tbody td{padding:11px 16px;font-size:14px;color:var(--aws-text);}

/* ── Status badges (flat, Cloudscape-like) ── */
body.aws .badge{border-radius:4px;font-size:12px;font-weight:700;padding:2px 8px;border:1px solid transparent;}
body.aws .badge-green{background:#f2fcf3;color:var(--aws-green);border-color:#a8d7ab;}
body.aws .badge-red{background:#fff5f4;color:var(--aws-red);border-color:#f2b8ae;}
body.aws .badge-amber{background:#fffaf0;color:var(--aws-amber);border-color:#e9cf86;}
body.aws .badge-blue{background:#f2f8fd;color:var(--aws-link);border-color:#b5d4f0;}
body.aws .badge-slate{background:#f2f3f3;color:#414d5c;border-color:var(--aws-line-2);}

/* ── Modals / dropdowns / toast ── */
body.aws .modal-bg{background:rgba(0,7,22,.55);backdrop-filter:none;}
body.aws .modal{border-radius:8px;box-shadow:0 8px 24px rgba(0,28,36,.35);}
body.aws .modal-header{background:#fff;padding:16px 24px;}
body.aws .modal-title{font-size:20px;font-weight:700;color:var(--aws-text);}
body.aws .modal-footer{background:#fafafa;border-top:1px solid var(--aws-line);}
body.aws .dd-item:hover{background:#f2f8fd;color:var(--aws-link);}
body.aws #toast{background:#232f3e !important;border-radius:4px !important;border-left:4px solid var(--aws-orange);font-weight:400 !important;}
body.aws .rpt-item{border-radius:4px;}
body.aws .rpt-item.active{background:#f2f8fd;border-color:var(--aws-link);}
body.aws .skeleton{border-radius:2px;}

/* ===================================================================
   AWS "Console Home" widget grid (page-adminhome)
   =================================================================== */
.ah-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;}
.ah-head .btns{display:flex;gap:10px;flex-shrink:0;}
.ah-grid{display:grid;gap:20px;margin-bottom:20px;}
.ah-r1{grid-template-columns:1.5fr 1fr 1fr;}
.ah-r2{grid-template-columns:2.15fr 1fr;}
@media (max-width:1180px){.ah-r1,.ah-r2{grid-template-columns:1fr 1fr;}}
@media (max-width:760px){.ah-r1,.ah-r2{grid-template-columns:1fr;}}
.ah-w{background:#fff;border-radius:8px;display:flex;flex-direction:column;min-height:0;overflow:hidden;
  box-shadow:0 1px 1px 0 rgba(0,28,36,.3),1px 1px 1px 0 rgba(0,28,36,.15),-1px 1px 1px 0 rgba(0,28,36,.15);}
.ah-w-h{display:flex;align-items:center;gap:10px;padding:14px 20px;background:#fafafa;border-bottom:1px solid var(--aws-line);}
.ah-w-h .grip{color:#aab7b8;font-size:14px;letter-spacing:-2px;line-height:1;user-select:none;}
.ah-w-h h3{font-size:18px;font-weight:700;margin:0;color:var(--aws-text);}
.ah-w-h .sub{font-size:13px;color:var(--aws-muted);margin-left:auto;}
.ah-w-b{padding:8px 20px 16px;flex:1;}
.ah-w-f{border-top:1px solid var(--aws-line);padding:12px 20px;text-align:center;font-size:14px;}
.ah-w-f a,.ah-link{color:var(--aws-link);cursor:pointer;text-decoration:none;}
.ah-w-f a:hover,.ah-link:hover{text-decoration:underline;color:var(--aws-link-h);}
.ah-tools{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;}
.ah-tool{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--aws-line);cursor:pointer;font-size:14px;color:var(--aws-link);}
.ah-tool:hover span.t{text-decoration:underline;}
.ah-ico{width:26px;height:26px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;}
.ah-ico svg{width:15px;height:15px;}
.ah-stat-l{font-size:14px;color:var(--aws-muted);border-bottom:1px dashed #8d99a8;display:inline-block;}
.ah-big{font-size:48px;font-weight:700;line-height:1.1;margin:6px 0 10px;}
.ah-rows>div{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid var(--aws-line);font-size:14px;}
.ah-rows>div a,.ah-rows>div .lk{color:var(--aws-link);cursor:pointer;}
.ah-rows>div b{font-weight:700;}
.ah-note{font-size:13px;color:var(--aws-muted);margin-top:10px;line-height:1.6;}
.ah-hero-row{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--aws-line);}
.ah-hero-row:last-child{border-bottom:0;}
.ah-hero-row .ico{width:44px;height:44px;flex-shrink:0;border-radius:8px;background:#f2f8fd;color:var(--aws-link);display:flex;align-items:center;justify-content:center;}
.ah-hero-row .ico svg{width:24px;height:24px;}
.ah-hero-row a{font-size:16px;font-weight:700;color:var(--aws-link);cursor:pointer;}
.ah-hero-row p{font-size:14px;color:var(--aws-muted);margin:3px 0 0;line-height:1.45;}
.ah-traffic{display:grid;grid-template-columns:minmax(200px,.8fr) 1.6fr;gap:28px;align-items:stretch;}
.ah-kv{margin-bottom:16px;}
.ah-kv .k{font-size:14px;color:var(--aws-muted);}
.ah-kv .v{font-size:28px;font-weight:700;color:var(--aws-link);line-height:1.2;}
.ah-kv .d{font-size:13px;color:var(--aws-muted);}
.ah-chart{position:relative;min-height:230px;}
.ah-health .item{padding:14px 0;border-bottom:1px solid var(--aws-line);}
.ah-health .item:last-child{border-bottom:0;}
.ah-health .row{display:flex;justify-content:space-between;align-items:baseline;}
.ah-health .k{font-size:14px;color:var(--aws-muted);}
.ah-health .v{font-size:28px;font-weight:700;color:var(--aws-text);line-height:1.2;}
.ah-health .v.link{color:var(--aws-link);}
.ah-health .s{font-size:13px;color:var(--aws-muted);}
.ah-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle;}

/* ── Sign-in page (login.html) ── */
body.aws #login-page{background:var(--aws-bg);}
body.aws #login-page::before,body.aws #login-page::after{display:none;}
body.aws #login-page .card{border-radius:8px;padding:32px !important;border-top:4px solid var(--aws-nav);}
body.aws #login-page .text-white{color:var(--aws-text) !important;}
body.aws #login-page [style*="bae6fd"]{color:var(--aws-muted) !important;}
body.aws #login-page h2{font-size:24px;}
body.aws #login-page .btn-primary{padding:8px 20px;}
body.aws #login-page .bg-slate-50{background:#fafafa;border-radius:4px;}

/* ── fixes: top-bar text, breadcrumb on home, nav order, health widget ── */
body.aws #topbar #tb-username{color:#fff !important;}
body.aws #topbar #tb-role{color:#aab7b8 !important;}
body.aws #topbar .text-slate-400, body.aws #topbar .text-slate-500{color:#aab7b8 !important;}
body.aws .breadcrumb.is-home .bc-home, body.aws .breadcrumb.is-home > span:nth-child(2){display:none;}
body.aws #sidebar nav{display:flex;flex-direction:column;}
body.aws #admin-nav{order:1;}
body.aws #notetaker-nav{order:2;margin-top:6px;}
.ah-health .row{gap:12px;}
.ah-health .v{font-size:24px;min-width:0;}
.ah-health .s{text-align:right;overflow-wrap:anywhere;min-width:0;}

/* the freight-business Console Home must never render in the admin console */
body.aws #page-console{display:none !important;}