/* V33.4B dashboard module: consolidated page-specific styles. */

/* Consolidated from dosab-cockpit.css. */
/* Stage DOSAB-BRANDING-2 · Ana Sayfa Teknolojik Operasyon Kokpiti */

/* Sadece index.html içinde çalışır. Diğer sayfalara ve İş Havuzu layoutuna dokunmaz. */



body.dosab-cockpit-page main,

body.dosab-cockpit-page .main,

body.dosab-cockpit-page .content,

body.dosab-cockpit-page .page-content{

  max-width:1760px !important;

}



.dosab-home-legacy-hidden{

  display:none !important;

}



.dosab-cockpit{

  --c-green:#0a8f43;

  --c-green-dark:#075f32;

  --c-green-soft:#eaf8ef;

  --c-lime:#23d36b;

  --c-ink:#101a14;

  --c-muted:#637267;

  --c-line:#d6eadf;

  --c-bg:#f5faf7;

  --c-card:#ffffff;

  --c-warn:#f59e0b;

  --c-danger:#dc2626;

  --c-info:#2563eb;

  --c-purple:#7c3aed;



  width:100%;

  max-width:1720px;

  margin:0 auto;

  padding:18px 18px 28px;

  color:var(--c-ink);

  box-sizing:border-box;

}



.dosab-cockpit *,

.dosab-cockpit *::before,

.dosab-cockpit *::after{

  box-sizing:border-box;

}



.dosab-cockpit a{

  color:inherit;

  text-decoration:none;

}



.dc-hero{

  position:relative;

  overflow:hidden;

  border-radius:28px;

  min-height:0;

  padding:16px 22px;

  color:#fff;

  background:

    radial-gradient(circle at 76% 22%, rgba(35,211,107,.30), transparent 28%),

    radial-gradient(circle at 18% 12%, rgba(255,255,255,.14), transparent 26%),

    linear-gradient(135deg,#062719 0%,#0a5d32 48%,#05301f 100%);

  box-shadow:0 24px 70px rgba(5,48,31,.26);

  border:1px solid rgba(255,255,255,.14);

}



.dc-hero::before{

  content:"";

  position:absolute;

  inset:0;

  background:

    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),

    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);

  background-size:42px 42px;

  mask-image:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.1));

  pointer-events:none;

}



.dc-hero::after{

  content:"";

  position:absolute;

  right:-80px;

  top:-130px;

  width:430px;

  height:430px;

  border-radius:999px;

  border:1px solid rgba(255,255,255,.14);

  box-shadow:

    0 0 0 55px rgba(255,255,255,.03),

    0 0 0 110px rgba(255,255,255,.025),

    0 0 0 165px rgba(255,255,255,.018);

  pointer-events:none;

}



.dc-hero-main{

  position:relative;

  z-index:2;

  display:grid;

  grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);

  gap:22px;

  align-items:stretch;

}



.dc-eyebrow-logo{

  width:18px;

  height:18px;

  object-fit:contain;

  border-radius:4px;

  background:#fff;

  padding:2px;

}

.dc-eyebrow{

  display:inline-flex;

  align-items:center;

  gap:8px;

  padding:7px 11px;

  border-radius:999px;

  background:rgba(255,255,255,.10);

  border:1px solid rgba(255,255,255,.16);

  color:#d9fce4;

  font-size:12px;

  font-weight:900;

  letter-spacing:.04em;

  text-transform:uppercase;

}



.dc-dot{

  width:9px;

  height:9px;

  border-radius:999px;

  background:var(--c-lime);

  box-shadow:0 0 0 6px rgba(35,211,107,.12), 0 0 24px rgba(35,211,107,.9);

}



.dc-hero h1{

  margin:17px 0 10px;

  max-width:880px;

  font-size:clamp(32px,4vw,58px);

  line-height:.98;

  letter-spacing:-.045em;

  font-weight:950;

}



.dc-hero p{

  margin:0;

  max-width:760px;

  color:#d9f6e3;

  font-size:15px;

  line-height:1.55;

  font-weight:750;

}



.dc-hero-actions{

  display:flex;

  flex-wrap:wrap;

  gap:10px;

  margin-top:20px;

}



.dc-btn{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:9px;

  min-height:42px;

  padding:10px 14px;

  border-radius:14px;

  border:1px solid rgba(255,255,255,.18);

  background:rgba(255,255,255,.10);

  color:#fff;

  font-weight:900;

  font-size:13px;

  cursor:pointer;

  transition:transform .16s ease, box-shadow .16s ease, background .16s ease;

}



.dc-btn:hover{

  transform:translateY(-1px);

  box-shadow:0 14px 28px rgba(0,0,0,.18);

}



.dc-btn.primary{

  background:linear-gradient(135deg,#22c55e,#0a8f43);

  border-color:rgba(255,255,255,.18);

}



.dc-btn.light{

  background:#fff;

  color:#08301f;

  border-color:#fff;

}



.dc-live-panel{

  position:relative;

  border-radius:24px;

  padding:18px;

  background:rgba(255,255,255,.10);

  border:1px solid rgba(255,255,255,.16);

  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);

  backdrop-filter:blur(12px);

}



