/* KLUG CRM visual refresh 2026-11-07. Presentation only; no layout or workflow rules. */
:root{--klug-ink:#1c2c44;--klug-muted:#66758b;--klug-line:#e2e8f0;--klug-accent:#ce601a;--klug-navy:#14243b}
body{background:#f3f5f9;-webkit-font-smoothing:antialiased}
main{background:radial-gradient(ellipse at 100% 0%,#fff7ed 0,transparent 42%),linear-gradient(145deg,#f7f9fc,#f0f3f8)!important;color:var(--klug-ink)}
main h1,main h2,main h3{color:#192c47!important}
#root aside{background:linear-gradient(175deg,#192c47,#111e32)!important;border-right-color:#223852!important;box-shadow:5px 0 24px #14243b0a;color:#e8edf5}
#root aside>div:first-child{background:linear-gradient(160deg,#203958,#172a44)!important;border-bottom-color:#34445c!important}
#root aside>div{border-color:#34445c!important}
#root aside>div:last-child{background:#101d30;color:#e8edf5!important}
#root aside>div:last-child div[style*="color: rgb(26, 31, 43)"]{color:#f1f5fb!important}
#root aside>div:last-child div[style*="color: rgb(93, 103, 117)"]{color:#a9b7cc!important}
#root aside nav a{color:#cad4e3!important;border-radius:0 11px 11px 0!important;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease!important}
#root aside nav a:hover{background:#ffffff0d!important;color:#fff!important}
#root aside nav a[aria-current="page"],#root aside nav a.active{background:linear-gradient(90deg,#c45b1d26,#e0782020)!important;color:#ffbe87!important;border-left-color:#f1914b!important;box-shadow:inset 0 0 0 1px #f18e331c}
#root aside nav a svg{opacity:.92}
#root aside button{border-radius:10px!important}
#root aside>div:last-child button{background:#21334d!important;color:#dce5f3!important;border-color:#3b4b64!important}
main div[title="Sürükleyip bırakarak önem sırasını değiştirin"]{border-radius:14px!important;border-top-color:var(--klug-line)!important;border-right-color:var(--klug-line)!important;border-bottom-color:var(--klug-line)!important;box-shadow:0 3px 12px #20365406;transition:box-shadow .18s ease,border-color .18s ease!important}
main div[title="Sürükleyip bırakarak önem sırasını değiştirin"]:hover{box-shadow:0 7px 24px #20365410}
main div[style*="background: rgb(255, 255, 255)"][style*="border-radius"]:not([title]):not([role="dialog"]){border-color:var(--klug-line);box-shadow:0 3px 15px #20365405}
main table{color:#29394f}
main thead th,main tr:first-child th{background:#edf2f8!important;color:#536880!important;border-color:#dfe6ef!important;font-weight:650}
main td{border-bottom-color:#e9edf4!important}
main tbody tr{transition:background-color .12s ease}
main tbody tr:hover{background:#f7faff!important}
main table button{border-radius:8px!important}
button,input,textarea,select{font-family:inherit}
button{transition:background-color .14s ease,box-shadow .14s ease,border-color .14s ease}
.btn-primary{background:linear-gradient(135deg,#d66c26,#b94d13)!important;border-color:#b94d13!important;box-shadow:0 3px 9px #b94d1320;color:#fff!important;border-radius:10px!important}
.btn-primary:hover{background:linear-gradient(135deg,#df7830,#c75819)!important;box-shadow:0 4px 13px #b94d1330}
.btn-secondary{background:#fff!important;border-color:#dce3ed!important;color:#3e516b!important;border-radius:10px!important}
main input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),main textarea,main select{border-color:#dbe3ee!important;border-radius:9px!important}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #e9823c!important;outline-offset:2px;box-shadow:0 0 0 4px #e9823c14!important}
button:focus-visible,a:focus-visible{outline:2px solid #e9823c;outline-offset:3px}
[role="dialog"]{border-radius:16px!important;box-shadow:0 18px 60px #14243b26!important}
::selection{background:#f9d5bb;color:#27364c}
@media(prefers-reduced-motion:reduce){button,main tbody tr,#root aside nav a,main div[title="Sürükleyip bırakarak önem sırasını değiştirin"]{transition:none!important}}
@media print{main{background:#fff!important}#root aside{background:#fff!important;box-shadow:none!important}main div[title="Sürükleyip bırakarak önem sırasını değiştirin"]{box-shadow:none!important}}

/* CRM-MOBIL-2: bildirim/Klara hizasi ve dar ekran erisilebilirligi */
@media(min-width:768px){
 #root aside>div:nth-child(2){display:flex!important;align-items:center!important;gap:8px!important}
 #root aside>div:nth-child(2)>button,#root aside>div:nth-child(2)>div>button{height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;vertical-align:middle!important}
}
@media(max-width:767px){
 #root header button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
 #root main{min-width:0;max-width:100%;overflow-wrap:anywhere}
 #root main div:has(>table){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 #root main table:not(.kx-kart){min-width:620px}
 #root main table.kx-kart{min-width:0!important;width:100%!important}
 #root main input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),#root main textarea,#root main select{font-size:16px!important;min-height:40px}
 #root main .btn{min-height:40px}
 [role="dialog"]{max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px);overflow-y:auto}
 #root main form{max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px);overflow-y:auto}
}

/* Form acikken yuzecek kisayollar kaydet dugmelerini ortmesin. */
body:has(main form) button[aria-label="Hızlı ekle"],body:has(main form) button[aria-label="Yapay zekâ asistanını aç"],body:has([role="dialog"]) button[aria-label="Hızlı ekle"],body:has([role="dialog"]) button[aria-label="Yapay zekâ asistanını aç"]{visibility:hidden!important;pointer-events:none!important}