/* ==========================================================================
   TALİ PORTALI v3 — CRM paneliyle aynı dil: Microsoft Fluent + yumuşak yüzeyler
   ========================================================================== */
:root{
  --tv-brand:#0F6CBD;--tv-brand-2:#115EA3;--tv-brand-3:#0F548C;--tv-text:#242424;--tv-text2:#424242;--tv-text3:#616161;
  --tv-line:rgba(0,0,0,.06);--tv-line2:rgba(0,0,0,.1);--tv-canvas:#F6F7F9;
  --tv-sh:0 1px 2px rgba(0,0,0,.05),0 4px 12px -4px rgba(0,0,0,.06);--tv-sh-h:0 2px 4px rgba(0,0,0,.05),0 12px 28px -8px rgba(0,0,0,.14);
  --tv-sans:"Segoe UI Variable Text","Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
}
html body{font-family:var(--tv-sans) !important;color:var(--tv-text);background:var(--tv-canvas) !important;padding-top:48px;letter-spacing:0;-webkit-font-smoothing:antialiased;}
html body *{letter-spacing:normal;}
/* üst çubuk */
.tv-suite{position:fixed;top:0;left:0;right:0;height:48px;z-index:90;display:flex;align-items:center;gap:4px;padding:0 8px 0 0;background:#0F6CBD;color:#fff;font-family:var(--tv-sans);}
.tv-suite button{font-family:inherit;}
.tv-waffle{width:48px;height:48px;border:0;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;}
.tv-waffle:hover{background:rgba(255,255,255,.12);}
.tv-waffle svg{width:20px;height:20px;}
.tv-brand{display:flex;align-items:center;gap:10px;padding:0 12px 0 4px;cursor:pointer;min-width:0;}
.tv-mark{width:24px;height:24px;border-radius:4px;background:#fff;color:#0F6CBD;display:grid;place-items:center;font:700 13px var(--tv-sans);flex:none;}
.tv-name{font:600 16px var(--tv-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tv-name span{font-weight:400;opacity:.85;margin-left:6px;}
.tv-right{margin-left:auto;display:flex;align-items:center;gap:4px;}
.tv-new{height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.7);border-radius:6px;background:transparent;color:#fff;display:inline-flex;align-items:center;gap:6px;font:600 14px var(--tv-sans);cursor:pointer;}
.tv-new:hover{background:rgba(255,255,255,.12);border-color:#fff;}
.tv-new svg{width:16px;height:16px;}
.tv-av{width:48px;height:48px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;padding:0;}
.tv-av span{width:32px;height:32px;border-radius:50%;background:#CFE4FA;color:#0F548C;display:grid;place-items:center;font:600 12px var(--tv-sans);}
html body .tali-mobile-menu-btn{display:none !important;}
/* düzen */
html body .tali-app{height:calc(100vh - 48px) !important;height:calc(100dvh - 48px) !important;grid-template-columns:248px minmax(0,1fr) !important;background:transparent !important;}
html body .tali-main{margin:0 !important;border-radius:0 !important;padding:28px 32px 40px !important;
  background:radial-gradient(760px 300px at 12% -60px,rgba(15,108,189,.075),transparent 70%),radial-gradient(680px 280px at 88% -80px,rgba(135,100,184,.065),transparent 70%),var(--tv-canvas) !important;}
/* sol menü */
html body .tali-sidebar{background:rgba(250,250,251,.96) !important;border-right:1px solid var(--tv-line) !important;color:var(--tv-text) !important;padding:8px 8px 0 !important;}
html body .tali-logo{display:none !important;}
html body .tali-nav{padding:4px 0 !important;}
html body .tali-nav-group{gap:2px !important;}
html body .tali-nav-group::before{display:block;padding:8px 12px 4px;font:600 12px var(--tv-sans);color:var(--tv-text3);}
html body .tali-nav-group:first-child::before{content:"Talep oluştur";}
html body .tali-nav-group:last-child::before{content:"Takip ve iletişim";}
html body .tali-nav-sep{height:0 !important;margin:8px 0 0 !important;background:none !important;border:0 !important;}
html body .tali-nav-item{position:relative;height:40px !important;padding:0 12px !important;gap:12px !important;border-radius:8px !important;border:0 !important;background:transparent !important;color:var(--tv-text) !important;font:400 14px var(--tv-sans) !important;box-shadow:none !important;}
html body .tali-nav-item svg{width:20px !important;height:20px !important;stroke:#424242 !important;fill:none !important;stroke-width:1.6 !important;}
html body .tali-nav-item:hover{background:rgba(0,0,0,.04) !important;}
html body .tali-nav-item.active{background:#fff !important;font-weight:600 !important;box-shadow:0 1px 2px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04) !important;}
html body .tali-nav-item.active::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:2px;background:var(--tv-brand);}
html body .tali-nav-item.active svg{stroke:var(--tv-brand) !important;}
html body .tali-support{margin:auto 4px 8px !important;padding:12px 14px !important;border-radius:12px !important;background:#fff !important;border:1px solid var(--tv-line) !important;box-shadow:none !important;color:var(--tv-text2) !important;font-size:13px !important;}
html body .tali-support strong{font:600 13px var(--tv-sans) !important;color:var(--tv-text) !important;}
html body .tali-support p{color:var(--tv-text3) !important;font-size:12px !important;margin:4px 0 0 !important;}
html body .tali-support-icon{color:var(--tv-brand) !important;}
html body .tali-profile{margin:0 -8px !important;padding:10px 12px !important;border-top:1px solid var(--tv-line) !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;}
html body .tali-profile-avatar{width:32px !important;height:32px !important;background:#CFE4FA !important;color:#0F548C !important;font:600 12px var(--tv-sans) !important;border-radius:50% !important;}
html body .tali-profile-info strong{font:600 14px var(--tv-sans) !important;color:var(--tv-text) !important;}
html body .tali-profile-info span{font-size:12px !important;color:var(--tv-text3) !important;}
html body .tali-logout-btn{height:30px !important;padding:0 10px !important;border-radius:6px !important;border:1px solid #D1D1D1 !important;background:#fff !important;color:var(--tv-text) !important;font:600 12px var(--tv-sans) !important;}
/* başlıklar */
html body .tali-main h1{font:600 26px/34px var(--tv-sans) !important;color:var(--tv-text) !important;letter-spacing:-.01em !important;}
html body .tali-main h2{font:600 18px/24px var(--tv-sans) !important;color:var(--tv-text) !important;}
html body .tali-main h3{font:600 16px/22px var(--tv-sans) !important;color:var(--tv-text) !important;}
html body .tali-main p{color:var(--tv-text3);}
/* kart yüzeyleri */
html body .tali-widget,html body .tali-form-card,html body .requests-table-card,html body .tali-quick-card,html body .tali-product-card,
html body .tali-detail-card,html body .tali-card,html body .tali-aside,html body .ei-card,html body [class*="tali-ei-"][class*="card"]{
  border-radius:12px !important;border:1px solid var(--tv-line) !important;box-shadow:var(--tv-sh) !important;background:rgba(255,255,255,.96) !important;background-image:none !important;
}
/* ---------- Ana sayfa ---------- */
html body .tali-home{max-width:1180px;margin:0 auto;display:grid !important;grid-template-columns:minmax(0,1fr) 320px !important;gap:20px !important;align-items:start;}
html body .tali-home-main{min-width:0;}
.tv-tarih{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:14px;background:rgba(255,255,255,.75);border:1px solid var(--tv-line);color:var(--tv-text2);font:600 12px var(--tv-sans);margin-bottom:10px;}
html body .tali-home-welcome{margin-bottom:20px !important;}
html body .tali-home-welcome h1{font-size:32px !important;line-height:40px !important;}
html body .tali-home-welcome h1 .tv-ad{background:linear-gradient(90deg,#0F6CBD,#8764B8);-webkit-background-clip:text;background-clip:text;color:transparent;}
html body .tali-home-welcome p{font-size:15px !important;margin-top:4px !important;}
.tv-bolum{font:600 16px var(--tv-sans);color:var(--tv-text);margin:0 0 12px;}
html body .tali-solutions-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:12px !important;}
html body .tali-solution-card{
  min-height:0 !important;height:auto !important;aspect-ratio:auto !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;gap:12px !important;
  padding:16px !important;border-radius:12px !important;border:1px solid var(--tv-line) !important;background:rgba(255,255,255,.96) !important;box-shadow:var(--tv-sh) !important;text-align:left !important;
  transition:transform .18s cubic-bezier(.33,0,.67,1),box-shadow .18s !important;cursor:pointer;
}
@media (hover:hover){html body .tali-solution-card:hover{transform:translateY(-2px);box-shadow:var(--tv-sh-h) !important;}}
html body .tali-solution-card strong{font:600 14px var(--tv-sans) !important;color:var(--tv-text) !important;}
html body .tali-solution-icon{display:grid !important;place-items:center;width:40px !important;height:40px !important;border-radius:10px !important;background:#EBF3FC !important;color:#0F6CBD !important;font-size:18px !important;margin:0 !important;}
html body .tali-solution-icon i{color:inherit !important;}
html body .tali-solution-card:nth-child(4n+2) .tali-solution-icon{background:#F4EFFA !important;color:#6B3FA0 !important;}
html body .tali-solution-card:nth-child(4n+3) .tali-solution-icon,html body .tali-solution-card--green .tali-solution-icon{background:#EDF7ED !important;color:#107C10 !important;}
html body .tali-solution-card:nth-child(4n+4) .tali-solution-icon{background:#FDF3EC !important;color:#BC4B09 !important;}
html body .tali-solution-card--green strong{color:var(--tv-text) !important;}
html body .tali-diger-talepler-btn{margin-top:12px !important;width:100% !important;height:44px !important;border-radius:12px !important;border:1px dashed #C7D9EE !important;background:#F7FAFE !important;color:#0F6CBD !important;font:600 14px var(--tv-sans) !important;box-shadow:none !important;}
html body .tali-home-widgets{display:flex !important;flex-direction:column;gap:16px !important;}
html body .tali-widget{padding:16px !important;}
html body .tali-widget-head{margin-bottom:8px !important;}
html body .tali-widget-link{color:#0F6CBD !important;font:600 13px var(--tv-sans) !important;}
html body .tali-stat-list{display:grid !important;grid-template-columns:1fr 1fr;gap:8px !important;}
html body .tali-stat-row{display:flex !important;flex-direction:column-reverse !important;align-items:flex-start !important;gap:2px !important;padding:12px !important;border-radius:10px !important;background:#F7F9FC !important;border:1px solid var(--tv-line) !important;}
html body .tali-stat-row strong{font:600 22px/1.15 var(--tv-sans) !important;color:var(--tv-text) !important;}
html body .tali-stat-row span{font:400 12px var(--tv-sans) !important;color:var(--tv-text3) !important;}
html body .tali-duyuru-empty{font-size:13px !important;color:var(--tv-text3) !important;padding:6px 0 !important;}
html body .tali-home-bottom{grid-column:1 / -1;margin-top:4px !important;}
html body .tali-home-bottom h2{font-size:16px !important;margin:0 0 12px !important;}
html body .tali-quick-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;}
html body .tali-quick-card{padding:16px !important;gap:14px !important;align-items:center !important;}
html body .tali-quick-icon{width:40px !important;height:40px !important;border-radius:10px !important;background:#EBF3FC !important;color:#0F6CBD !important;}
html body .tali-quick-card strong{font:600 14px var(--tv-sans) !important;color:var(--tv-text) !important;}
html body .tali-quick-card span{font-size:13px !important;color:var(--tv-text3) !important;}
/* ---------- Ürün seçimi ve formlar ---------- */
html body .tali-form-card{padding:24px !important;}
html body .tali-wizard-title h2{font-size:22px !important;}
html body .tali-product-card{padding:16px !important;align-items:flex-start !important;text-align:left !important;}
html body .tali-product-card strong{font:600 15px var(--tv-sans) !important;}
html body .tali-product-card span{font-size:13px !important;color:var(--tv-text3) !important;}
html body .tali-product-icon{width:40px !important;height:40px !important;border-radius:10px !important;}
@media (hover:hover){html body .tali-product-card:hover{transform:translateY(-2px);box-shadow:var(--tv-sh-h) !important;border-color:var(--tv-line) !important;}}
html body .tali-main input:not([type=checkbox]):not([type=radio]),html body .tali-main select,html body .tali-main textarea,html body .tali-aside input,html body .tali-aside textarea,html body .tali-aside select{
  border:1px solid #E0E0E0 !important;border-radius:8px !important;background:#fff !important;box-shadow:none !important;font-family:var(--tv-sans) !important;color:var(--tv-text) !important;
}
html body .tali-main input:focus,html body .tali-main select:focus,html body .tali-main textarea:focus,html body .tali-aside textarea:focus{border-color:#0F6CBD !important;box-shadow:0 0 0 3px rgba(15,108,189,.12) !important;outline:none !important;}
html body .tali-main button[class*="primary"],html body .tali-main .btn-primary,html body .tali-main [class*="gonder"],html body .tali-aside [class*="primary"]{background:#0F6CBD !important;background-image:none !important;border-color:transparent !important;color:#fff !important;border-radius:8px !important;box-shadow:none !important;}
html body .tali-main button[class*="primary"]:hover,html body .tali-main .btn-primary:hover{background:#115EA3 !important;}
/* ---------- Talep listeleri ---------- */
html body .tali-requests-page{max-width:1280px;margin:0 auto;}
html body .requests-topbar{margin-bottom:16px !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
html body .requests-topbar .user-card-mini{display:none !important;}
html body .requests-toolbar{padding:14px 16px !important;border-bottom:1px solid var(--tv-line) !important;}
html body .search-box{height:36px !important;border-radius:8px !important;border:1px solid #E0E0E0 !important;background:#fff !important;box-shadow:none !important;}
html body .requests-scope-tabs button,html body .requests-search-row .btn{border-radius:8px !important;}
html body .requests-status-grid{display:flex !important;flex-wrap:wrap;gap:8px !important;margin-top:12px !important;}
html body .requests-status-grid .stat-card{flex:none !important;min-height:0 !important;height:32px !important;padding:0 14px !important;border-radius:16px !important;border:1px solid var(--tv-line2) !important;background:#fff !important;box-shadow:none !important;display:inline-flex !important;flex-direction:row !important;align-items:center !important;gap:8px !important;}
html body .requests-status-grid .stat-card *{font-size:13px !important;line-height:1 !important;}
html body .requests-status-grid .stat-card [class*="icon"],html body .requests-status-grid .stat-card svg,html body .requests-status-grid .stat-card::before,html body .requests-status-grid .stat-card::after{display:none !important;}
html body .requests-status-grid .stat-card .stat-num,html body .requests-status-grid .stat-card strong,html body .requests-status-grid .stat-card b{font-weight:600 !important;color:var(--tv-text) !important;order:2;}
html body .requests-status-grid .stat-card .stat-label,html body .requests-status-grid .stat-card span{text-transform:none !important;font-weight:600 !important;color:var(--tv-text2) !important;letter-spacing:0 !important;}
html body .requests-status-grid .stat-card.active{background:#EBF3FC !important;border-color:#CFE4FA !important;}
html body .requests-status-grid .stat-card.active *{color:#0F548C !important;}
html body .requests-table th{font:600 13px var(--tv-sans) !important;color:var(--tv-text3) !important;text-transform:none !important;letter-spacing:0 !important;background:transparent !important;border-bottom:1px solid var(--tv-line) !important;padding:10px 14px !important;}
html body .requests-table td{padding:12px 14px !important;border-bottom:1px solid rgba(0,0,0,.045) !important;font-size:14px !important;}
@media (hover:hover){html body .requests-table tbody tr:hover td{background:#F7F9FC !important;}}
html body .requests-table .status,html body [class*="badge"]{border-radius:10px !important;}
html body .table-footer{padding:12px 16px !important;border-top:1px solid var(--tv-line) !important;color:var(--tv-text3) !important;font-size:13px !important;}
/* ---------- Detay paneli ---------- */
html body .tali-aside{border-radius:12px 0 0 12px !important;}
/* ---------- Toast ---------- */
html body .tali-toast{border-radius:12px !important;background:rgba(255,255,255,.97) !important;color:var(--tv-text) !important;border:1px solid var(--tv-line) !important;box-shadow:0 4px 8px rgba(0,0,0,.06),0 16px 36px -10px rgba(0,0,0,.22) !important;font:400 14px var(--tv-sans) !important;}
/* ---------- Alt menü (telefon) ---------- */
.tv-bnav{display:none;}
@media (max-width:1100px){ html body .tali-home{grid-template-columns:minmax(0,1fr) !important;} }
@media (max-width:768px){
  html body .tali-app{height:auto !important;min-height:calc(100dvh - 48px) !important;grid-template-columns:1fr !important;}
  html body .tali-sidebar{top:48px !important;padding-top:8px !important;}
  html body .tali-main{padding:18px 14px calc(84px + env(safe-area-inset-bottom)) !important;min-height:calc(100dvh - 48px) !important;}
  .tv-name span,.tv-new span{display:none;}
  .tv-new{border:0;padding:0 10px;}
  html body .tali-main h1{font-size:22px !important;line-height:28px !important;}
  html body .tali-home-welcome h1{font-size:26px !important;line-height:32px !important;}
  html body .tali-solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;}
  html body .tali-solution-card{padding:14px !important;flex-direction:row !important;align-items:center !important;}
  html body .tali-solution-icon{width:36px !important;height:36px !important;}
  html body .tali-quick-grid{grid-template-columns:1fr !important;}
  html body .rq-mobile-card{border-radius:12px !important;border:1px solid var(--tv-line) !important;box-shadow:var(--tv-sh) !important;}
  .tv-bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;padding:4px 4px calc(4px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.92);backdrop-filter:saturate(1.6) blur(20px);-webkit-backdrop-filter:saturate(1.6) blur(20px);box-shadow:0 -1px 0 var(--tv-line);}
  .tv-bnav button{height:52px;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#616161;font:400 11px var(--tv-sans);cursor:pointer;-webkit-tap-highlight-color:transparent;}
  .tv-bnav button svg{width:22px;height:22px;}
  .tv-bnav button.is-on{color:#0F6CBD;font-weight:600;}
  .tv-bnav .tv-bnav-yeni span:first-child{width:40px;height:40px;border-radius:12px;background:#0F6CBD;color:#fff;display:grid;place-items:center;box-shadow:0 6px 14px -4px rgba(15,108,189,.5);}
  .tv-bnav .tv-bnav-yeni svg{width:20px;height:20px;}
  html body .tali-toast{bottom:calc(76px + env(safe-area-inset-bottom)) !important;}
}
/* düzeltmeler */
html body .requests-status-grid .stat-card > div:last-child{display:flex !important;flex-direction:row-reverse !important;align-items:center !important;gap:8px !important;}
html body .requests-status-grid .stat-card .stat-num{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#F0F0F0;display:inline-grid !important;place-items:center;font-size:12px !important;}
html body .requests-status-grid .stat-card.active .stat-num{background:#0F6CBD !important;color:#fff !important;}
html body .requests-status-grid .stat-card[disabled]{display:none !important;}
html body .search-box{display:flex !important;align-items:center;gap:8px;padding:0 12px !important;}
html body .search-box > span{font-size:0 !important;width:16px;height:16px;flex:none;background:no-repeat center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23616161' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");}
html body .search-box input{border:0 !important;box-shadow:none !important;background:transparent !important;flex:1;min-width:0;height:34px !important;padding:0 !important;}
html body .requests-topbar{background:transparent !important;}
html body .tv-bolum,html body .tali-solutions-section h2{text-align:left !important;}
html body .tali-support{display:grid !important;grid-template-columns:20px 1fr;column-gap:10px;align-items:start;}
html body .tali-support-icon{grid-row:1 / 3;width:20px !important;height:20px !important;position:static !important;margin:0 !important;}
/* kullanıcı bilgisi yalnızca sağ üstte */
html body .tali-profile{display:none !important;}
.tv-menu{position:fixed;top:52px;right:8px;z-index:95;width:260px;padding:8px;border-radius:12px;background:rgba(255,255,255,.98);border:1px solid var(--tv-line);box-shadow:0 4px 8px rgba(0,0,0,.06),0 24px 48px -12px rgba(0,0,0,.24);font-family:var(--tv-sans);}
.tv-menu[hidden]{display:none;}
.tv-menu-ust{display:flex;align-items:center;gap:12px;padding:10px 8px 12px;border-bottom:1px solid var(--tv-line);margin-bottom:6px;}
.tv-menu-ust span{width:40px;height:40px;border-radius:50%;background:#CFE4FA;color:#0F548C;display:grid;place-items:center;font:600 14px var(--tv-sans);flex:none;}
.tv-menu-ust b{display:block;font:600 14px var(--tv-sans);color:var(--tv-text);}
.tv-menu-ust small{font-size:12px;color:var(--tv-text3);}
.tv-menu button{width:100%;height:36px;border:0;border-radius:8px;background:transparent;text-align:left;padding:0 10px;font:400 14px var(--tv-sans);color:var(--tv-text);cursor:pointer;display:flex;align-items:center;gap:10px;}
.tv-menu button:hover{background:rgba(0,0,0,.04);}
.tv-menu button svg{width:18px;height:18px;color:#616161;}
.tv-menu .tv-cikis{color:#C50F1F;}.tv-menu .tv-cikis svg{color:#C50F1F;}
html body .tali-main .requests-status-grid{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;grid-template-columns:none !important;}
html body .tali-main .requests-status-grid .stat-card{width:auto !important;max-width:none !important;flex:0 0 auto !important;}
html body .tali-main .search-box input{border:0 !important;box-shadow:none !important;background:transparent !important;}
html body .tali-main .search-box{flex:1;max-width:520px;}
html body #tali-liste-arama{border:0 !important;box-shadow:none !important;background:transparent !important;}