*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#172033;background:#f5f7fb}body{margin:0}.app-shell{min-height:100vh}.topbar{height:72px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e7ebf1;position:sticky;top:0;z-index:10}.brand{display:flex;gap:12px;align-items:center}.logo{width:40px;height:40px;border-radius:12px;background:#0b2447;color:#fff;display:grid;place-items:center;font-weight:800}.brand strong,.brand span{display:block}.brand span{font-size:12px;color:#758199;margin-top:1px}.ghost-btn,.primary-btn{border:0;border-radius:12px;padding:11px 16px;font-weight:700;cursor:pointer}.ghost-btn{background:#eef3fb;color:#0b2447}.primary-btn{background:#0b5bd3;color:#fff}.hero{padding:64px clamp(20px,7vw,110px) 28px;background:linear-gradient(135deg,#0b2447 0%,#0d3970 62%,#0b5bd3 130%);color:#fff}.eyebrow,.caption{font-size:11px;letter-spacing:.16em;font-weight:800;color:#6f7e96}.hero .eyebrow{color:#9fc3ff}.hero h1{font-size:clamp(34px,5vw,62px);line-height:1.04;margin:8px 0 14px;max-width:900px}.hero h1 span{color:#a7c8ff}.lead{max-width:720px;color:#dbe8fb;font-size:17px;line-height:1.65}.search-wrap{max-width:760px;background:#fff;border-radius:16px;padding:6px 8px 6px 18px;display:flex;align-items:center;gap:10px;margin-top:28px;box-shadow:0 16px 44px rgba(0,0,0,.18)}.search-wrap span{color:#6c7890;font-size:26px}.search-wrap input,.lookup-row input,.admin-search input,.edit-grid input,.edit-grid textarea{width:100%;border:0;outline:0;font:inherit;background:transparent;padding:13px;color:#172033}.search-wrap button{border:0;background:transparent;font-size:26px;color:#8b95a8;cursor:pointer}.stats{padding:22px clamp(20px,7vw,110px);display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat-card{background:#fff;border:1px solid #e7ebf1;border-radius:16px;padding:18px 20px;box-shadow:0 8px 24px rgba(31,48,80,.05)}.stat-card strong{font-size:26px;display:block;color:#0b2447}.stat-card span{font-size:12px;color:#758199}.workspace{padding:4px clamp(20px,7vw,110px) 36px;display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:18px}.services-panel,.people-panel,.file-lookup{background:#fff;border:1px solid #e7ebf1;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(31,48,80,.05)}.panel-head{padding:20px 22px;border-bottom:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2,.file-lookup h2{margin:4px 0 0;font-size:19px}.count-pill{font-size:12px;background:#eef3fb;color:#385376;border-radius:999px;padding:6px 10px}.service-list{max-height:640px;overflow:auto;padding:8px}.service-item{padding:13px 14px;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;gap:10px;align-items:center;color:#3a465b}.service-item:hover{background:#f4f7fb}.service-item.active{background:#eaf2ff;color:#0b5bd3;font-weight:700}.service-item small{color:#8792a6;white-space:nowrap}.people-list{padding:8px;max-height:640px;overflow:auto}.person-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px;border-radius:13px;cursor:pointer;border:1px solid transparent}.person-row:hover{background:#f8fafc;border-color:#e9edf3}.person-name{font-weight:750;color:#18243a}.person-service{font-size:12px;color:#76839a;margin-top:4px;line-height:1.35}.extension{align-self:center;background:#edf3fc;color:#214c83;border-radius:10px;padding:7px 9px;font-weight:800;font-size:12px}.empty{padding:48px 20px;text-align:center;color:#7c8799}.file-lookup{margin:0 clamp(20px,7vw,110px) 72px;padding:22px}.lookup-row{display:flex;gap:10px;margin-top:16px;max-width:560px}.lookup-row input,.admin-search{background:#f6f8fb;border:1px solid #e2e7ef;border-radius:12px}.lookup-result{margin-top:14px;padding:14px 16px;border-radius:12px;background:#edf6ff;color:#18497c}.hidden{display:none!important}.overlay{position:fixed;inset:0;background:rgba(9,20,38,.44);backdrop-filter:blur(3px);z-index:40}.drawer{position:fixed;top:0;right:0;width:min(460px,100%);height:100%;background:#fff;z-index:50;transform:translateX(102%);transition:transform .25s ease;box-shadow:-24px 0 60px rgba(0,0,0,.18);padding:34px 28px;overflow:auto}.drawer.wide{width:min(720px,100%)}.drawer.open{transform:translateX(0)}.close-btn{position:absolute;right:18px;top:16px;border:0;background:#f0f3f8;border-radius:10px;width:38px;height:38px;font-size:24px;color:#5b687c;cursor:pointer}.profile-head{padding-top:28px}.avatar{width:68px;height:68px;border-radius:20px;background:#e8f1ff;color:#0b5bd3;display:grid;place-items:center;font-size:22px;font-weight:850}.profile-head h2{font-size:28px;margin:15px 0 4px}.profile-head p{color:#6e7b91;line-height:1.5}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.detail{padding:14px;border:1px solid #e8ecf2;border-radius:14px}.detail span{display:block;font-size:10px;letter-spacing:.12em;color:#8490a4;font-weight:800}.detail strong{display:block;margin-top:6px;font-size:14px;overflow-wrap:anywhere}.contact-actions{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.contact-actions a,.contact-actions button{border:0;text-decoration:none;background:#eef4fc;color:#164d88;padding:10px 12px;border-radius:10px;font-weight:750;cursor:pointer}.drawer-title{padding:28px 42px 16px 0}.drawer-title h2{margin:5px 0 8px;font-size:27px}.drawer-title p{color:#738097;line-height:1.5}.admin-search{margin:8px 0 16px}.admin-person{border:1px solid #e7ebf1;border-radius:14px;margin-bottom:10px;overflow:hidden}.admin-summary{padding:14px 16px;display:flex;justify-content:space-between;gap:10px;cursor:pointer}.admin-summary strong{display:block}.admin-summary span{display:block;font-size:12px;color:#7d899c;margin-top:3px}.admin-edit{display:none;padding:0 16px 16px;border-top:1px solid #edf0f4}.admin-person.expanded .admin-edit{display:block}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:14px}.field{background:#f7f9fc;border:1px solid #e2e7ef;border-radius:11px;padding:4px 8px}.field label{display:block;font-size:10px;font-weight:800;color:#7c8798;padding:7px 6px 0}.save-btn{margin-top:12px;border:0;background:#0b5bd3;color:#fff;border-radius:10px;padding:10px 14px;font-weight:750;cursor:pointer}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,30px);opacity:0;background:#10233f;color:#fff;padding:12px 17px;border-radius:12px;z-index:70;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.services-panel{max-height:330px}.stats{grid-template-columns:1fr 1fr}.stats .stat-card:last-child{grid-column:1/-1}.hero{padding-top:42px}.detail-grid,.edit-grid{grid-template-columns:1fr}.file-lookup{margin-bottom:44px}}
@media(max-width:520px){.topbar{height:64px}.brand span{display:none}.hero h1{font-size:36px}.stats{grid-template-columns:1fr}.stats .stat-card:last-child{grid-column:auto}.lookup-row{flex-direction:column}.workspace{padding-left:12px;padding-right:12px}.stats,.hero{padding-left:18px;padding-right:18px}.file-lookup{margin-left:12px;margin-right:12px}.drawer{padding:28px 18px}.person-row{grid-template-columns:1fr auto}}

