/* =========================================================
   Rabbit Workspace OS v140 — Command Driver Dashboard
   Home restyle based on the generated dashboard concept.
   Functional modules and routes remain unchanged.
   ========================================================= */

:root{
  --v140-ink:#122033;
  --v140-muted:#65748a;
  --v140-line:#dfe7ef;
  --v140-surface:#ffffff;
  --v140-soft:#f6f9fc;
  --v140-blue:#075fc8;
  --v140-teal:#039a83;
  --v140-green:#2bcf8a;
  --v140-sidebar-top:#087560;
  --v140-sidebar-bottom:#003b4a;
}

html,body{background:#f8fbfd!important;color:var(--v140-ink)!important}
body::before{
  content:"";
  position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:
    linear-gradient(rgba(92,120,148,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(92,120,148,.055) 1px,transparent 1px);
  background-size:42px 42px;
}

/* Shell */
.app{
  grid-template-columns:240px minmax(0,1fr) 292px!important;
  gap:0!important;
  background:transparent!important;
}
.main{padding:0 24px 28px!important;min-width:0!important;background:transparent!important}

/* Left sidebar */
.app > aside.sidebar,
.app > .sidebar,
aside.sidebar.rabbit-pro-sidebar{
  background:linear-gradient(180deg,var(--v140-sidebar-top) 0%,#05645d 45%,var(--v140-sidebar-bottom) 100%)!important;
  border:0!important;border-right:1px solid rgba(255,255,255,.15)!important;
  border-radius:0!important;box-shadow:16px 0 44px rgba(1,50,61,.16)!important;
  padding:16px 14px!important;color:#fff!important;
}
.sidebar::before,.sidebar::after{display:none!important}
.sidebar .brand{
  background:#fff!important;color:#102238!important;border:0!important;border-radius:13px!important;
  min-height:58px!important;padding:10px 12px!important;box-shadow:0 10px 30px rgba(0,28,42,.18)!important;
  display:grid!important;grid-template-columns:42px 1fr!important;align-items:center!important;gap:10px!important;
}
.sidebar .brand .logo{width:42px!important;height:42px!important;border-radius:11px!important;background:#ecf8f4!important}
.sidebar .brand strong{font-size:20px!important;line-height:1!important;letter-spacing:-.03em!important}
.sidebar .brand strong::after{content:"Command Driver CIS";display:block;margin-top:5px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#617085;font-weight:800}
.sidebar .nav{margin-top:28px!important}
.sidebar .rabbit-nav-group summary{color:rgba(255,255,255,.72)!important;font-size:10px!important;letter-spacing:.1em!important;text-transform:uppercase!important}
.sidebar .nav button{
  background:transparent!important;color:#fff!important;border:1px solid transparent!important;
  box-shadow:none!important;border-radius:10px!important;min-height:48px!important;padding:6px 10px!important;
}
.sidebar .nav button:hover{background:rgba(255,255,255,.10)!important}
.sidebar .nav button.active{background:rgba(255,255,255,.15)!important;border-color:rgba(255,255,255,.08)!important}
.sidebar .nav button.active::before{display:none!important}
.sidebar .nav button .rabbit-side-ico{
  width:34px!important;height:34px!important;min-width:34px!important;border:0!important;border-radius:10px!important;
  background:transparent!important;color:#fff!important;box-shadow:none!important;
}
.sidebar .nav button .rabbit-side-ico::before{filter:brightness(0) invert(1)!important;opacity:.96!important}
.sidebar .rabbit-nav-label{color:#fff!important;font-weight:760!important;font-size:14px!important}
.sidebar .rabbit-nav-badge{background:rgba(255,255,255,.16)!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important}
.rabbit-sidebar-logout{
  background:rgba(1,32,45,.28)!important;color:#fff!important;border:1px solid rgba(255,255,255,.65)!important;
  border-radius:10px!important;box-shadow:none!important;min-height:54px!important;font-weight:800!important;
}

/* Header */
.topbar.rabbit-pro-topbar,.topbar{
  position:sticky!important;top:0!important;z-index:350!important;
  margin:0 -24px 22px!important;padding:10px 18px!important;min-height:72px!important;
  border-radius:0!important;border:0!important;border-bottom:1px solid #e8edf3!important;
  background:rgba(255,255,255,.96)!important;box-shadow:0 5px 18px rgba(20,34,51,.045)!important;
  backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
  display:grid!important;grid-template-columns:minmax(250px,360px) minmax(320px,1fr) auto!important;gap:20px!important;align-items:center!important;
}
.rabbit-v140-topbar-title{display:flex;align-items:center;font-size:22px;font-weight:850;letter-spacing:-.035em;color:#111827;white-space:nowrap}
.topbar .search{width:100%!important;max-width:none!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.topbar .search input{height:46px!important;background:#fff!important;border:1px solid #cad5e0!important;border-radius:8px!important;box-shadow:0 2px 8px rgba(20,34,51,.03)!important;font-size:14px!important;padding-left:44px!important}
.topbar .search::before{left:15px!important;color:#748397!important}
.rabbit-topbar-user{justify-self:end!important;gap:10px!important}
.rabbit-admin-chip{background:transparent!important;border:0!important;box-shadow:none!important;padding:5px 8px!important}
.rabbit-avatar-dot{width:42px!important;height:42px!important;border-radius:50%!important;background:#e9eef2!important;color:#17304b!important}

/* Right sidebar */
.app > aside.rightbar,.rightbar.rabbit-v140-rightbar{
  background:#f7fafc!important;border:0!important;border-left:1px solid #e6edf3!important;border-radius:0!important;
  padding:18px 14px 96px!important;box-shadow:none!important;overflow-y:auto!important;
}
.rightbar::before,.rightbar::after{display:none!important}
.v140-side-card{background:#fff;border:1px solid var(--v140-line);border-radius:13px;padding:14px;margin-bottom:12px;box-shadow:0 8px 22px rgba(20,34,51,.055)}
.v140-side-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}
.v140-side-heading>div{min-width:0;flex:1}.v140-side-heading h3{margin:0;font-size:18px;letter-spacing:-.025em}.v140-side-heading p{margin:4px 0 0;color:var(--v140-muted);font-size:11px;line-height:1.35}
.v140-side-heading>button{border:0;background:#f4f7fa;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:800}
.v140-side-icon{width:24px;height:24px;display:grid;place-items:center;color:#07866f;font-size:20px;font-weight:900}
.v140-goal-list{display:grid}.v140-goal-list button{display:grid;grid-template-columns:24px 28px 1fr;align-items:center;gap:7px;border:0;border-top:1px solid #edf1f5;background:transparent;padding:11px 2px;text-align:left}
.v140-goal-list button:first-child{border-top:0}.v140-goal-list button span{font-size:17px}.v140-goal-list button b{font-size:16px}.v140-goal-list button small{font-size:12px;color:#334155}.v140-goal-list .green{color:#079874}.v140-goal-list .amber{color:#f59e0b}.v140-goal-list .blue{color:#2563eb}.v140-goal-list .violet{color:#7c3aed}
.v140-online-list{display:grid;gap:6px}.v140-online-list>button{display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:9px;border:0;border-top:1px solid #edf1f5;background:transparent;padding:9px 0;text-align:left}.v140-online-list>button:first-child{border-top:0}.v140-person-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dff5ef;color:#06775f;font-weight:850;overflow:hidden}.v140-person-avatar img{width:100%;height:100%;object-fit:cover}.v140-online-list b{display:block;font-size:12px}.v140-online-list small{display:block;font-size:10px;color:var(--v140-muted);margin-top:2px}.v140-online-list i{font-style:normal;color:#718096;font-size:18px}
.v140-quick-list{display:grid}.v140-quick-list button{display:grid;grid-template-columns:25px 1fr 16px;gap:8px;align-items:center;border:0;border-top:1px solid #edf1f5;background:transparent;padding:10px 0;text-align:left}.v140-quick-list button:first-child{border-top:0}.v140-quick-list button span{color:#086f79}.v140-quick-list button b{font-size:12px}.v140-quick-list button i{font-style:normal;color:#8794a5;font-size:18px}

/* Main generated dashboard */
#home.rabbit-v140-dashboard{width:100%;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important}
.v140-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.88fr);gap:18px;align-items:stretch}
.v140-hero-card,.v140-attention-card,.v140-mail-console{border:1px solid var(--v140-line);border-radius:13px;box-shadow:0 9px 25px rgba(20,34,51,.055)}
.v140-hero-card{position:relative;overflow:hidden;min-height:410px;padding:72px 34px 26px;background:linear-gradient(135deg,#0963c9 0%,#0395b1 45%,#42d88c 100%);color:#fff}
.v140-network{position:absolute;inset:0;opacity:.38;background-image:radial-gradient(circle at 20% 15%,rgba(255,255,255,.65) 0 2px,transparent 3px),radial-gradient(circle at 60% 22%,rgba(255,255,255,.5) 0 2px,transparent 3px),radial-gradient(circle at 82% 56%,rgba(255,255,255,.55) 0 2px,transparent 3px),linear-gradient(25deg,transparent 49.4%,rgba(255,255,255,.17) 50%,transparent 50.6%),linear-gradient(145deg,transparent 49.4%,rgba(255,255,255,.16) 50%,transparent 50.6%);background-size:190px 150px,240px 180px,210px 170px,170px 130px,210px 160px}
.v140-kicker{position:relative;z-index:1;text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:850;color:#dff7ff}
.v140-hero-card h1{position:relative;z-index:1;margin:14px 0 14px;font-size:clamp(43px,4vw,68px);line-height:.98;letter-spacing:-.055em;color:#fff;max-width:650px}
.v140-hero-card p{position:relative;z-index:1;max-width:630px;margin:0;font-size:16px;line-height:1.48;color:rgba(255,255,255,.94)}
.v140-hero-actions{position:absolute;z-index:2;left:34px;right:34px;bottom:26px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.v140-hero-actions button{min-height:50px;border:1px solid rgba(255,255,255,.74);border-radius:8px;background:rgba(2,66,104,.28);color:#fff;font-weight:780;backdrop-filter:blur(8px)}.v140-hero-actions button:hover{background:rgba(255,255,255,.18)}

.v140-attention-card{background:#fff;padding:24px 20px 18px;min-width:0}.v140-section-kicker{text-transform:uppercase;letter-spacing:.08em;color:#08785f;font-size:10px;font-weight:900}.v140-attention-card h2{margin:8px 0 5px;font-size:28px;letter-spacing:-.04em}.v140-attention-card>p{margin:0 0 12px;color:var(--v140-muted);font-size:13px}
.v140-attention-list{display:grid}.v140-attention-row{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:11px;border:0;border-top:1px solid #e8edf2;background:transparent;padding:10px 2px;text-align:left}.v140-attention-row:first-child{border-top:0}.v140-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#e5f4ff;color:#0867a9;font-weight:850}.v140-avatar img{width:100%;height:100%;object-fit:cover}.v140-attention-row>span:nth-child(2){min-width:0}.v140-attention-row b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v140-attention-row small,.v140-attention-row em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v140-attention-row small{font-size:12px;color:#39485a;margin-top:2px}.v140-attention-row em{font-style:normal;font-size:10px;color:#7b8796;margin-top:2px}.v140-attention-row>i{font-style:normal;font-size:10px;font-weight:850;padding:5px 8px;border-radius:5px}.v140-attention-row.green>i{background:#e8f8ee;color:#188748;border:1px solid #a8e0b8}.v140-attention-row.amber>i{background:#fff5dd;color:#c47600;border:1px solid #f6c865}.v140-attention-row.blue>i{background:#eaf2ff;color:#165fc5;border:1px solid #a9c7f4}.v140-attention-row.violet>i{background:#f3eaff;color:#7d3fc2;border:1px solid #cfb4ef}
.v140-attention-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.v140-attention-actions button{min-height:44px;border:1px solid #96acd1;border-radius:7px;background:#fff;color:#1c5eb7;font-size:12px;font-weight:800}.v140-attention-actions button:hover{background:#f4f8fd}

.v140-mail-console{margin-top:18px;background:#fff;padding:18px 18px 14px}.v140-mail-console>header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.v140-mail-console>header h2{margin:0;font-size:25px;letter-spacing:-.035em}.v140-mail-console>header p{margin:4px 0 0;color:var(--v140-muted);font-size:12px}.v140-mail-console>header button{border:0;background:transparent;font-size:22px;color:#627286}
.v140-mail-split{display:grid;grid-template-columns:42% 58%;border:1px solid var(--v140-line);border-radius:10px;overflow:hidden;min-height:350px}.v140-mail-list{background:#fbfcfe;border-right:1px solid var(--v140-line);padding:0}.v140-mail-list-head{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;padding:12px 14px;background:#fff;border-bottom:1px solid var(--v140-line);font-size:12px}.v140-mail-list-head span{color:#d94729;font-size:18px}.v140-mail-list-head i{font-style:normal;color:#64748b;font-size:10px}.v140-mail-row{width:100%;display:grid;grid-template-columns:38px 1fr auto auto;align-items:center;gap:9px;border:0;border-bottom:1px solid #e8edf2;background:#fff;padding:9px 12px;text-align:left}.v140-mail-row.selected{background:#eaf4ff}.v140-mail-row .v140-avatar{width:34px;height:34px;font-size:11px}.v140-mail-row span:nth-child(2){min-width:0}.v140-mail-row b,.v140-mail-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v140-mail-row b{font-size:12px}.v140-mail-row small{font-size:10px;color:#64748b;margin-top:2px}.v140-mail-row time{font-size:10px;color:#64748b}.v140-mail-row>em{font-style:normal;font-size:10px;padding:4px 8px;border-radius:5px}.v140-mail-row>em.high{color:#c4382c;background:#fee6e2;border:1px solid #f4a097}.v140-mail-row>em.medium{color:#b66a00;background:#fff2d8;border:1px solid #f6c36a}.v140-mail-row>em.low{color:#2d7b48;background:#e6f6eb;border:1px solid #9cd3aa}.v140-view-all{width:100%;border:0;background:#fff;padding:12px 14px;text-align:left;color:#1768ce;font-size:12px;font-weight:750;display:flex;justify-content:space-between}
.v140-mail-detail{padding:16px 18px;background:#fff}.v140-mail-detail h3{margin:0 0 15px;padding-bottom:12px;border-bottom:1px solid var(--v140-line);font-size:17px;letter-spacing:-.02em}.v140-mail-detail h3 small{font-size:12px;color:#66758a}.v140-task-extract{display:grid;gap:7px;font-size:12px}.v140-task-extract>b{margin-bottom:2px}.v140-task-extract label{display:flex;align-items:center;gap:7px}.v140-task-extract input{width:14px;height:14px}.v140-quick-reply{display:grid;gap:7px;margin-top:14px;font-size:12px}.v140-quick-reply textarea{min-height:82px;border:1px solid #abb7c5;border-radius:6px;background:#fff;padding:10px;font:inherit;resize:vertical}.v140-mail-actions{display:grid;grid-template-columns:1.25fr 1fr .9fr;gap:8px;margin-top:12px}.v140-mail-actions button{min-height:42px;border:1px solid #9aa8b9;border-radius:6px;background:#fff;color:#213044;font-size:11px;font-weight:800}.v140-mail-actions .primary{background:#1065db;border-color:#1065db;color:#fff}

/* Floating dock closer to reference */
#rabbitUnifiedHub{right:22px!important;bottom:22px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
#rabbitHubMain,#rabbitHubChat{width:58px!important;height:58px!important;border-radius:50%!important}

/* Hide old home blocks if they are reinserted by legacy observers */
#home.rabbit-v140-dashboard > #homeLauncherCards,
#home.rabbit-v140-dashboard .rabbit-macro-grid,
#home.rabbit-v140-dashboard .home-launcher-shell{display:none!important}

@media(max-width:1260px){
 .app{grid-template-columns:220px minmax(0,1fr) 270px!important}
 .v140-dashboard-grid{grid-template-columns:1fr!important}
 .v140-hero-card{min-height:370px}
}

@media(max-width:1180px){
 .app{display:block!important}.main{padding:0 14px 90px!important}
 .topbar.rabbit-pro-topbar,.topbar{margin:0 -14px 16px!important;grid-template-columns:48px minmax(0,1fr) auto!important;gap:8px!important;padding:9px 12px!important}
 .rabbit-v140-topbar-title{display:none!important}
 .v140-dashboard-grid{grid-template-columns:1fr!important}.v140-hero-card{min-height:420px}.v140-mail-split{grid-template-columns:1fr!important}.v140-mail-list{border-right:0;border-bottom:1px solid var(--v140-line)}
 #mobileDrawer .mobile-drawer-panel{background:linear-gradient(180deg,var(--v140-sidebar-top),var(--v140-sidebar-bottom))!important;color:#fff!important}
}

@media(max-width:640px){
 .main{padding-left:10px!important;padding-right:10px!important}
 .v140-hero-card,.v140-attention-card,.v140-mail-console{border-radius:18px}
 .v140-hero-card{min-height:520px;padding:54px 22px 22px}.v140-hero-card h1{font-size:44px}.v140-hero-card p{font-size:15px}.v140-hero-actions{left:22px;right:22px;bottom:22px;grid-template-columns:1fr 1fr}.v140-hero-actions button{min-height:46px}
 .v140-attention-card{padding:20px 16px}.v140-attention-actions{grid-template-columns:1fr}.v140-mail-console{padding:15px 12px}.v140-mail-detail{padding:15px 12px}.v140-mail-actions{grid-template-columns:1fr}.v140-mail-row{grid-template-columns:36px 1fr auto}.v140-mail-row time{display:none}.v140-mail-row>em{grid-column:3}
}