.dc-live-top{

  display:flex;

  justify-content:space-between;

  align-items:flex-start;

  gap:14px;

  margin-bottom:14px;

}



.dc-live-title{

  font-weight:950;

  font-size:16px;

}



.dc-live-sub{

  margin-top:4px;

  color:#d9f6e3;

  font-size:12px;

  font-weight:800;

}



.dc-clock{

  text-align:right;

  font-weight:950;

  font-size:24px;

  letter-spacing:-.04em;

}



.dc-date{

  color:#d9f6e3;

  font-size:11px;

  font-weight:850;

  margin-top:2px;

}



.dc-radar{

  position:relative;

  min-height:128px;

  margin:12px 0 8px;

  border-radius:22px;

  background:

    radial-gradient(circle at center, rgba(35,211,107,.22) 0 2px, transparent 3px),

    radial-gradient(circle at center, transparent 0 28px, rgba(255,255,255,.10) 29px 30px, transparent 31px 56px, rgba(255,255,255,.08) 57px 58px, transparent 59px 84px, rgba(255,255,255,.06) 85px 86px, transparent 87px),

    linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));

  overflow:hidden;

}



.dc-radar::before{

  content:"";

  position:absolute;

  left:50%;

  top:50%;

  width:190px;

  height:190px;

  transform-origin:left top;

  background:conic-gradient(from 0deg, rgba(35,211,107,.46), transparent 55deg);

  animation:dcSweep 4.8s linear infinite;

}



@keyframes dcSweep{

  from{ transform:rotate(0deg); }

  to{ transform:rotate(360deg); }

}



.dc-node{

  position:absolute;

  width:12px;

  height:12px;

  border-radius:999px;

  background:#23d36b;

  box-shadow:0 0 0 7px rgba(35,211,107,.14), 0 0 22px rgba(35,211,107,.75);

}



.dc-node.n1{ left:20%; top:28%; }

.dc-node.n2{ left:61%; top:22%; }

.dc-node.n3{ left:74%; top:62%; }

.dc-node.n4{ left:34%; top:68%; }



.dc-status-line{

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:8px;

}



.dc-mini-status{

  border-radius:14px;

  padding:10px;

  background:rgba(255,255,255,.09);

  border:1px solid rgba(255,255,255,.12);

}



.dc-mini-status b{

  display:block;

  font-size:18px;

  line-height:1;

}



.dc-mini-status span{

  display:block;

  margin-top:4px;

  color:#d9f6e3;

  font-size:10px;

  font-weight:850;

}



.dc-section{

  margin-top:18px;

}



.dc-kpis{

  display:grid;

  grid-template-columns:repeat(6,minmax(0,1fr));

  gap:12px;

}



.dc-kpi{

  position:relative;

  overflow:hidden;

  border-radius:22px;

  padding:17px;

  min-height:122px;

  background:#fff;

  border:1px solid var(--c-line);

  box-shadow:0 14px 36px rgba(10,143,67,.07);
  display:block;
  text-decoration:none;
  color:inherit;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.dc-kpi:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(15,23,42,.12);
}

.dc-kpi:focus-visible{
  outline:3px solid #0a8f43;
  outline-offset:3px;
}