/* v1.3 compact corporate header */
.compact-hero{padding-top:28px;padding-bottom:24px;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(420px,1.2fr);align-items:end;gap:32px}
.compact-hero .hero-copy{min-width:0}.compact-hero .eyebrow{margin:0 0 5px}.compact-hero h1{font-size:clamp(24px,3vw,36px);line-height:1.12;margin:0 0 7px;max-width:none}.compact-hero .lead{font-size:14px;line-height:1.45;margin:0;max-width:560px}.compact-hero .search-wrap{margin-top:0;max-width:none;width:100%;box-shadow:0 10px 28px rgba(0,0,0,.14)}
.file-lookup{margin-top:22px;margin-bottom:22px}
@media(max-width:850px){.compact-hero{grid-template-columns:1fr;align-items:stretch;gap:18px;padding-top:24px}.compact-hero .search-wrap{max-width:100%}}
@media(max-width:520px){.compact-hero h1{font-size:28px}.compact-hero{padding-top:20px;padding-bottom:20px}}

/* v1.4 service-based person management */
.people-head-actions{display:flex;align-items:center;gap:9px}.mini-primary{border:0;border-radius:10px;background:#0b5bd3;color:#fff;padding:8px 11px;font-weight:750;cursor:pointer}.danger-btn{border:0;border-radius:10px;background:#fff0f0;color:#b42318;padding:10px 14px;font-weight:750;cursor:pointer}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.add-person-form{display:grid;gap:10px;padding-top:8px}.add-person-form .field{padding:6px 9px}.add-person-form input{width:100%;border:0;outline:0;background:transparent;font:inherit;padding:12px 6px;color:#172033}.full-btn{width:100%;margin-top:4px}.contact-actions .danger-btn{background:#fff0f0;color:#b42318}@media(max-width:520px){.people-head-actions{align-items:flex-end;flex-direction:column;gap:6px}.mini-primary{padding:7px 9px;font-size:12px}}





.admin-tabs{display:flex;gap:8px;margin-bottom:16px;padding:5px;background:#eef3f8;border-radius:12px;width:max-content;max-width:100%}
.admin-tabs button{border:0;background:transparent;color:#526175;padding:10px 16px;border-radius:9px;font-weight:800;cursor:pointer}
.admin-tabs button.active{background:#fff;color:#17365f;box-shadow:0 1px 4px rgba(18,38,63,.12)}
.admin-tab-panel{min-width:0}
@media(max-width:650px){.admin-tabs{width:100%}.admin-tabs button{flex:1;padding:10px 8px}}


/* v1.11 - Yönetim ekranı görünüm düzeltmeleri */
.admin-person .admin-edit{
  overflow: hidden;
}

.admin-person .transfer-box{
  margin-top:16px;
  padding:16px;
  border:1px solid #dfe7f2;
  border-radius:14px;
  background:#f8fbff;
  display:grid;
  grid-template-columns:minmax(180px, 260px) minmax(0, 1fr);
  gap:16px;
  align-items:end;
}

.admin-person .transfer-box > div:first-child{
  min-width:0;
}

.admin-person .transfer-box strong{
  display:block;
  color:#17365f;
  font-size:15px;
  line-height:1.25;
  margin-bottom:5px;
}

.admin-person .transfer-box span{
  display:block;
  color:#748198;
  font-size:12px;
  line-height:1.45;
  overflow-wrap:anywhere;
}

.admin-person .transfer-controls{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}

.admin-person .transfer-controls select{
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  border:1px solid #d8e0eb;
  background:#fff;
  border-radius:10px;
  padding:11px 12px;
  font:inherit;
  color:#172033;
}

.admin-person .transfer-btn{
  border:0;
  background:#17365f;
  color:#fff;
  border-radius:10px;
  padding:11px 16px;
  font-weight:750;
  cursor:pointer;
  white-space:nowrap;
}

/* Servis yönetimi */
.service-admin{
  margin-bottom:18px;
  padding:20px;
  border:1px solid #dfe7f2;
  border-radius:16px;
  background:#fff;
  overflow:hidden;
}

.service-admin-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:16px;
}

.service-admin-title strong{
  display:block;
  color:#17365f;
  font-size:17px;
}

.service-admin-title span{
  display:block;
  color:#748198;
  font-size:12px;
  margin-top:4px;
}

.service-admin-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}

.service-tool{
  min-width:0;
  padding:16px;
  border:1px solid #e4eaf2;
  border-radius:14px;
  background:#f8fbff;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.service-tool label{
  display:block;
  font-size:11px;
  font-weight:800;
  letter-spacing:.05em;
  color:#526175;
  margin:0;
}

.service-tool input,
.service-tool select{
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  border:1px solid #d8e0eb;
  border-radius:10px;
  padding:11px 12px;
  background:#fff;
  font:inherit;
  color:#172033;
}

.service-tool-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  margin-top:0;
  align-items:center;
}

.service-tool-row button{
  border:0;
  border-radius:10px;
  padding:11px 15px;
  font-weight:750;
  cursor:pointer;
  background:#17365f;
  color:#fff;
  white-space:nowrap;
}

.service-tool-row .danger-btn{
  background:#b82f2f;
}

/* Daha dar masaüstü / tablet */
@media (max-width:1100px){
  .service-admin-grid{
    grid-template-columns:1fr;
  }

  .service-tool{
    width:100%;
  }
}

/* Telefon / dar pencere */
@media (max-width:760px){
  .admin-person .transfer-box{
    grid-template-columns:1fr;
    align-items:stretch;
  }

  .admin-person .transfer-controls{
    grid-template-columns:1fr;
  }

  .admin-person .transfer-btn{
    width:100%;
  }

  .service-admin{
    padding:14px;
  }

  .service-tool-row{
    grid-template-columns:1fr;
  }

  .service-tool-row button{
    width:100%;
  }

  .admin-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
  }
}


