/* ==========================================================================\n   MostHelt Danışan 360° V5 · Clinical Command View\n   Scope: clinic-client360 only. No business-logic changes.\n   ========================================================================== */
.portal-klinik .clinic-client360{
  --c360-ink:#16342d;
  --c360-text:#49615a;
  --c360-muted:#7c8f88;
  --c360-line:#e2ebe7;
  --c360-soft:#f7faf8;
  --c360-mint:#eaf7f3;
  --c360-green:#087c69;
  --c360-green-dark:#075e51;
  --c360-warm:#fbfaf7;
  display:grid!important;
  gap:18px!important;
  max-width:1460px;
  margin:0 auto;
}
.portal-klinik .clinic-client360 .clinic-surface{
  border:1px solid var(--c360-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(19,55,47,.045)!important;
}
.portal-klinik .clinic-client360 .clinic-surface-head{
  min-height:72px!important;
  padding:0 20px!important;
}
.portal-klinik .clinic-client360 .clinic-surface-head>div>span{
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
  color:#91a09b!important;
}
.portal-klinik .clinic-client360 .clinic-surface-head h3{
  margin-top:4px!important;
  font-size:17px!important;
  line-height:1.25!important;
  letter-spacing:-.025em!important;
  color:var(--c360-ink)!important;
}
.portal-klinik .clinic-client360 .clinic-surface-head>a,
.portal-klinik .clinic-client360 .clinic-surface-head>em{
  font-size:13.5px!important;
  font-weight:650!important;
  color:#758b84!important;
}
.portal-klinik .clinic-client360 .clinic-surface-head>a{color:var(--c360-green)!important}

/* Identity command header */
.portal-klinik .client360-head{
  position:relative;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  min-height:116px;
  padding:20px 22px!important;
  overflow:hidden;
}
.portal-klinik .client360-head:after{
  content:"";
  position:absolute;
  right:-70px;top:-92px;
  width:250px;height:250px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(142,222,188,.15),rgba(142,222,188,0) 70%);
  pointer-events:none;
}
.portal-klinik .client360-identity{
  position:relative;z-index:1;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:15px!important;
  align-items:center!important;
}
.portal-klinik .client360-avatar{
  width:62px!important;height:62px!important;
  border:1px solid #d8ebe3!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#effaf6,#e4f4ee)!important;
  color:var(--c360-green-dark)!important;
  font-size:15px!important;font-weight:800!important;
  box-shadow:inset 0 0 0 5px rgba(255,255,255,.55);
}
.portal-klinik .client360-titleline{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap}
.portal-klinik .client360-titleline h2{
  margin:0!important;
  font-size:27px!important;
  line-height:1.05!important;
  font-weight:730!important;
  letter-spacing:-.045em!important;
  color:var(--c360-ink)!important;
}
.portal-klinik .client360-titleline .clinic-soft-badge{min-height:26px!important;padding:0 9px!important;font-size:13px!important}
.portal-klinik .client360-identity p{margin:6px 0 0!important;font-size:14px!important;color:#768a83!important}
.portal-klinik .client360-contact{display:flex!important;gap:8px!important;margin-top:8px!important;font-size:13.5px!important;color:#8a9994!important}
.portal-klinik .client360-contact i{color:#c4ceca!important}
.portal-klinik .client360-actions{position:relative;z-index:1;display:flex!important;gap:8px!important}
.portal-klinik .client360-actions .clinic-button{min-height:42px!important;padding:0 14px!important;border-radius:11px!important;font-size:14px!important;font-weight:700!important}

/* Context rail */
.portal-klinik .client360-context{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  overflow:hidden;
}
.portal-klinik .client360-context>div{
  min-height:74px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:13px 17px;
  border-left:1px solid var(--c360-line);
}
.portal-klinik .client360-context>div:first-child{border-left:0}
.portal-klinik .client360-context small{font-size:13px;font-weight:700;color:#98a59f}
.portal-klinik .client360-context b{margin-top:5px;font-size:12px;line-height:1.35;color:#3d564f}
.portal-klinik .client360-context span{margin-top:3px;font-size:13px;color:#8b9a95}

/* Core metrics */
.portal-klinik .client360-kpis{display:grid!important;grid-template-columns:repeat(4,1fr)!important;overflow:hidden!important;padding:0!important}
.portal-klinik .client360-kpis article{
  min-height:112px!important;
  padding:18px 20px!important;
  border-left:1px solid var(--c360-line)!important;
  justify-content:center!important;
}
.portal-klinik .client360-kpis article:first-child{border-left:0!important}
.portal-klinik .client360-kpis small{font-size:13px!important;font-weight:700!important;color:#8fa09a!important}
.portal-klinik .client360-kpis strong{margin:8px 0 6px!important;font-size:24px!important;font-weight:720!important;letter-spacing:-.04em!important;color:var(--c360-ink)!important}
.portal-klinik .client360-kpis span{font-size:13.5px!important;line-height:1.4!important;color:#83958f!important}

/* Tabs */
.portal-klinik .client360-tabs{
  position:sticky;
  top:86px;
  z-index:8;
  display:flex!important;
  gap:4px!important;
  padding:6px!important;
  box-shadow:0 10px 28px rgba(19,55,47,.055)!important;
}
.portal-klinik .client360-tabs button{
  min-height:42px!important;
  padding:0 15px!important;
  border-radius:11px!important;
  font-size:14px!important;
  font-weight:690!important;
  color:#70847d!important;
}
.portal-klinik .client360-tabs button:hover{background:#f5f9f7!important;color:#34564c!important}
.portal-klinik .client360-tabs button.active{background:var(--c360-mint)!important;color:var(--c360-green-dark)!important}
.portal-klinik .client360-tabs em{
  display:inline-grid;place-items:center;
  min-width:21px;height:20px;margin-left:5px!important;padding:0 5px;
  border-radius:99px;background:rgba(8,124,105,.08);
  font-size:12.5px!important;color:var(--c360-green)!important;
}

/* Clinical overview */
.portal-klinik .client360-main-grid{grid-template-columns:minmax(0,1.55fr) minmax(310px,.62fr)!important;gap:18px!important}
.portal-klinik .client360-summary-list{padding:0 20px 12px!important}
.portal-klinik .client360-summary-list>div{
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:13px!important;
  min-height:72px;
  padding:14px 0!important;
  border-top:1px solid #edf2ef!important;
}
.portal-klinik .client360-summary-list>div:first-child{border-top:0!important}
.portal-klinik .client360-summary-icon{
  width:40px!important;height:40px!important;
  border-color:#dfeae5!important;border-radius:11px!important;
  background:var(--c360-soft)!important;color:#5c7c72!important;
  font-size:14px!important;font-weight:800!important;
}
.portal-klinik .client360-summary-list small{font-size:13px!important;font-weight:650!important;color:#93a19c!important}
.portal-klinik .client360-summary-list b{margin-top:5px!important;font-size:12px!important;line-height:1.55!important;font-weight:620!important;color:#3b554d!important}
.portal-klinik .client360-side-stack{gap:18px!important}
.portal-klinik .client360-next-card,.portal-klinik .client360-quick-card{padding:18px!important}
.portal-klinik .client360-next-card>header span,.portal-klinik .client360-quick-card>header span{font-size:12.5px!important;letter-spacing:.11em!important}
.portal-klinik .client360-next-card>header b,.portal-klinik .client360-quick-card>header b{font-size:13.5px!important;color:#5d746c!important}
.portal-klinik .client360-next-time{margin:19px 0 7px!important;font-size:42px!important;color:var(--c360-ink)!important}
.portal-klinik .client360-next-card>b{font-size:13px;color:#3e5a51}
.portal-klinik .client360-next-card>p{margin:6px 0 16px!important;font-size:13.5px!important;line-height:1.45!important}
.portal-klinik .client360-next-card>a{padding-top:13px!important;font-size:13.5px!important;color:var(--c360-green)!important}
.portal-klinik .client360-quick-card>div{margin-top:9px!important}
.portal-klinik .client360-quick-card a,.portal-klinik .client360-quick-card button{grid-template-columns:38px minmax(0,1fr)!important;gap:11px!important;min-height:60px;padding:10px 0!important}
.portal-klinik .client360-quick-card i{width:36px!important;height:36px!important;border-radius:10px!important;font-size:13.5px!important}
.portal-klinik .client360-quick-card b{font-size:14px!important;color:#405a52!important}
.portal-klinik .client360-quick-card small{margin-top:3px!important;font-size:13px!important;line-height:1.35!important}

/* Progress + chart */
.portal-klinik .client360-secondary-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:18px!important}
.portal-klinik .client360-weight-chart{height:240px!important;gap:14px!important;padding:24px 20px 20px!important}
.portal-klinik .client360-weight-chart>div>span{height:160px!important}
.portal-klinik .client360-weight-chart i{width:min(34px,70%)!important;background:linear-gradient(#86c6aa,#a9d7c3)!important}
.portal-klinik .client360-weight-chart b{font-size:13.5px!important;color:#4d6860!important}
.portal-klinik .client360-weight-chart small{font-size:13px!important}
.portal-klinik .client360-plan-content{min-height:240px!important}
.portal-klinik .client360-plan-content>div{padding:20px!important}
.portal-klinik .client360-plan-content small{font-size:13px!important;font-weight:700!important}
.portal-klinik .client360-plan-content b{margin:7px 0!important;font-size:13px!important;line-height:1.4!important;color:#365149!important}
.portal-klinik .client360-plan-content span{font-size:13.5px!important;line-height:1.45!important}
.portal-klinik .client360-progress{height:7px!important;margin-top:14px!important}

/* Timeline */
.portal-klinik .client360-timeline{padding:0 20px 12px!important}
.portal-klinik .client360-timeline>div:not(.client360-empty-compact){grid-template-columns:18px minmax(0,1fr) auto!important;gap:13px!important;min-height:72px!important}
.portal-klinik .client360-timeline>div>span i{width:9px!important;height:9px!important;background:#66ac8a!important}
.portal-klinik .client360-timeline b{font-size:14px!important;color:#3c574f!important}
.portal-klinik .client360-timeline small{margin-top:4px!important;font-size:13px!important;line-height:1.4!important}
.portal-klinik .client360-timeline time{font-size:13px!important}

/* Tracking */
.portal-klinik .client360-track-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;gap:18px!important}
.portal-klinik .client360-measurements,.portal-klinik .client360-meals{padding:0 20px 12px!important}
.portal-klinik .client360-measurements>div:not(.client360-empty-compact){grid-template-columns:95px repeat(3,1fr)!important;gap:14px!important;min-height:72px!important}
.portal-klinik .client360-measurements time{font-size:13px!important;font-weight:650!important}
.portal-klinik .client360-measurements small{font-size:12.5px!important}.portal-klinik .client360-measurements b{margin-top:4px!important;font-size:14px!important}
.portal-klinik .client360-meals>article{padding:17px 0!important}
.portal-klinik .client360-meal-head{grid-template-columns:42px 1fr!important;gap:12px!important}
.portal-klinik .client360-meal-head .clinic-person-avatar{width:40px!important;height:40px!important;border-radius:11px!important}
.portal-klinik .client360-meal-head b{font-size:14px!important}.portal-klinik .client360-meal-head small{margin-top:4px!important;font-size:13px!important;line-height:1.4!important}
.portal-klinik .client360-existing-feedback{margin-top:12px!important;padding:11px 13px!important;border-radius:0 9px 9px 0;font-size:13.5px!important;line-height:1.55!important}
.portal-klinik .client360-feedback-form{gap:9px!important;margin-top:11px!important}
.portal-klinik .client360-feedback-form input{height:40px!important;border-radius:10px!important;padding:0 12px!important;font-size:13.5px!important}
.portal-klinik .client360-feedback-form .clinic-button{min-height:40px!important;font-size:13.5px!important}

/* Records */
.portal-klinik .client360-record-list>div{padding:0 20px 12px!important}
.portal-klinik .client360-record-list>div>article{grid-template-columns:44px minmax(0,1fr) auto!important;gap:13px!important;min-height:78px!important}
.portal-klinik .client360-record-icon,.portal-klinik .client360-record-date{width:42px!important;height:42px!important;border-radius:11px!important;font-size:13.5px!important}
.portal-klinik .client360-record-date b{font-size:13px!important}.portal-klinik .client360-record-date small{font-size:12px!important}
.portal-klinik .client360-record-list article>div b{font-size:14px!important;color:#3b554d!important}
.portal-klinik .client360-record-list article>div small{margin-top:4px!important;font-size:13px!important;line-height:1.35!important}

/* Empty states */
.portal-klinik .client360-empty-compact{min-height:150px!important;padding:20px!important}
.portal-klinik .client360-empty-compact>span{width:38px!important;height:38px!important;margin-bottom:10px!important;border-radius:11px!important;font-size:14px!important}
.portal-klinik .client360-empty-compact b{font-size:14px!important}.portal-klinik .client360-empty-compact p{margin-top:5px!important;font-size:13px!important;line-height:1.5!important}
.portal-klinik .client360-empty-compact.chart-empty{min-height:240px!important}

@media(max-width:1180px){
  .portal-klinik .client360-main-grid{grid-template-columns:minmax(0,1.35fr) minmax(290px,.7fr)!important}
  .portal-klinik .client360-context{grid-template-columns:1fr 1fr}
  .portal-klinik .client360-context>div:nth-child(3){border-left:0;border-top:1px solid var(--c360-line)}
  .portal-klinik .client360-context>div:nth-child(4){border-top:1px solid var(--c360-line)}
}
@media(max-width:900px){
  .portal-klinik .client360-head{align-items:flex-start!important;flex-direction:column!important}
  .portal-klinik .client360-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr!important}
  .portal-klinik .client360-actions .clinic-button:last-child{grid-column:1/-1}
  .portal-klinik .client360-kpis{grid-template-columns:1fr 1fr!important}
  .portal-klinik .client360-kpis article:nth-child(3){border-left:0!important;border-top:1px solid var(--c360-line)!important}
  .portal-klinik .client360-kpis article:nth-child(4){border-top:1px solid var(--c360-line)!important}
  .portal-klinik .client360-main-grid,.portal-klinik .client360-secondary-grid,.portal-klinik .client360-track-grid{grid-template-columns:1fr!important}
  .portal-klinik .client360-side-stack{grid-template-columns:1fr 1fr!important}
  .portal-klinik .client360-tabs{top:70px}
}
@media(max-width:640px){
  .portal-klinik .clinic-client360{gap:13px!important}
  .portal-klinik .client360-head{min-height:0;padding:17px!important}
  .portal-klinik .client360-identity{grid-template-columns:52px minmax(0,1fr)!important;gap:12px!important}
  .portal-klinik .client360-avatar{width:50px!important;height:50px!important;border-radius:14px!important;font-size:12px!important}
  .portal-klinik .client360-titleline h2{font-size:22px!important}
  .portal-klinik .client360-contact{display:none!important}
  .portal-klinik .client360-identity p{font-size:13.5px!important}
  .portal-klinik .client360-actions{grid-template-columns:1fr!important}
  .portal-klinik .client360-actions .clinic-button:last-child{grid-column:auto}
  .portal-klinik .client360-context{grid-template-columns:1fr 1fr}
  .portal-klinik .client360-context>div{min-height:68px;padding:11px 13px}
  .portal-klinik .client360-context b{font-size:14px}.portal-klinik .client360-context span{font-size:12.5px}
  .portal-klinik .client360-kpis article{min-height:96px!important;padding:15px!important}
  .portal-klinik .client360-kpis strong{font-size:20px!important}.portal-klinik .client360-kpis span{font-size:13px!important}
  .portal-klinik .client360-tabs{top:65px;overflow-x:auto!important;scrollbar-width:none}
  .portal-klinik .client360-tabs::-webkit-scrollbar{display:none}.portal-klinik .client360-tabs button{white-space:nowrap!important;min-height:40px!important;padding:0 12px!important;font-size:13.5px!important}
  .portal-klinik .client360-side-stack{grid-template-columns:1fr!important}
  .portal-klinik .clinic-client360 .clinic-surface-head{min-height:66px!important;padding:0 15px!important}
  .portal-klinik .client360-summary-list,.portal-klinik .client360-timeline,.portal-klinik .client360-measurements,.portal-klinik .client360-meals,.portal-klinik .client360-record-list>div{padding-left:15px!important;padding-right:15px!important}
  .portal-klinik .client360-weight-chart{height:220px!important;padding-left:14px!important;padding-right:14px!important;gap:7px!important}
  .portal-klinik .client360-weight-chart>div>span{height:145px!important}
  .portal-klinik .client360-plan-content{grid-template-columns:1fr!important;min-height:0!important}
  .portal-klinik .client360-plan-content>div{min-height:120px!important;border-left:0!important;border-top:1px solid var(--c360-line)!important}.portal-klinik .client360-plan-content>div:first-child{border-top:0!important}
  .portal-klinik .client360-measurements>div:not(.client360-empty-compact){grid-template-columns:1fr 1fr!important;gap:10px!important;padding:13px 0!important}.portal-klinik .client360-measurements time{grid-column:1/-1!important}
  .portal-klinik .client360-feedback-form{grid-template-columns:1fr!important}
  .portal-klinik .client360-record-list>div>article{grid-template-columns:42px minmax(0,1fr)!important;padding:11px 0!important}.portal-klinik .client360-record-list>div>article>.status-badge{grid-column:2;justify-self:start}
  .portal-klinik .client360-timeline>div:not(.client360-empty-compact){grid-template-columns:16px minmax(0,1fr)!important;padding:9px 0!important}.portal-klinik .client360-timeline time{grid-column:2!important;margin-top:-8px!important}
}
@media(max-width:420px){
  .portal-klinik .client360-context{grid-template-columns:1fr}
  .portal-klinik .client360-context>div{border-left:0!important;border-top:1px solid var(--c360-line)!important}.portal-klinik .client360-context>div:first-child{border-top:0!important}
  .portal-klinik .client360-kpis{grid-template-columns:1fr!important}.portal-klinik .client360-kpis article{border-left:0!important;border-top:1px solid var(--c360-line)!important}.portal-klinik .client360-kpis article:first-child{border-top:0!important}
}