:root{--bg:#f3f6fb;--card:#fff;--text:#19304c;--muted:#64748b;--line:#d4deeb;--blue:#2563eb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px 'Segoe UI',sans-serif}body.dark{--bg:#101827;--card:#1b293c;--text:#edf3fb;--muted:#a2b3cb;--line:#34445c;--blue:#5088ff}button,input,select,textarea{font:inherit;border-radius:8px;border:1px solid var(--line);padding:11px;color:var(--text);background:var(--card)}button{cursor:pointer}button.primary,.brand.active{background:var(--blue);color:white;border-color:var(--blue)}button:disabled{opacity:.5;cursor:default}a{color:var(--blue)}aside{position:fixed;width:235px;inset:0 auto 0 0;background:#14243a;color:white;padding:24px}aside h1{font-size:28px}nav button{display:block;width:100%;text-align:left;background:transparent;color:#dce6f4;border:0;margin:10px 0}nav button.active{background:#295ca7}main{margin-left:235px;padding:26px 40px;max-width:1550px}header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:28px}.identity{text-align:right}.muted{color:var(--muted);font-size:13px}.card{background:var(--card);padding:24px;border-radius:15px;margin:20px 0}.brands{display:flex;gap:20px}.brand{flex:1;padding:23px;font-size:21px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field input,.field select,.field textarea{width:100%;margin-top:10px}.label{display:flex;justify-content:space-between;align-items:center;gap:10px}.formhead{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.actions{display:flex;gap:10px}.chat{background:var(--bg);border:1px solid var(--line);padding:18px;border-radius:12px;margin-top:24px}.messages{max-height:230px;overflow:auto}.fullchat .messages{max-height:55vh;min-height:300px}.message{padding:10px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.message p{margin:6px 0;white-space:pre-wrap}.announcement{background:var(--card);padding:12px;border-left:4px solid var(--blue)}.compose{display:flex;gap:12px;margin-top:15px}.compose input{flex:1;min-width:0}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.overflow{overflow:auto}.auth{max-width:470px;margin:8vh auto}.auth input,.auth select{display:block;width:100%;margin:14px 0}.guide{max-width:1000px;margin:auto}.guide img{max-width:100%;height:auto;border-radius:8px}.step{border:1px solid var(--line);padding:20px;margin:18px 0;border-radius:12px}.step textarea{width:100%;min-height:90px}.step input{width:100%;margin:8px 0}.stats{display:flex;gap:20px;flex-wrap:wrap}.stats .card{flex:1;min-width:170px}#notice{position:fixed;bottom:20px;right:20px;background:var(--text);color:var(--card);padding:14px;border-radius:9px;z-index:10}.empty{text-align:center;padding:65px 20px}.mobilemenu{display:none}pre{white-space:pre-wrap;overflow-wrap:anywhere}h2{font-size:25px}label{display:block} @media(max-width:800px){aside{position:static;width:auto;padding:12px}aside h1{margin:6px}nav{display:flex;flex-wrap:wrap}nav button{width:auto;font-size:13px;margin:3px}main{margin:0;padding:18px}.grid{grid-template-columns:1fr}.brands{gap:8px}.brand{font-size:14px;padding:18px 8px}header{align-items:flex-start}.card{padding:17px}.identity{font-size:13px}.actions{flex-wrap:wrap}table{font-size:13px}}
/* Visual refresh: operation dashboard */
:root{--bg:#eef2f3;--card:#fff;--text:#182b30;--muted:#73838a;--line:#dfe7e9;--blue:#167d78;--accent:#c69d61}body{font-family:'Segoe UI',sans-serif;letter-spacing:.1px}body.dark{--bg:#0b1417;--card:#121f23;--text:#e7eef0;--muted:#8fa4aa;--line:#24363c;--blue:#66c4b6;--accent:#d2ad71;background:radial-gradient(ellipse at 70% 0%,#183137 0%,#0b1417 55%)}aside{width:246px;background:#102126;border-right:1px solid #263c42;padding:28px 18px}aside h1{margin:4px 12px 42px;font-size:27px;letter-spacing:-1px}aside h1::after{content:'OPERASYON PANELİ';display:block;margin-top:9px;color:#829da4;font-size:10px;letter-spacing:2.4px}nav button{padding:14px 16px;margin:5px 0;border-radius:10px;color:#99b0b6;font-size:14px}nav button:hover{background:#1b343b;color:#fff}nav button.active{background:#244349;color:#bcece4;box-shadow:inset 3px 0 #80c8b9}main{margin-left:246px;max-width:1680px;padding:30px 38px}header{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:26px}header h2{font-size:24px;letter-spacing:-.7px;margin:0}.identity{font-size:13px}.identity strong{font-weight:600}.identity p{margin:10px 0 0}.identity button{padding:7px 12px;font-size:12px}.card{border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 30px #07171d06;padding:25px}.brands{gap:16px;flex-wrap:wrap}.brand{position:relative;min-width:180px;text-align:left;font-size:18px;letter-spacing:.6px;font-weight:600;padding:27px 24px;border-radius:13px;box-shadow:0 6px 25px #07171d05;transition:transform .18s,border-color .18s}.brand:hover{transform:translateY(-3px);border-color:var(--blue)}.brand::before{content:'ŞİKAYET MARKASI';display:block;font-size:10px;letter-spacing:1.8px;color:var(--muted);margin-bottom:13px}.brand::after{content:'↗';position:absolute;right:22px;top:28px;color:var(--muted)}.brand.active{background:var(--card);color:var(--text);border-color:var(--blue);box-shadow:inset 0 -3px var(--blue)}.brand.active::after{content:'✓';color:var(--blue)}input,select,textarea{background:var(--bg);border-radius:9px;padding:13px 15px;font-size:14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #5bc4b51a}button{font-weight:500;transition:background .15s}button.primary{background:#227e76;border-color:#227e76;color:#fff}button.primary:hover{background:#176c65}.formhead{padding-bottom:19px;border-bottom:1px solid var(--line);margin-bottom:22px}.formhead h3{margin:0;font-size:18px}.grid{gap:18px;margin-top:20px}.field .label{font-size:13px;margin-bottom:4px}.label a{padding:5px 11px;border:1px solid var(--line);border-radius:6px;text-decoration:none;font-size:11px}.field{min-width:0}.chat{margin-top:25px;background:var(--bg);padding:20px}.chat h3{font-size:16px;margin:0}.chat .label{margin-bottom:15px}.chat .label button{font-size:11px;padding:6px 10px}.message{font-size:13px}.message strong{font-weight:600}.message .muted{float:right;font-size:11px}.compose button{min-width:95px}.empty{padding:76px 20px;border-style:dashed}.empty h2{font-size:20px;margin:0 0 10px}.empty::before{content:'+';display:block;width:52px;height:52px;line-height:48px;margin:0 auto 22px;border:1px solid var(--line);border-radius:14px;color:var(--blue);font-size:30px}.stats{gap:16px}.stats .card{border-top:3px solid var(--blue);font-size:12px;color:var(--muted)}.stats h2{font-size:40px;letter-spacing:-1px;margin:15px 0 0;color:var(--text)}th{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);background:var(--bg)}td{font-size:13px;padding:16px 12px}tbody tr:hover{background:var(--bg)}progress{width:100%;height:9px;accent-color:var(--blue);border:0;border-radius:6px;overflow:hidden}progress::-webkit-progress-bar{background:var(--bg)}progress::-webkit-progress-value{background:linear-gradient(90deg,#227e76,#b9cda0);border-radius:6px}td progress{width:120px}.auth{padding:38px;box-shadow:0 20px 80px #00151a12}.auth h1{letter-spacing:-1px}.guide{margin:auto!important}.guide header{margin-bottom:25px}.step{background:var(--bg)}a{color:var(--blue)}
@media(max-width:800px){aside{width:auto;padding:14px;position:static}aside h1{margin:0 0 14px;font-size:23px}aside h1::after{display:none}nav button{padding:9px 11px;font-size:12px}main{margin:0;padding:20px 14px}header{gap:10px}header h2{font-size:19px}.identity{font-size:11px}.identity button{font-size:11px;padding:6px 8px}.brand{min-width:0;padding:20px 13px;font-size:13px}.brand::before{font-size:8px;letter-spacing:.5px}.brand::after{display:none}.brands{flex-wrap:nowrap;gap:8px}.card{padding:18px}.grid{grid-template-columns:1fr}.formhead{gap:14px}.actions{margin-left:auto}.message .muted{float:none;display:block;margin-top:4px}.stats .card{min-width:135px}.empty{padding:45px 12px}.compose{gap:8px}.compose button{min-width:65px}}
body.medium{--bg:#bfcacd;--card:#d3dcde;--text:#23373d;--muted:#5b7079;--line:#a7b9bf;--blue:#246f69;--accent:#916c3b;background:#bfcacd}body.medium aside{background:#344b53;border-color:#48636c}body.medium nav button{color:#d1dce0}body.medium nav button.active{background:#506b73;color:#fff;box-shadow:inset 3px 0 #a8d3c9}body.medium .card{box-shadow:0 8px 25px #253d4710}body.medium .chat{background:#c5d0d3}.identity select{padding:7px 12px;font-size:12px}body.dark{color-scheme:dark}body.medium{color-scheme:light}body:not(.dark):not(.medium){color-scheme:light}
/* Orange accents and navy navigation */
:root{--blue:#c85a16;--accent:#ea7b32}body.dark{--blue:#f49a58;--accent:#f49a58}body.medium{--blue:#b64e10;--accent:#d46b24}aside,body.medium aside{background:#101d3b;border-color:#24365c}nav button,body.medium nav button{color:#bbc7df}nav button:hover{background:#1b2c50}nav button.active,body.medium nav button.active{background:#253758;color:#ffe2c9;box-shadow:inset 3px 0 #ed873f}header{border-top:3px solid var(--accent);padding-top:18px}.formhead{border-top:3px solid var(--accent);padding-top:18px}button.primary{background:#c65e1d;border-color:#c65e1d}button.primary:hover{background:#ac4b11}.brand.active{border-color:var(--accent);box-shadow:inset 0 -3px var(--accent)}.stats .card{border-top-color:var(--accent)}progress::-webkit-progress-value{background:linear-gradient(90deg,#c65e1d,#f1b272)}
.daily-stats{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0}.daily-summary{flex:1;min-width:130px;background:var(--bg);padding:17px;border-radius:10px;border-left:3px solid var(--accent)}.daily-summary span,.daily-summary strong,.daily-summary small{display:block}.daily-summary span{font-size:11px;color:var(--muted)}.daily-summary strong{font-size:23px;margin:10px 0}.daily-summary small{color:var(--muted)}
.performance-warning{border:1px solid #df7777;border-left:4px solid #c93636;background:#c9363614;color:#b12626;padding:15px 20px;border-radius:10px;margin:15px 0}body.dark .performance-warning{color:#ffaaaa}#perfthreshold{max-width:120px;margin:10px} 
nav button[data-page="new"]{font-size:20px;font-weight:700;padding:15px 11px}

nav button.active,nav button[data-page="new"].active{font-size:23px;font-weight:750}.empty::before{display:none}.empty .chat{text-align:left}.empty{padding-bottom:20px}#choosebrand{font-size:28px;color:var(--blue);width:56px;height:56px}#brandpicker button{margin:8px}#content>.empty .messages,#content .chat .messages{max-height:none;overflow:visible}.fullchat .messages{max-height:55vh;overflow:auto}
.compact-start{padding:20px;text-align:left}.compact-start::before,.compact-start::after{display:none!important;content:none!important}.start-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.start-row h2{margin:0;font-size:17px}.start-row p{margin:6px 0 0;font-size:13px;color:var(--muted)}.compact-start #choosebrand{width:auto;height:auto;font-size:14px;white-space:nowrap}.compact-start .chat{margin-top:16px}.compact-start .messages{min-height:260px;text-align:left}.compact-start .message{text-align:left}@media(max-width:600px){.start-row{align-items:flex-start}.compact-start .messages{min-height:200px}}
.chat .messages,.chat .message,.chat .message p,.fullchat .message{text-align:left!important}.chat .message{margin-left:0!important;margin-right:0!important}.chat .message .muted{float:none!important}
/* Approved thick menu outlines */
aside nav button,body.medium aside nav button{border:3px solid #445f91;border-left:7px solid #df782d;background:#192b4b;color:#e1e9f7;border-radius:12px;box-shadow:0 5px 14px rgba(0,0,0,.22);padding:12px 13px;margin:8px 0;transition:background .18s,border-color .18s,box-shadow .18s}
aside nav button:hover,body.medium aside nav button:hover{background:#253a60;border-color:#7393ca;border-left-color:#ff9d48;box-shadow:0 7px 18px rgba(0,0,0,.3)}
aside nav button.active,body.medium aside nav button.active{background:linear-gradient(135deg,#2b4169,#223353);border:4px solid #7798ce;border-left:9px solid #f58d32;color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)}
aside{overflow-y:auto}@media(max-width:800px){aside nav button{margin:4px;font-size:13px;padding:9px 10px}aside nav button.active{font-size:17px}}
@media(max-width:800px){aside{position:static;inset:auto;width:100%;height:auto;overflow:visible;padding:12px}aside h1{margin:4px 8px 14px}aside nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}aside nav button,body.medium aside nav button{width:100%;margin:0;min-height:48px;font-size:14px;padding:10px;overflow-wrap:anywhere}aside nav button.active,aside nav button[data-page="new"].active{font-size:18px}main{margin-left:0;width:100%;padding:16px;max-width:100%}header{flex-direction:column;align-items:stretch;gap:12px}.identity{text-align:left}.identity p{display:flex;flex-wrap:wrap;gap:8px}.identity button,.identity select{min-height:42px}.brands{display:grid;grid-template-columns:1fr;gap:10px}.brand{min-width:0;width:100%;padding:17px;font-size:17px}.grid{grid-template-columns:minmax(0,1fr)}.card{padding:16px}.field input,.field select,.field textarea,#adduser input,#adduser select{max-width:100%;width:100%;min-height:44px}.formhead{gap:12px}.actions{width:100%;flex-wrap:wrap}.actions button{flex:1;min-height:44px}.start-row{flex-wrap:wrap}.compose{flex-wrap:wrap}.compose input{width:100%;flex-basis:100%;min-height:44px}.compose button{width:100%;min-height:44px}.chat{padding:12px}.chat .label{flex-wrap:wrap}.stats{display:grid;grid-template-columns:1fr;width:100%;gap:10px}.stats .card{margin:0;min-width:0}.overflow{max-width:100%;overflow-x:auto}table{min-width:600px}.message{overflow-wrap:anywhere}.guide{width:100%}.guide img{max-width:100%}body{overflow-x:hidden}}