/* v1.12 - Servis aktarımı son görünüm düzeltmesi */
.admin-person .transfer-box{
  grid-template-columns:minmax(220px, .85fr) minmax(420px, 1.65fr);
  align-items:end;
}

.admin-person .transfer-controls{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:end;
}

.admin-person .target-service-field{
  min-width:0;
}

.admin-person .target-service-field label{
  display:block;
  margin:0 0 6px 2px;
  color:#526175;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
}

.admin-person .target-service-field select{
  width:100%;
  min-width:0;
  padding-right:38px;
  text-overflow:ellipsis;
}

.admin-person .transfer-btn{
  min-height:46px;
  padding-left:20px;
  padding-right:20px;
}

@media(max-width:980px){
  .admin-person .transfer-box{
    grid-template-columns:1fr;
  }
}

@media(max-width:650px){
  .admin-person .transfer-controls{
    grid-template-columns:1fr;
  }

  .admin-person .transfer-btn{
    width:100%;
  }
}


/* v1.13 - Servis işlemleri tek sütun */
.service-admin-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
  max-width:760px;
}

.service-tool{
  width:100%;
  box-sizing:border-box;
}

.service-tool-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
}

.service-tool input,
.service-tool select{
  width:100%;
  min-width:0;
}

@media(max-width:650px){
  .service-admin-grid{
    max-width:none;
  }

  .service-tool-row{
    grid-template-columns:1fr;
  }

  .service-tool-row button{
    width:100%;
  }
}


/* v1.14 - Servis aktarımı alt alta */
.admin-person .transfer-box{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
  align-items:stretch !important;
}

.admin-person .transfer-box > div:first-child{
  width:100%;
}

.admin-person .transfer-controls{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  align-items:stretch !important;
}

.admin-person .target-service-field{
  width:100%;
}

.admin-person .target-service-field select{
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}

.admin-person .transfer-btn{
  width:100%;
  justify-self:stretch;
}

.admin-actions{
  margin-top:14px;
}


