/* 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;

  }

}