.dc-kpi::after{

  content:"";

  position:absolute;

  right:-32px;

  top:-36px;

  width:105px;

  height:105px;

  border-radius:999px;

  background:var(--accent-soft,#eaf8ef);

}



.dc-kpi-top{

  position:relative;

  z-index:2;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:10px;

}



.dc-kpi-icon{

  width:42px;

  height:42px;

  border-radius:15px;

  display:grid;

  place-items:center;

  background:var(--accent-soft,#eaf8ef);

  color:var(--accent,#0a8f43);

  font-size:20px;

}



.dc-kpi-trend{

  padding:5px 8px;

  border-radius:999px;

  color:var(--accent,#0a8f43);

  background:var(--accent-soft,#eaf8ef);

  font-size:11px;

  font-weight:950;

}



.dc-kpi-value{

  position:relative;

  z-index:2;

  margin-top:15px;

  font-size:34px;

  line-height:1;

  font-weight:950;

  letter-spacing:-.04em;

}



.dc-kpi-label{

  position:relative;

  z-index:2;

  margin-top:6px;

  color:var(--c-muted);

  font-size:12px;

  font-weight:900;

}



.dc-grid{

  display:grid;

  grid-template-columns:minmax(0,1.55fr) minmax(360px,.75fr);

  gap:16px;

  align-items:start;

}



.dc-card{

  background:#fff;

  border:1px solid var(--c-line);

  border-radius:24px;

  box-shadow:0 14px 36px rgba(10,143,67,.07);

  overflow:hidden;

}



.dc-card-head{

  display:flex;

  justify-content:space-between;

  align-items:flex-start;

  gap:12px;

  padding:18px 18px 12px;

  border-bottom:1px solid #eef5f0;

}



.dc-card-title{

  font-size:16px;

  font-weight:950;

  letter-spacing:-.02em;

}



.dc-card-sub{

  margin-top:4px;

  color:var(--c-muted);

  font-size:12px;

  font-weight:800;

}



.dc-pill{

  display:inline-flex;

  align-items:center;

  gap:6px;

  padding:6px 9px;

  border-radius:999px;

  background:var(--c-green-soft);

  color:var(--c-green-dark);

  border:1px solid #bfebcf;

  font-size:11px;

  font-weight:950;

  white-space:nowrap;

}



.dc-command-grid{

  display:grid;

  grid-template-columns:repeat(3,minmax(0,1fr));

  gap:12px;

  padding:16px;

}



.dc-command{

  position:relative;

  min-height:128px;

  border-radius:20px;

  padding:15px;

  border:1px solid #e2f0e7;

  background:

    linear-gradient(135deg,#fff,#f7fcf9);

  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;

}



.dc-command:hover{

  transform:translateY(-2px);

  border-color:#bfe8cf;

  box-shadow:0 18px 38px rgba(10,143,67,.10);

}



.dc-command-icon{

  width:42px;

  height:42px;

  border-radius:16px;

  display:grid;

  place-items:center;

  background:var(--c-green-soft);

  color:var(--c-green-dark);

  font-size:20px;

  margin-bottom:12px;

}



.dc-command b{

  display:block;

  font-size:14px;

  font-weight:950;

}



.dc-command span{

  display:block;

  margin-top:6px;

  color:var(--c-muted);

  font-size:12px;

  font-weight:750;

  line-height:1.35;

}



.dc-flow{

  padding:14px 16px 16px;

}



.dc-flow-item{

  display:grid;

  grid-template-columns:42px minmax(0,1fr) auto;

  gap:12px;

  align-items:start;

  padding:13px 0;

  border-bottom:1px solid #eef5f0;

}



.dc-flow-item:last-child{

  border-bottom:0;

}



.dc-flow-icon{

  width:38px;

  height:38px;

  border-radius:14px;

  display:grid;

  place-items:center;

  background:var(--tone-bg,#eaf8ef);

  color:var(--tone,#0a8f43);

  font-size:18px;

}



.dc-flow-title{

  font-size:13px;

  font-weight:950;

}



.dc-flow-desc{

  margin-top:4px;

  color:var(--c-muted);

  font-size:12px;

  line-height:1.35;

  font-weight:750;

}



.dc-flow-time{

  color:#8a9b90;

  font-size:11px;

  font-weight:900;

  white-space:nowrap;

}



.dc-map{

  padding:16px;

}



.dc-zone{

  position:relative;

  min-height:285px;

  border-radius:22px;

  overflow:hidden;

  background:

    linear-gradient(rgba(10,143,67,.055) 1px, transparent 1px),

    linear-gradient(90deg, rgba(10,143,67,.055) 1px, transparent 1px),

    radial-gradient(circle at 50% 50%, #ffffff, #f1faf5);

  background-size:26px 26px,26px 26px,auto;

  border:1px solid #dceee4;

}



.dc-zone::before{

  content:"";

  position:absolute;

  inset:30px;

  border:2px dashed rgba(10,143,67,.22);

  border-radius:32px;

}



.dc-zone-core{

  position:absolute;

  left:50%;

  top:50%;

  transform:translate(-50%,-50%);

  width:118px;

  height:118px;

  border-radius:34px;

  display:grid;

  place-items:center;

  text-align:center;

  background:linear-gradient(135deg,#0a8f43,#075f32);

  color:#fff;

  box-shadow:0 22px 50px rgba(10,143,67,.28);

  font-weight:950;

  line-height:1.05;

}



.dc-zone-chip{

  position:absolute;

  display:inline-flex;

  align-items:center;

  gap:7px;

  padding:9px 11px;

  border-radius:999px;

  background:#fff;

  border:1px solid #d6eadf;

  box-shadow:0 12px 28px rgba(10,143,67,.09);

  color:#203127;

  font-size:12px;

  font-weight:950;

}



.dc-zone-chip i{

  width:9px;

  height:9px;

  border-radius:999px;

  background:#23d36b;

  box-shadow:0 0 0 5px rgba(35,211,107,.13);

}



.dc-zone-chip.z1{ left:8%; top:14%; }

.dc-zone-chip.z2{ right:9%; top:17%; }

.dc-zone-chip.z3{ left:11%; bottom:15%; }

.dc-zone-chip.z4{ right:10%; bottom:17%; }

.dc-zone-chip.z5{ left:40%; top:8%; }

.dc-zone-chip.z6{ left:41%; bottom:8%; }



.dc-health{

  padding:16px;

  display:grid;

  gap:10px;

}



.dc-health-row{

  display:grid;

  grid-template-columns:1fr auto;

  gap:12px;

  align-items:center;

  padding:12px;

  border-radius:16px;

  background:#f8fcfa;

  border:1px solid #e2f0e7;

}



.dc-health-name{

  display:flex;

  align-items:center;

  gap:10px;

  font-size:13px;

  font-weight:950;

}



.dc-health-dot{

  width:11px;

  height:11px;

  border-radius:999px;

  background:#23d36b;

  box-shadow:0 0 0 6px rgba(35,211,107,.12);

}



.dc-health-dot.warn{

  background:#f59e0b;

  box-shadow:0 0 0 6px rgba(245,158,11,.12);

}



.dc-health-dot.err{

  background:#dc2626;

  box-shadow:0 0 0 6px rgba(220,38,38,.12);

}



.dc-health-state{

  font-size:11px;

  font-weight:950;

  color:var(--c-green-dark);

}



.dc-health-state.warn{ color:#b45309; }

.dc-health-state.err{ color:#991b1b; }



.dc-footer-strip{

  display:grid;

  grid-template-columns:repeat(3,minmax(0,1fr));

  gap:12px;

}



.dc-alert{

  border-radius:22px;

  padding:16px;

  border:1px solid var(--line,#d6eadf);

  background:var(--bg,#fff);

  box-shadow:0 12px 30px rgba(10,143,67,.06);

}



.dc-alert b{

  display:flex;

  align-items:center;

  gap:8px;

  font-size:14px;

  font-weight:950;

}



.dc-alert span{

  display:block;

  margin-top:7px;

  color:var(--c-muted);

  font-size:12px;

  font-weight:750;

  line-height:1.4;

}



@media(max-width:1380px){

  .dc-kpis{

    grid-template-columns:repeat(3,minmax(0,1fr));

  }



  .dc-command-grid{

    grid-template-columns:repeat(2,minmax(0,1fr));

  }

}



@media(max-width:1080px){

  .dosab-cockpit{

    padding:12px 10px 22px;

  }



  .dc-hero-main,

  .dc-grid{

    grid-template-columns:1fr;

  }



  .dc-hero{

    padding:20px;

  }



  .dc-footer-strip{

    grid-template-columns:1fr;

  }

}



@media(max-width:720px){

  .dc-kpis,

  .dc-command-grid{

    grid-template-columns:1fr;

  }



  .dc-status-line{

    grid-template-columns:1fr;

  }



  .dc-flow-item{

    grid-template-columns:38px minmax(0,1fr);

  }



  .dc-flow-time{

    grid-column:2;

  }



  .dc-zone{

    min-height:340px;

  }



  .dc-zone-chip{

    position:static;

    margin:8px;

  }



  .dc-zone-core{

    position:relative;

    left:auto;

    top:auto;

    transform:none;

    margin:22px auto;

  }

}

/* Consolidated from dosab-cockpit-live.css. */
/* Stage DOSAB-BRANDING-2.1 · Kokpit canlı veri bağlantısı */



.dcl-panel{

  margin-top:18px;

  display:grid;

  grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);

  gap:16px;

  align-items:start;

}



.dcl-card{

  background:#fff;

  border:1px solid #d8eadf;

  border-radius:24px;

  box-shadow:0 14px 36px rgba(10,143,67,.07);

  overflow:hidden;

}



.dcl-head{

  display:flex;

  align-items:flex-start;

  justify-content:space-between;

  gap:12px;

  padding:18px 18px 12px;

  border-bottom:1px solid #eef5f0;

}



.dcl-title{

  font-size:16px;

  font-weight:950;

  color:#17211c;

  letter-spacing:-.02em;

}



.dcl-sub{

  margin-top:4px;

  color:#607066;

  font-size:12px;

  font-weight:800;

  line-height:1.35;

}



.dcl-pill{

  display:inline-flex;

  align-items:center;

  gap:7px;

  padding:6px 9px;

  border-radius:999px;

  background:#eaf8ef;

  color:#08753a;

  border:1px solid #bfe8cf;

  font-size:11px;

  font-weight:950;

  white-space:nowrap;

}



.dcl-pill.warn{

  background:#fff7ed;

  color:#b45309;

  border-color:#fed7aa;

}



.dcl-pill.err{

  background:#fef2f2;

  color:#991b1b;

  border-color:#fecaca;

}



.dcl-body{

  padding:16px;

}



.dcl-status-grid{

  display:grid;

  grid-template-columns:repeat(4,minmax(0,1fr));

  gap:10px;

}



.dcl-status{

  border-radius:18px;

  padding:13px;

  background:#f8fcfa;

  border:1px solid #e2f0e7;

}



.dcl-status b{

  display:block;

  font-size:25px;

  line-height:1;

  color:#17211c;

  font-weight:950;

  letter-spacing:-.04em;

}



.dcl-status span{

  display:block;

  margin-top:7px;

  color:#607066;

  font-size:11px;

  font-weight:900;

}



.dcl-status.ok{

  background:#eaf8ef;

  border-color:#bfe8cf;

}



.dcl-status.warn{

  background:#fff7ed;

  border-color:#fed7aa;

}



.dcl-status.danger{

  background:#fef2f2;

  border-color:#fecaca;

}



.dcl-list{

  display:grid;

  gap:10px;

}



.dcl-job{

  display:grid;

  grid-template-columns:minmax(0,1fr) auto;

  gap:12px;

  align-items:start;

  padding:12px;

  border-radius:18px;

  background:#f8fcfa;

  border:1px solid #e2f0e7;

}



.dcl-job-title{

  font-size:13px;

  font-weight:950;

  color:#17211c;

  line-height:1.25;

}



.dcl-job-meta{

  margin-top:5px;

  color:#607066;

  font-size:11px;

  font-weight:800;

  line-height:1.35;

}



.dcl-job-tags{

  display:flex;

  flex-wrap:wrap;

  gap:6px;

  margin-top:8px;

}



.dcl-tag{

  display:inline-flex;

  padding:5px 7px;

  border-radius:999px;

  font-size:10px;

  font-weight:950;

  background:#eaf8ef;

  color:#08753a;

  border:1px solid #bfe8cf;

}



.dcl-tag.warn{

  background:#fff7ed;

  color:#b45309;

  border-color:#fed7aa;

}



.dcl-tag.danger{

  background:#fef2f2;

  color:#991b1b;

  border-color:#fecaca;

}



.dcl-job-action{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  min-height:32px;

  padding:7px 9px;

  border-radius:12px;

  background:linear-gradient(135deg,#0a8f43,#08753a);

  color:#fff;

  font-size:11px;

  font-weight:950;

  white-space:nowrap;

}



.dcl-source{

  display:grid;

  grid-template-columns:minmax(0,1fr) auto;

  gap:12px;

  align-items:center;

  padding:11px 0;

  border-bottom:1px solid #eef5f0;

}



.dcl-source:last-child{

  border-bottom:0;

}



.dcl-source-name{

  display:flex;

  align-items:center;

  gap:9px;

  font-size:13px;

  font-weight:950;

  color:#17211c;

}



.dcl-dot{

  width:10px;

  height:10px;

  border-radius:999px;

  background:#23d36b;

  box-shadow:0 0 0 6px rgba(35,211,107,.12);

}



.dcl-dot.warn{

  background:#f59e0b;

  box-shadow:0 0 0 6px rgba(245,158,11,.12);

}



.dcl-dot.err{

  background:#dc2626;

  box-shadow:0 0 0 6px rgba(220,38,38,.12);

}



.dcl-source-state{

  font-size:11px;

  font-weight:950;

  color:#08753a;

}



.dcl-source-state.warn{

  color:#b45309;

}



.dcl-source-state.err{

  color:#991b1b;

}



.dcl-empty{

  border-radius:18px;

  padding:18px;

  background:#f8fcfa;

  border:1px dashed #cfe7d7;

  color:#607066;

  font-size:13px;

  font-weight:850;

  line-height:1.45;

}



.dcl-refresh-line{

  margin-top:12px;

  color:#607066;

  font-size:11px;

  font-weight:850;

}



@media(max-width:1280px){

  .dcl-status-grid{

    grid-template-columns:repeat(2,minmax(0,1fr));

  }

}



@media(max-width:1080px){

  .dcl-panel{

    grid-template-columns:1fr;

  }

}



@media(max-width:680px){

  .dcl-status-grid{

    grid-template-columns:1fr;

  }



  .dcl-job{

    grid-template-columns:1fr;

  }



  .dcl-job-action{

    width:max-content;

  }

}

/* Consolidated from dosab-cockpit-realtime.css. */
.dcr-ok{background:#eaf8ef!important;color:#08753a!important;border-color:#bfe8cf!important}

.dcr-warn{background:#fff7ed!important;color:#b45309!important;border-color:#fed7aa!important}

.dcr-err{background:#fef2f2!important;color:#991b1b!important;border-color:#fecaca!important}

.dcl-job-meta small{display:block;margin-top:3px;color:#7b8d82;font-weight:800}

/* Consolidated from dosab-cockpit-analytics.css. */
/* Stage DOSAB-BRANDING-2.4 · Yönetici Analitik Kokpit */



.dca-wrap{

  margin-top:18px;

  display:grid;

  gap:16px;

}



.dca-grid{

  display:grid;

  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);

  gap:16px;

  align-items:stretch;

}



.dca-card{

  background:#fff;

  border:1px solid #d8eadf;

  border-radius:24px;

  box-shadow:0 14px 36px rgba(10,143,67,.07);

  overflow:hidden;

}



.dca-head{

  display:flex;

  align-items:flex-start;

  justify-content:space-between;

  gap:12px;

  padding:18px 18px 12px;

  border-bottom:1px solid #eef5f0;

}



.dca-title{

  font-size:16px;

  font-weight:950;

  color:#17211c;

  letter-spacing:-.02em;

}



.dca-sub{

  margin-top:4px;

  color:#607066;

  font-size:12px;

  font-weight:800;

  line-height:1.35;

}



.dca-body{

  padding:16px;

}



.dca-pill{

  display:inline-flex;

  align-items:center;

  gap:7px;

  padding:6px 9px;

  border-radius:999px;

  background:#eaf8ef;

  color:#08753a;

  border:1px solid #bfe8cf;

  font-size:11px;

  font-weight:950;

  white-space:nowrap;

}



.dca-pill.warn{

  background:#fff7ed;

  color:#b45309;

  border-color:#fed7aa;

}



.dca-pill.danger{

  background:#fef2f2;

  color:#991b1b;

  border-color:#fecaca;

}



.dca-score-area{

  display:grid;

  grid-template-columns:170px minmax(0,1fr);

  gap:16px;

  align-items:center;

}



.dca-gauge{

  --score:0;

  --gauge:#0a8f43;

  width:154px;

  height:154px;

  border-radius:999px;

  display:grid;

  place-items:center;

  background:

    radial-gradient(circle at center,#fff 0 58%,transparent 59%),

    conic-gradient(var(--gauge) calc(var(--score) * 1%), #e7f2eb 0);

  box-shadow:inset 0 0 0 1px #d8eadf, 0 18px 35px rgba(10,143,67,.10);

}



.dca-gauge strong{

  display:block;

  font-size:36px;

  line-height:1;

  font-weight:950;

  letter-spacing:-.05em;

  color:#17211c;

  text-align:center;

}



.dca-gauge span{

  display:block;

  margin-top:4px;

  color:#607066;

  font-size:11px;

  font-weight:900;

  text-align:center;

}



.dca-reasons{

  display:grid;

  gap:9px;

}



.dca-reason{

  display:flex;

  gap:9px;

  align-items:flex-start;

  padding:10px;

  border-radius:16px;

  background:#f8fcfa;

  border:1px solid #e2f0e7;

  color:#34483b;

  font-size:12px;

  font-weight:850;

  line-height:1.35;

}



.dca-reason i{

  width:10px;

  height:10px;

  border-radius:999px;

  background:#0a8f43;

  margin-top:3px;

  flex:0 0 auto;

}



.dca-status-bars{

  display:grid;

  gap:10px;

}



.dca-bar-row{

  display:grid;

  grid-template-columns:150px minmax(0,1fr) 52px;

  gap:10px;

  align-items:center;

}



.dca-bar-label{

  color:#26352d;

  font-size:12px;

  font-weight:950;

  white-space:nowrap;

  overflow:hidden;

  text-overflow:ellipsis;

}



.dca-bar-track{

  height:12px;

  border-radius:999px;

  background:#edf6f0;

  overflow:hidden;

}



.dca-bar-fill{

  height:100%;

  border-radius:999px;

  background:linear-gradient(90deg,#0a8f43,#23d36b);

  width:0;

}



.dca-bar-count{

  text-align:right;

  color:#607066;

  font-size:12px;

  font-weight:950;

}



.dca-load-grid{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:16px;

}



.dca-load-list{

  display:grid;

  gap:10px;

}



.dca-load{

  padding:12px;

  border-radius:18px;

  background:#f8fcfa;

  border:1px solid #e2f0e7;

}



.dca-load-top{

  display:flex;

  justify-content:space-between;

  gap:10px;

  align-items:flex-start;

  margin-bottom:8px;

}



.dca-load-name{

  font-size:13px;

  font-weight:950;

  color:#17211c;

  line-height:1.25;

}



.dca-load-num{

  padding:5px 8px;

  border-radius:999px;

  background:#eaf8ef;

  color:#08753a;

  font-size:11px;

  font-weight:950;

  white-space:nowrap;

}



.dca-load-meta{

  display:flex;

  flex-wrap:wrap;

  gap:6px;

}



.dca-mini{

  display:inline-flex;

  padding:5px 7px;

  border-radius:999px;

  background:#fff;

  border:1px solid #d8eadf;

  color:#607066;

  font-size:10px;

  font-weight:900;

}



.dca-mini.warn{

  background:#fff7ed;

  border-color:#fed7aa;

  color:#b45309;

}



.dca-mini.danger{

  background:#fef2f2;

  border-color:#fecaca;

  color:#991b1b;

}



.dca-focus-grid{

  display:grid;

  grid-template-columns:repeat(3,minmax(0,1fr));

  gap:16px;

}



.dca-job-list{

  display:grid;

  gap:10px;

}



.dca-job{

  padding:12px;

  border-radius:18px;

  background:#f8fcfa;

  border:1px solid #e2f0e7;

}



.dca-job-title{

  font-size:13px;

  line-height:1.25;

  font-weight:950;

  color:#17211c;

}



.dca-job-meta{

  margin-top:6px;

  color:#607066;

  font-size:11px;

  line-height:1.35;

  font-weight:800;

}



.dca-job-tags{

  display:flex;

  flex-wrap:wrap;

  gap:6px;

  margin-top:8px;

}



.dca-tag{

  display:inline-flex;

  padding:5px 7px;

  border-radius:999px;

  background:#eaf8ef;

  color:#08753a;

  border:1px solid #bfe8cf;

  font-size:10px;

  font-weight:950;

}



.dca-tag.warn{

  background:#fff7ed;

  color:#b45309;

  border-color:#fed7aa;

}



.dca-tag.danger{

  background:#fef2f2;

  color:#991b1b;

  border-color:#fecaca;

}



.dca-empty{

  border-radius:18px;

  padding:16px;

  background:#f8fcfa;

  border:1px dashed #cfe7d7;

  color:#607066;

  font-size:13px;

  font-weight:850;

  line-height:1.45;

}



.dca-reco-list{

  display:grid;

  gap:10px;

}



.dca-reco{

  display:grid;

  grid-template-columns:38px minmax(0,1fr);

  gap:10px;

  align-items:start;

  padding:12px;

  border-radius:18px;

  background:#f8fcfa;

  border:1px solid #e2f0e7;

}



.dca-reco-icon{

  width:38px;

  height:38px;

  border-radius:14px;

  display:grid;

  place-items:center;

  background:#eaf8ef;

  color:#08753a;

  font-weight:950;

}



.dca-reco.warn .dca-reco-icon{

  background:#fff7ed;

  color:#b45309;

}



.dca-reco.danger .dca-reco-icon{

  background:#fef2f2;

  color:#991b1b;

}



.dca-reco.purple .dca-reco-icon{

  background:#f5f3ff;

  color:#6d28d9;

}



.dca-reco-title{

  color:#17211c;

  font-size:13px;

  font-weight:950;

}



.dca-reco-text{

  margin-top:4px;

  color:#607066;

  font-size:12px;

  line-height:1.35;

  font-weight:800;

}



@media(max-width:1280px){

  .dca-grid,

  .dca-load-grid,

  .dca-focus-grid{

    grid-template-columns:1fr;

  }

}



@media(max-width:720px){

  .dca-score-area{

    grid-template-columns:1fr;

  }



  .dca-gauge{

    margin:auto;

  }



  .dca-bar-row{

    grid-template-columns:1fr;

    gap:6px;

  }



  .dca-bar-count{

    text-align:left;

  }

}

#indexModuleRoot{min-width:0}.v33-view>.dosab-cockpit{width:100%}

/* V33.6UI6S CONSOLIDATED DASHBOARD START */

body[data-module="index"] .v33-content,
body[data-module="index"] .v33-view,
body[data-module="index"] #indexModuleRoot,
body[data-module="index"] .dosab-cockpit{
  width:100%;
  max-width:none;
  min-width:0;
  box-sizing:border-box;
}

body[data-module="index"] .v33-content{
  padding-inline:clamp(12px,1.8vw,28px);
}

body[data-module="index"] .dosab-cockpit{
  display:flex;
  flex-direction:column;
  gap:16px;
  margin:0;
}

body[data-module="index"] .dc-kpis,
body[data-module="index"] .ui6-kpis{
  width:100%;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:14px!important;
  margin:0!important;
}

body[data-module="index"] .dc-kpi{
  min-width:0;
  min-height:138px;
  padding:17px 16px;
  border-radius:18px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  text-decoration:none;
  color:inherit;
}

body[data-module="index"] .ui6-quick-panel{
  width:100%!important;
  max-width:none!important;
  min-width:0;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  margin:0!important;
}

body[data-module="index"] .ui6-quick-panel > .dc-card{
  width:100%!important;
  max-width:none!important;
  min-width:0;
}

body[data-module="index"] .dc-command-grid,
body[data-module="index"] .ui6-command-grid{
  width:100%;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}

body[data-module="index"] .dc-command{
  min-width:0;
  min-height:102px;
  padding:16px;
  border-radius:16px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:14px;
}

body[data-module="index"] .dc-command-icon{
  grid-column:1;
  grid-row:1 / 3;
}

body[data-module="index"] .dc-command b{
  grid-column:2;
  grid-row:1;
  align-self:end;
}

body[data-module="index"] .dc-command span{
  grid-column:2;
  grid-row:2;
  align-self:start;
}

body[data-module="index"] .dcl-panel,
body[data-module="index"] .ui6-last-jobs{
  width:100%!important;
  max-width:none!important;
  min-width:0;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:16px!important;
  margin:0!important;
}

body[data-module="index"] .dcl-card,
body[data-module="index"] .dca-card{
  width:100%!important;
  max-width:none!important;
  min-width:0;
  height:auto!important;
  min-height:0!important;
}

body[data-module="index"] .dca-wrap,
body[data-module="index"] .ui6-analytics{
  width:100%!important;
  max-width:none!important;
  min-width:0;
  display:flex!important;
  flex-direction:column;
  gap:16px!important;
  margin:0!important;
}

body[data-module="index"] .dca-grid,
body[data-module="index"] .ui6-priority-grid{
  width:100%;
  display:grid!important;
  grid-template-columns:minmax(0,2fr) minmax(0,3fr)!important;
  gap:16px!important;
}

body[data-module="index"] .dca-focus-grid,
body[data-module="index"] .ui6-focus-grid{
  width:100%;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}

body[data-module="index"] .dca-load-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

body[data-module="index"] .dcl-job{
  width:100%;
  min-width:0;
  grid-template-columns:minmax(0,1fr) auto;
}

@media (max-width:1180px){
  body[data-module="index"] .dc-kpis,
  body[data-module="index"] .ui6-kpis{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (max-width:900px){
  body[data-module="index"] .dc-command-grid,
  body[data-module="index"] .ui6-command-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body[data-module="index"] .dca-grid,
  body[data-module="index"] .ui6-priority-grid,
  body[data-module="index"] .dca-focus-grid,
  body[data-module="index"] .ui6-focus-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

@media (max-width:640px){
  body[data-module="index"] .v33-content{
    padding-inline:10px;
  }

  body[data-module="index"] .dc-kpis,
  body[data-module="index"] .ui6-kpis,
  body[data-module="index"] .dc-command-grid,
  body[data-module="index"] .ui6-command-grid,
  body[data-module="index"] .dca-load-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }

  body[data-module="index"] .dc-kpi{
    min-height:114px;
  }

  body[data-module="index"] .dc-command{
    min-height:90px;
    padding:14px;
  }

  body[data-module="index"] .dcl-job{
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }

  body[data-module="index"] .dcl-job-action{
    width:100%;
    justify-content:center;
  }
}

/* V33.6UI9 INDUSTRIAL HERO START */

body[data-module="index"] .dc-hero{
  width:100%;
  min-height:0!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr)!important;
  align-items:center!important;
  gap:14px!important;
  padding:11px 14px!important;
  border-radius:17px!important;
  overflow:hidden;
  box-sizing:border-box;
}

body[data-module="index"] .dc-hero > div:first-child{
  min-width:0;
  padding:2px 2px!important;
  align-self:center;
}

body[data-module="index"] .dc-hero > div:first-child h1{
  margin:6px 0 6px!important;
  font-size:clamp(27px,2vw,36px)!important;
  line-height:1.03!important;
  letter-spacing:-.035em;
}

body[data-module="index"] .dc-hero > div:first-child p{
  max-width:760px!important;
  margin:0!important;
  font-size:13px!important;
  line-height:1.35!important;
}

body[data-module="index"] .dc-eyebrow{
  min-height:0!important;
  padding:4px 9px!important;
  font-size:10px!important;
  line-height:1.15!important;
}

body[data-module="index"] .dc-industrial-visual{
  width:100%;
  height:124px;
  min-width:0;
  overflow:hidden;
  border-radius:14px;
  border:1px solid rgba(214,255,233,.24);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 12px 28px rgba(0,32,19,.18);
  background:#0b5e38;
}

body[data-module="index"] .dc-industrial-visual img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}

@media (max-width:1050px){
  body[data-module="index"] .dc-hero{
    grid-template-columns:minmax(0,1fr) minmax(340px,.82fr)!important;
  }
}

@media (max-width:820px){
  body[data-module="index"] .dc-hero{
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    padding:12px!important;
  }

  body[data-module="index"] .dc-industrial-visual{
    height:108px;
  }
}

@media (max-width:640px){
  body[data-module="index"] .dc-hero{
    padding:11px!important;
  }

  body[data-module="index"] .dc-hero > div:first-child h1{
    font-size:24px!important;
  }

  body[data-module="index"] .dc-hero > div:first-child p{
    font-size:12px!important;
  }

  body[data-module="index"] .dc-industrial-visual{
    height:92px;
    border-radius:11px;
  }
}

/* V33.6UI9 INDUSTRIAL HERO END */

/* V33.6UI6S CONSOLIDATED DASHBOARD END */




/* V33.6UI10 FULL WIDTH HOME HERO */



body[data-module="index"] .dosab-cockpit{

  width:100%!important;

  max-width:none!important;

  margin:0!important;

  padding:0 18px 28px!important;

}



body[data-module="index"] .dc-hero{

  width:calc(100% + 36px)!important;

  max-width:none!important;

  margin:0 -18px 16px!important;

  border-radius:0 0 24px 24px!important;

}



@media (max-width:640px){

  body[data-module="index"] .dosab-cockpit{

    padding-left:12px!important;

    padding-right:12px!important;

  }



  body[data-module="index"] .dc-hero{

    width:calc(100% + 24px)!important;

    margin-left:-12px!important;

    margin-right:-12px!important;

    border-radius:0 0 18px 18px!important;

  }

}



/* V33.6UI10 FULL WIDTH HOME HERO END */