/* v1.15 - Kaydet / Kaydı Sil buton eşitleme */
.admin-actions{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

.admin-actions .save-btn,
.admin-actions .delete-btn{
  width:120px;
  min-width:120px;
  height:46px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  font-weight:750;
  box-sizing:border-box;
  line-height:1;
}

@media(max-width:520px){
  .admin-actions .save-btn,
  .admin-actions .delete-btn{
    width:100%;
    min-width:0;
  }
}


/* v1.17 - Personel işlemleri alt menüleri */
.personnel-subtabs{
  display:flex;
  gap:8px;
  margin:0 0 16px 0;
  padding:5px;
  background:#f3f6fa;
  border:1px solid #e1e8f0;
  border-radius:12px;
  width:max-content;
  max-width:100%;
}
.personnel-subtabs button{
  border:0;
  background:transparent;
  color:#526175;
  padding:10px 16px;
  border-radius:9px;
  font-weight:800;
  cursor:pointer;
}
.personnel-subtabs button.active{
  background:#17365f;
  color:#fff;
  box-shadow:0 1px 4px rgba(18,38,63,.14);
}
.transfer-person .transfer-box{
  margin-top:0;
}
.transfer-person .admin-edit{
  padding-top:14px;
}
@media(max-width:650px){
  .personnel-subtabs{
    width:100%;
  }
  .personnel-subtabs button{
    flex:1;
    padding:10px 8px;
  }
}

/* v1.18 - Dosya Grubu İşlemleri */
.file-group-admin{margin-top:18px;padding:20px;border:1px solid #dfe7f2;border-radius:16px;background:#fff}
.file-group-add{display:grid;grid-template-columns:1fr 1fr .65fr auto;gap:12px;align-items:end}
.file-group-add .field{min-width:0}
.file-group-add input,.file-group-search input{width:100%;box-sizing:border-box;border:1px solid #d8e0eb;border-radius:10px;padding:11px 12px;background:#fff;font:inherit;color:#172033}
.file-group-add-btn{min-height:44px;border:0;border-radius:10px;padding:0 16px;background:#17365f;color:#fff;font-weight:800;cursor:pointer;white-space:nowrap}
.file-group-search{margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.file-group-search span{color:#748198;font-size:12px;white-space:nowrap}
.file-group-list{margin-top:12px;max-height:420px;overflow:auto;border:1px solid #e4eaf2;border-radius:12px;background:#f8fbff}
.file-group-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid #e7edf4}
.file-group-row:last-child{border-bottom:0}
.file-group-row strong{display:block;color:#17365f}
.file-group-row span{display:block;color:#748198;font-size:12px;margin-top:3px}
.compact-delete{min-width:76px;height:38px}
@media(max-width:900px){.file-group-add{grid-template-columns:1fr 1fr}.file-group-add-btn{width:100%}}
@media(max-width:650px){.file-group-add{grid-template-columns:1fr}.file-group-search{grid-template-columns:1fr}.file-group-search span{white-space:normal}}

/* v1.19 - Dosya Grubu ayrı sekme ve sayfalama */
.admin-tabs{flex-wrap:wrap}
.file-group-pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:14px}
.file-group-pager button{border:1px solid #d8e0eb;background:#fff;color:#17365f;border-radius:10px;min-width:40px;height:38px;padding:0 12px;font-weight:700;cursor:pointer}
.file-group-pager button.active{background:#17365f;color:#fff;border-color:#17365f}
.file-group-pager button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:700px){.file-group-pager{justify-content:flex-start}}


/* v1.21 - Servis sıralama yönetimi */
.service-order-buttons{grid-template-columns:1fr 1fr !important}
.service-order-hint{margin-top:10px;color:#748198;font-size:12px;line-height:1.45}
@media(max-width:650px){.service-order-buttons{grid-template-columns:1fr !important}}


/* v1.22 - Servis listesinde yukarı/aşağı taşıma */
.service-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.service-left{display:flex;align-items:center;gap:12px;min-width:0}
.service-main{min-width:0;display:flex;align-items:center}
.service-name{display:block;line-height:1.35;word-break:break-word}
.service-reorder{display:flex;flex-direction:column;gap:6px;flex:0 0 auto}
.service-move-btn{width:28px;height:28px;border:1px solid #d8e0eb;border-radius:8px;background:#fff;color:#20497d;font-weight:800;cursor:pointer;display:grid;place-items:center;padding:0;line-height:1}
.service-move-btn:hover{background:#eef4ff;border-color:#bfd1ee}
.service-item.active .service-move-btn{background:#fff;color:#0b5bd3;border-color:#bfd1ee}
@media(max-width:700px){.service-left{gap:10px}.service-move-btn{width:26px;height:26px}}


/* v1.23 - Servis adları tek satır */
.service-main{overflow:hidden}
.service-name{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  word-break:normal !important;
  display:block;
  width:100%;
}
.service-item{grid-template-columns:minmax(0,1fr) auto !important}
.service-left{min-width:0}


/* v1.24 - Servis alanını genişlet, personel alanını daralt */
.workspace{
  grid-template-columns:minmax(420px, 520px) minmax(320px, 1fr) !important;
  gap:14px !important;
}
.services-panel{
  min-width:420px;
}
.people-panel{
  min-width:320px;
}
.service-item{
  padding:11px 12px !important;
}
.service-left{
  gap:10px !important;
}
.service-reorder{
  gap:5px !important;
}
.service-move-btn{
  width:24px !important;
  height:24px !important;
  border-radius:7px !important;
  font-size:13px !important;
}
.service-name{
  font-size:14px !important;
}
.service-item small{
  font-size:12px;
  min-width:18px;
  text-align:right;
}
@media(max-width:1100px){
  .workspace{
    grid-template-columns:minmax(380px, 470px) minmax(300px, 1fr) !important;
  }
  .services-panel{min-width:380px}
}
@media(max-width:900px){
  .workspace{
    grid-template-columns:1fr !important;
  }
  .services-panel,.people-panel{
    min-width:0;
  }
}


/* v1.25 - Makam personeli sorumlu servisler */
.responsible-services-editor{margin-top:16px;padding:16px;border:1px solid #dfe7f2;border-radius:14px;background:#f8fbff}
.responsible-services-title strong{display:block;color:#17365f;font-size:15px}
.responsible-services-title span{display:block;color:#748198;font-size:12px;margin-top:4px}
.responsible-services-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.responsible-services-grid select{width:100%;box-sizing:border-box;border:1px solid #d8e0eb;border-radius:10px;padding:11px 12px;background:#fff;font:inherit;color:#172033}
.responsible-card{margin-top:16px;padding:16px;border:1px solid #dfe7f2;border-radius:14px;background:#f8fbff}
.responsible-card>span{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;color:#526175;margin-bottom:8px}
.responsible-card>div{padding:7px 0;color:#23344f;border-top:1px solid #e5ebf3}
.responsible-card>div:first-of-type{border-top:0}
.responsible-card strong{color:#17365f;margin-right:5px}
@media(max-width:650px){.responsible-services-grid{grid-template-columns:1fr}}


/* v1.26 - Dosya no sonucunda sorumlu ve servis personeli */
.file-lookup-results{margin-top:16px;display:grid;grid-template-columns:minmax(250px, 340px) minmax(0,1fr);gap:14px;align-items:start}
.lookup-result.hidden{display:none!important}
.lookup-result{margin-top:0;padding:16px 18px;border-radius:14px;background:#edf6ff;color:#18497c;border:1px solid #d8e8fb}
.lookup-main-title strong{display:block;font-size:18px;color:#123e70}
.lookup-main-title span{display:block;margin-top:6px;color:#4f6d92;font-size:13px}
.lookup-service-match{margin-top:14px;padding-top:12px;border-top:1px solid #d8e8fb}
.lookup-service-match>span{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;color:#547297;margin-bottom:8px}
.lookup-service-match div{padding:7px 0;color:#18497c;line-height:1.35}
.lookup-side{display:flex;flex-direction:column;gap:14px}
.lookup-side-card{background:#fff;border:1px solid #e7ebf1;border-radius:16px;padding:16px 16px 12px;box-shadow:0 6px 18px rgba(31,48,80,.04)}
.lookup-side-title{font-size:11px;font-weight:800;letter-spacing:.06em;color:#526175;margin-bottom:10px}
.lookup-person-btn{width:100%;border:1px solid #e3eaf3;background:#f8fbff;border-radius:12px;padding:11px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;cursor:pointer;margin-bottom:8px}
.lookup-person-btn:last-child{margin-bottom:0}
.lookup-person-btn:hover{background:#eef5ff;border-color:#cddcf3}
.lookup-person-btn strong{display:block;color:#17365f;font-size:14px;line-height:1.3}
.lookup-person-btn span{display:block;color:#748198;font-size:12px;line-height:1.35;margin-top:3px}
.lookup-person-btn small{color:#214c83;background:#edf3fc;border-radius:10px;padding:6px 8px;font-weight:800;white-space:nowrap}
.lookup-person-btn.responsible{background:#fff8ef;border-color:#f2ddbb}
.lookup-person-btn.responsible:hover{background:#fff3df}
.lookup-service-group{margin-top:12px;padding-top:12px;border-top:1px solid #ecf0f5}
.lookup-service-group:first-of-type{margin-top:0;padding-top:0;border-top:0}
.lookup-service-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}
.lookup-service-head strong{color:#17365f;line-height:1.35}
.lookup-service-head span{font-size:12px;color:#748198;white-space:nowrap}
.lookup-empty{padding:12px 10px;border:1px dashed #d6deea;border-radius:12px;color:#73829a;background:#f9fbfd}
.lookup-empty.small{padding:10px;font-size:13px}
@media(max-width:900px){.file-lookup-results{grid-template-columns:1fr}.lookup-result{order:1}.lookup-side{order:2}}


/* v1.28 - Dosya numarası temizle butonu */
.lookup-clear-btn{
  min-height:44px;
  border:1px solid #d8e0eb;
  background:#fff;
  color:#43536b;
  border-radius:12px;
  padding:0 16px;
  font-weight:750;
  cursor:pointer;
  white-space:nowrap;
}
.lookup-clear-btn:hover{background:#f4f7fb;border-color:#c9d3e1}
@media(max-width:650px){
  .lookup-row{flex-wrap:wrap}
  .lookup-row input{flex:1 1 100%}
  .lookup-row .primary-btn,.lookup-clear-btn{flex:1 1 0}
}


/* v1.30 - Ünvan seçimi ve Şef önceliği */
.edit-grid select,.add-person-form select{
  width:100%;box-sizing:border-box;border:1px solid #d8e0eb;border-radius:10px;
  padding:11px 12px;background:#fff;font:inherit;color:#172033;
}


/* v1.33 - Ünvanlar tüm personel listelerinde */
.person-name-line,
.lookup-name-line,
.admin-name-line{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  flex-wrap:wrap;
}

.title-badge{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:3px 8px;
  border-radius:999px;
  background:#eef3fb;
  color:#385376;
  border:1px solid #dbe5f2;
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
}

.person-row .title-badge{
  flex:0 0 auto;
}

.lookup-person-btn .lookup-name-line{
  margin-bottom:2px;
}

.lookup-person-btn .title-badge{
  background:#edf3fc;
  color:#214c83;
}

.lookup-person-btn.responsible .title-badge{
  background:#fff1d9;
  border-color:#efd3a3;
  color:#805719;
}

.admin-summary .admin-name-line{
  margin-bottom:3px;
}

@media(max-width:650px){
  .person-name-line,
  .lookup-name-line,
  .admin-name-line{
    gap:6px;
  }
  .title-badge{
    font-size:10px;
    padding:3px 7px;
  }
}


/* v1.35 - MAKAM listesinde sorumlu olunan servisler */
.makam-responsible-list{
  margin-top:6px;
  color:#53657e;
  font-size:12px;
  line-height:1.45;
}
.makam-responsible-list span{
  color:#17365f;
  font-weight:800;
}


/* ==========================================================
   v1.36 — PREMIUM KURUMSAL TASARIM
   İşlevlere dokunmadan görsel/UX iyileştirmeleri
   ========================================================== */

:root{
  --navy-950:#071a33;
  --navy-900:#0b2447;
  --navy-800:#12365f;
  --navy-700:#184d82;
  --blue-600:#1467d9;
  --blue-500:#2d7be7;
  --blue-100:#eaf3ff;
  --blue-50:#f5f9ff;
  --ink:#162033;
  --muted:#6d7b91;
  --line:#e3e9f1;
  --line-strong:#d5dfeb;
  --surface:#ffffff;
  --surface-soft:#f7f9fc;
  --page:#f1f4f8;
  --shadow-sm:0 4px 14px rgba(18,42,73,.055);
  --shadow-md:0 12px 34px rgba(18,42,73,.08);
  --shadow-lg:0 22px 55px rgba(8,28,55,.14);
  --radius-lg:18px;
  --radius-md:13px;
}

html{background:var(--page)}
body{
  color:var(--ink);
  background:
    radial-gradient(circle at 82% -10%,rgba(45,123,231,.07),transparent 27rem),
    linear-gradient(180deg,#f7f9fc 0,#f1f4f8 48%,#eef2f6 100%);
}

button,input,select,textarea{transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease,color .16s ease}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(20,103,217,.15)!important;
  border-color:#8cb8ef!important;
}

/* ÜST BAR */
.topbar{
  height:66px!important;
  padding:0 clamp(22px,5vw,74px)!important;
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(213,223,235,.86)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.8),0 7px 22px rgba(18,42,73,.035);
}
.brand{gap:11px!important}
.logo{
  width:38px!important;height:38px!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,var(--navy-950),var(--navy-700))!important;
  box-shadow:0 8px 18px rgba(11,36,71,.17),inset 0 1px 0 rgba(255,255,255,.18);
  font-size:12px!important;letter-spacing:.05em;
}
.brand strong{font-size:14px;letter-spacing:-.01em;color:var(--navy-950)}
.brand span{font-size:11px!important;color:#7b879a!important;letter-spacing:.01em}
.ghost-btn{
  min-height:38px;
  padding:0 15px!important;
  border:1px solid #d9e3ef!important;
  background:#fff!important;
  color:var(--navy-800)!important;
  box-shadow:var(--shadow-sm);
}
.ghost-btn:hover{background:var(--blue-50)!important;border-color:#c8d9ee!important;transform:translateY(-1px)}

/* DOSYA NUMARASI — ANA ODAK */
.file-lookup{
  position:relative;
  margin:20px clamp(20px,7vw,96px) 18px!important;
  padding:20px 22px!important;
  border:1px solid #dce5ef!important;
  border-radius:20px!important;
  box-shadow:var(--shadow-md)!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
}
.file-lookup:before{
  content:"";
  position:absolute;left:0;top:18px;bottom:18px;width:4px;
  border-radius:0 5px 5px 0;
  background:linear-gradient(180deg,var(--blue-600),#66a4ef);
}
.file-lookup h2{font-size:18px!important;letter-spacing:-.015em;color:var(--navy-950)}
.caption,.eyebrow{letter-spacing:.12em!important;font-size:10px!important}
.lookup-row{
  max-width:650px!important;
  gap:8px!important;
  margin-top:13px!important;
}
.lookup-row input{
  min-height:44px;
  border:1px solid #dbe4ee!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  padding:0 14px!important;
}
.lookup-row input:focus{background:#fff!important}
.primary-btn{
  min-height:44px;
  border-radius:12px!important;
  padding:0 17px!important;
  background:linear-gradient(180deg,#176dda,#0f5fc9)!important;
  box-shadow:0 8px 18px rgba(20,103,217,.18);
}
.primary-btn:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(20,103,217,.23)}
.lookup-clear-btn{
  min-height:44px!important;
  border-radius:12px!important;
  background:#fff!important;
  border:1px solid #d9e2ed!important;
  color:#536176!important;
}
.lookup-clear-btn:hover{background:#f6f8fb!important;transform:translateY(-1px)}

/* Dosya sonucu — premium hiyerarşi */
.file-lookup-results{
  grid-template-columns:minmax(250px,330px) minmax(0,1fr)!important;
  gap:12px!important;
  margin-top:15px!important;
  padding-top:15px;
  border-top:1px solid #edf1f5;
}
.lookup-result{
  border:1px solid #cfe0f4!important;
  background:linear-gradient(145deg,#f2f8ff,#eaf3ff)!important;
  border-radius:16px!important;
  padding:16px 17px!important;
  box-shadow:none!important;
}
.lookup-main-title strong{font-size:17px!important;color:var(--navy-900)!important;letter-spacing:-.01em}
.lookup-main-title span{font-size:12px!important;color:#667e9d!important}
.lookup-service-match{border-color:#d9e7f6!important}
.lookup-service-match>span{color:#617998!important;font-size:10px!important}
.lookup-service-match div{
  background:rgba(255,255,255,.68);
  border:1px solid rgba(207,224,244,.8);
  border-radius:10px;
  padding:9px 10px!important;
  font-size:13px;
  font-weight:750;
}
.lookup-side{gap:10px!important}
.lookup-side-card{
  border:1px solid #e1e7ef!important;
  border-radius:16px!important;
  padding:14px!important;
  box-shadow:var(--shadow-sm)!important;
  background:rgba(255,255,255,.96)!important;
}
.lookup-side-card:first-child{
  border-color:#ddcfac!important;
  background:linear-gradient(180deg,#fffdf8,#fffaf0)!important;
}
.lookup-side-title{
  font-size:10px!important;
  letter-spacing:.11em!important;
  color:#68768a!important;
  margin-bottom:9px!important;
}
.lookup-side-card:first-child .lookup-side-title{color:#775d28!important}
.lookup-person-btn{
  border-radius:11px!important;
  padding:9px 10px!important;
  margin-bottom:6px!important;
  border-color:#e4eaf1!important;
  background:#fafcff!important;
}
.lookup-person-btn:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(18,42,73,.06)}
.lookup-person-btn.responsible{
  background:rgba(255,255,255,.78)!important;
  border-color:#eadbb9!important;
}
.lookup-person-btn strong{font-size:13px!important}
.lookup-person-btn span{font-size:11px!important}
.lookup-person-btn small{padding:5px 7px!important;border-radius:8px!important}
.lookup-service-head strong{font-size:13px}
.lookup-service-head span{font-size:11px!important}

/* KOMPAKT KURUM REHBERİ */
.compact-hero{
  margin:0 clamp(20px,7vw,96px);
  padding:20px 22px!important;
  border-radius:20px;
  grid-template-columns:minmax(260px,.72fr) minmax(390px,1.28fr)!important;
  background:linear-gradient(118deg,#0a2140 0%,#123c6c 58%,#1767bc 125%)!important;
  box-shadow:0 16px 36px rgba(7,26,51,.13);
  gap:24px!important;
}
.compact-hero h1{font-size:clamp(22px,2.3vw,31px)!important;letter-spacing:-.025em}
.compact-hero .lead{font-size:13px!important;color:#d6e5f8!important}
.compact-hero .search-wrap{
  min-height:48px;
  border-radius:13px!important;
  box-shadow:0 12px 28px rgba(4,17,35,.16)!important;
  border:1px solid rgba(255,255,255,.28);
}
.search-wrap input{font-size:14px}
.search-wrap span{font-size:22px!important}

/* İSTATİSTİKLER */
.stats{
  padding:14px clamp(20px,7vw,96px)!important;
  gap:10px!important;
}
.stat-card{
  border-radius:14px!important;
  padding:13px 16px!important;
  border-color:#e1e7ef!important;
  box-shadow:var(--shadow-sm)!important;
  background:rgba(255,255,255,.94)!important;
}
.stat-card strong{font-size:22px!important;line-height:1.1}
.stat-card span{font-size:11px!important;margin-top:3px;display:block}

/* ANA ÇALIŞMA ALANI — servis daha geniş, personel daha kompakt */
.workspace{
  padding:2px clamp(20px,7vw,96px) 32px!important;
  grid-template-columns:minmax(540px,600px) minmax(330px,1fr)!important;
  gap:12px!important;
}
.services-panel,.people-panel{
  border-radius:18px!important;
  border-color:#dfe6ef!important;
  box-shadow:var(--shadow-md)!important;
  background:rgba(255,255,255,.96)!important;
}
.panel-head{
  min-height:66px;
  padding:14px 17px!important;
  background:linear-gradient(180deg,#fff,#fbfcfe);
  border-bottom-color:#e9eef4!important;
}
.panel-head h2{font-size:17px!important;letter-spacing:-.015em;color:var(--navy-950)}
.count-pill{
  padding:5px 9px!important;
  font-size:11px!important;
  background:#eef4fb!important;
  color:#47627f!important;
  border:1px solid #e0e8f2;
}
.service-list,.people-list{max-height:560px!important;padding:7px!important}

/* Servisler: tam ad tek satır + premium seçim */
.service-item{
  min-height:42px;
  padding:7px 9px!important;
  border-radius:10px!important;
  gap:8px!important;
  border:1px solid transparent;
  transition:background .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease;
}
.service-item:hover{
  background:#f6f9fd!important;
  border-color:#e6ecf3;
  transform:translateX(1px);
}
.service-item.active{
  background:linear-gradient(90deg,#eaf3ff,#f3f8ff)!important;
  color:#0b5bd3!important;
  border-color:#cfe0f4;
  box-shadow:inset 3px 0 0 #1e6fd8;
}
.service-left{gap:8px!important}
.service-main{overflow:visible!important;min-width:0}
.service-name{
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  font-size:12.7px!important;
  line-height:1.2!important;
  letter-spacing:-.006em;
}
.service-item small{font-size:11px!important}
.service-reorder{gap:3px!important}
.service-move-btn{
  width:22px!important;height:19px!important;
  border-radius:6px!important;
  font-size:11px!important;
  border-color:#dce5ef!important;
  color:#496783!important;
  background:#fff!important;
}
.service-move-btn:hover{background:#eaf3ff!important;color:#0b5bd3!important;transform:scale(1.05)}
.service-list{overflow-x:auto!important}
.service-item{min-width:max-content}

/* Personel listesi — daha kompakt ve daha okunaklı */
.person-row{
  min-height:54px;
  padding:9px 11px!important;
  border-radius:11px!important;
  gap:9px!important;
  border:1px solid transparent!important;
}
.person-row:hover{
  background:#f8fbff!important;
  border-color:#dfe8f3!important;
  box-shadow:0 5px 14px rgba(18,42,73,.045);
  transform:translateY(-1px);
}
.person-name{font-size:13.5px!important;color:#142238!important}
.person-service{font-size:10.8px!important;margin-top:3px!important;color:#7a8799!important}
.extension{
  padding:6px 8px!important;
  border-radius:8px!important;
  font-size:11px!important;
  background:#eef4fb!important;
  color:#244d79!important;
  border:1px solid #dfe8f2;
}

/* Ünvan rozetleri — aynı kurumsal renk ailesinde hiyerarşi */
.title-badge{
  min-height:20px!important;
  padding:2px 7px!important;
  font-size:9.8px!important;
  letter-spacing:.01em;
  border-radius:999px!important;
  box-shadow:none;
}
.title-badge.title-center{
  background:var(--navy-900)!important;
  border-color:var(--navy-900)!important;
  color:#fff!important;
}
.title-badge.title-assistant{
  background:#dfeeff!important;
  border-color:#bfd9f5!important;
  color:#174e82!important;
}
.title-badge.title-chief{
  background:#eaf3ff!important;
  border-color:#cfe0f5!important;
  color:#0d5ebc!important;
}
.title-badge.title-vhki{
  background:#eef2f7!important;
  border-color:#dde4ed!important;
  color:#51637a!important;
}
.title-badge.title-clerk{
  background:#f5f6f8!important;
  border-color:#e5e8ed!important;
  color:#667284!important;
}

/* MAKAM — sorumlu servisler chip görünümü */
.makam-responsible-list{
  margin-top:7px!important;
  font-size:11px!important;
}
.makam-responsible-label{
  display:block;
  color:#718098!important;
  font-size:9px;
  font-weight:850;
  letter-spacing:.08em;
  margin-bottom:5px;
}
.makam-responsible-chips,.responsible-card-chips{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
}
.service-chip{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:4px 7px;
  border-radius:7px;
  border:1px solid #dce6f2;
  background:#f4f8fd;
  color:#315779;
  font-size:9.8px;
  font-weight:700;
  line-height:1.25;
}

/* KİŞİ DETAY KARTI */
.drawer{
  background:linear-gradient(180deg,#fff,#fbfcfe)!important;
  box-shadow:-28px 0 70px rgba(7,26,51,.18)!important;
}
.drawer.wide{width:min(760px,100%)!important}
.close-btn{
  background:#f2f5f8!important;
  color:#647287!important;
  border:1px solid #e2e8f0!important;
}
.close-btn:hover{background:#eaf0f6!important;transform:rotate(2deg)}
.profile-head{
  padding:25px 0 4px!important;
  border-bottom:1px solid #edf1f5;
}
.avatar{
  width:62px!important;height:62px!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#eaf3ff,#dbeaff)!important;
  border:1px solid #cfe0f4;
  color:#145cae!important;
  box-shadow:0 8px 20px rgba(20,92,174,.10);
}
.profile-head h2{font-size:25px!important;letter-spacing:-.02em}
.profile-head p{font-size:12px!important;margin-bottom:14px}
.detail-grid{gap:9px!important;margin-top:16px!important}
.detail{
  padding:12px!important;
  border-radius:12px!important;
  background:#fff;
  border-color:#e4eaf1!important;
  box-shadow:0 3px 10px rgba(18,42,73,.035);
}
.detail span{font-size:9px!important;letter-spacing:.1em!important}
.detail strong{font-size:13px!important;margin-top:5px!important}
.responsible-card{
  border-radius:13px!important;
  background:linear-gradient(180deg,#f9fbfe,#f4f8fd)!important;
  border-color:#dfe8f3!important;
}
.responsible-card>span{font-size:9.5px!important;letter-spacing:.09em!important}
.contact-actions{gap:7px!important}
.contact-actions a,.contact-actions button{
  min-height:38px;
  padding:0 12px!important;
  border-radius:9px!important;
  border:1px solid #dce6f2!important;
  background:#f2f7fd!important;
  color:#184f87!important;
}
.contact-actions a:hover,.contact-actions button:hover{background:#e8f2ff!important;transform:translateY(-1px)}
.contact-actions .danger-btn{background:#fff5f5!important;border-color:#f1d7d7!important;color:#a72b2b!important}

/* YÖNETİM — premium navigation */
.drawer-title{
  padding-top:24px!important;
  padding-bottom:12px!important;
}
.drawer-title h2{font-size:24px!important;letter-spacing:-.02em;color:var(--navy-950)}
.drawer-title p{font-size:12px!important;color:#758297!important}
.admin-search{
  border:1px solid #dfe6ef!important;
  background:#f7f9fc!important;
  border-radius:11px!important;
  margin-bottom:13px!important;
}
.admin-tabs{
  width:100%!important;
  padding:4px!important;
  gap:4px!important;
  border:1px solid #e1e8f0;
  background:#f1f5f9!important;
  border-radius:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.admin-tabs button{
  flex:1;
  padding:9px 10px!important;
  font-size:11.5px;
  border-radius:9px!important;
}
.admin-tabs button.active{
  color:#fff!important;
  background:linear-gradient(180deg,#173d69,#0f3158)!important;
  box-shadow:0 4px 11px rgba(15,49,88,.15)!important;
}
.personnel-subtabs{
  width:100%!important;
  padding:4px!important;
  background:#f6f8fb!important;
  border-color:#e4eaf1!important;
  gap:4px!important;
}
.personnel-subtabs button{flex:1;font-size:11.5px;padding:9px 10px!important}
.personnel-subtabs button.active{
  background:#fff!important;
  color:var(--navy-800)!important;
  border:1px solid #dce5ef;
  box-shadow:var(--shadow-sm)!important;
}
.admin-person{
  border-radius:12px!important;
  border-color:#e2e8f0!important;
  box-shadow:0 3px 11px rgba(18,42,73,.03);
}
.admin-summary{padding:11px 13px!important}
.admin-summary:hover{background:#f8fafc}
.admin-summary strong{font-size:13px}
.admin-summary span{font-size:10.5px!important}
.admin-edit{background:#fcfdff}
.edit-grid{gap:8px!important;padding-top:11px!important}
.field{
  border-radius:10px!important;
  border-color:#e0e7ef!important;
  background:#f7f9fc!important;
  padding:3px 7px!important;
}
.field label{font-size:9px!important;letter-spacing:.06em}
.edit-grid input,.edit-grid select,.add-person-form input,.add-person-form select,
.service-tool input,.service-tool select,.file-group-add input,.file-group-search input,
.admin-person .transfer-controls select{
  min-height:40px;
  font-size:12px!important;
}
.save-btn,.danger-btn,.transfer-btn,.file-group-add-btn,.service-tool-row button,.full-btn{
  min-height:39px!important;
  border-radius:9px!important;
  font-size:11.5px!important;
}
.save-btn,.transfer-btn,.file-group-add-btn,.full-btn{
  background:linear-gradient(180deg,#176dda,#0f5fc9)!important;
  box-shadow:0 7px 15px rgba(20,103,217,.12);
}
.danger-btn{background:#fff3f3!important;color:#aa2929!important;border:1px solid #f1d6d6!important}

/* Servis / dosya grubu yönetimi */
.service-admin,.file-group-admin{
  padding:16px!important;
  border-radius:14px!important;
  border-color:#e0e7ef!important;
  box-shadow:var(--shadow-sm);
  background:#fff!important;
}
.service-admin-title{margin-bottom:12px!important}
.service-admin-title strong{font-size:15px!important}
.service-admin-title span{font-size:11px!important}
.service-admin-grid{gap:10px!important}
.service-tool{
  padding:13px!important;
  border-radius:11px!important;
  background:#f8fafc!important;
}
.file-group-list{border-radius:11px!important;background:#fafcff!important}
.file-group-row{padding:10px 12px!important}
.file-group-pager{gap:6px!important}
.file-group-pager button{height:34px!important;min-width:36px!important;border-radius:8px!important;font-size:11px}

/* HAFİF ANİMASYONLAR */
.stat-card,.services-panel,.people-panel,.file-lookup,.lookup-side-card,.service-tool,.admin-person{
  transition:box-shadow .16s ease,border-color .16s ease,transform .16s ease;
}
.stat-card:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(18,42,73,.07)!important}

/* SCROLLBAR — sade kurumsal */
.service-list,.people-list,.drawer,.file-group-list{
  scrollbar-width:thin;
  scrollbar-color:#c5d1df transparent;
}
.service-list::-webkit-scrollbar,.people-list::-webkit-scrollbar,.drawer::-webkit-scrollbar,.file-group-list::-webkit-scrollbar{width:8px;height:8px}
.service-list::-webkit-scrollbar-thumb,.people-list::-webkit-scrollbar-thumb,.drawer::-webkit-scrollbar-thumb,.file-group-list::-webkit-scrollbar-thumb{
  background:#c9d4e1;border-radius:999px;border:2px solid transparent;background-clip:padding-box;
}

/* 1366x768 kurum bilgisayarı optimizasyonu */
@media (min-width:1101px) and (max-height:820px){
  .topbar{height:60px!important}
  .file-lookup{margin-top:14px!important;margin-bottom:12px!important;padding-top:16px!important;padding-bottom:16px!important}
  .compact-hero{padding-top:16px!important;padding-bottom:16px!important}
  .stats{padding-top:10px!important;padding-bottom:10px!important}
  .stat-card{padding:10px 14px!important}
  .service-list,.people-list{max-height:500px!important}
  .panel-head{min-height:58px;padding-top:11px!important;padding-bottom:11px!important}
}

/* Dar masaüstü */
@media(max-width:1180px){
  .workspace{grid-template-columns:minmax(500px,550px) minmax(300px,1fr)!important}
  .service-name{font-size:12px!important}
}
@media(max-width:980px){
  .workspace{grid-template-columns:1fr!important}
  .services-panel,.people-panel{min-width:0!important}
  .service-list{overflow-x:auto!important}
  .compact-hero{grid-template-columns:1fr!important}
  .file-lookup-results{grid-template-columns:1fr!important}
}
@media(max-width:650px){
  .topbar{padding:0 16px!important}
  .brand span{display:none}
  .file-lookup,.compact-hero{margin-left:14px!important;margin-right:14px!important}
  .stats,.workspace{padding-left:14px!important;padding-right:14px!important}
  .lookup-row input{flex-basis:100%!important}
  .service-item{min-width:520px}
  .detail-grid{grid-template-columns:1fr!important}
  .drawer{padding:26px 18px!important}
}