/* Bildiri Sistemi — iskelet stiller. Vurgu: turuncu (logoyla uyumlu), indigo değil. */
:root{
  --acc:#ea580c; --acc2:#f59e0b;
  --ok:#16a34a; --warn:#d97706; --bad:#dc2626;
}
[data-theme="dark"]{
  --bg:#12141d; --card:#1a1d2a; --card2:#22263a;
  --tx:#e5e7ef; --mut:#8b90a5; --line:#2c3048; --input:#12141f;
}
[data-theme="light"]{
  --bg:#f4f5fa; --card:#ffffff; --card2:#f8f9fc;
  --tx:#1e2130; --mut:#6b7280; --line:#e5e7eb; --input:#ffffff;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--tx);font-size:14px;min-height:100vh;display:flex;flex-direction:column}

/* logo tema anahtarı */
[data-theme="dark"] .logo-light{display:none}
[data-theme="light"] .logo-dark{display:none}

.topnav{display:flex;align-items:center;gap:14px;padding:12px 22px;border-bottom:1px solid var(--line);background:var(--card)}
.brand img{height:34px;display:block}
.grow{flex:1}
.nav-a{color:var(--tx);text-decoration:none;font:500 13px 'Inter';padding:7px 12px;border-radius:8px}
.nav-a:hover{background:var(--card2)}
.nav-user{color:var(--mut);font-size:13px}
.theme-btn{background:none;border:1px solid var(--line);border-radius:8px;width:34px;height:34px;cursor:pointer;color:var(--tx);font-size:15px}
[data-theme="dark"] .theme-btn .moon{display:none}
[data-theme="light"] .theme-btn .sun{display:none}

.page{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:36px 18px}
.foot{text-align:center;color:var(--mut);font-size:11.5px;padding:18px;border-top:1px solid var(--line)}

.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px;max-width:440px;margin:0 auto}
.card h1{font-size:19px;margin-bottom:6px}
.card .sub{color:var(--mut);font-size:13px;margin-bottom:20px}

.field{margin-bottom:14px}
.field label{display:block;font:600 12px 'Inter';color:var(--mut);margin-bottom:5px}
.field input,.field select,.field textarea{width:100%;background:var(--input);border:1px solid var(--line);border-radius:9px;padding:9px 11px;font:400 13.5px 'Inter';color:var(--tx)}
.field input:focus{outline:2px solid var(--acc);outline-offset:-1px}
.err{color:var(--bad);font-size:12px;margin-top:4px}
.form-err{background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.35);color:var(--bad);border-radius:9px;padding:10px 12px;font-size:12.5px;margin-bottom:14px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--acc);color:#fff;border:0;border-radius:10px;padding:10px 18px;font:600 13.5px 'Inter';cursor:pointer;text-decoration:none}
.btn:hover{filter:brightness(1.08)}
.btn.w{width:100%}
.btn.ghost{background:transparent;color:var(--acc);border:1.5px solid var(--acc)}

.link{color:var(--acc);text-decoration:none;font-weight:600}
.center{text-align:center}
.mut{color:var(--mut)}

.msgs{max-width:1000px;margin:14px auto 0;padding:0 18px}
.msg{border-radius:10px;padding:11px 14px;font-size:13px;margin-bottom:8px}
.msg-success{background:rgba(22,163,74,.12);border:1px solid rgba(22,163,74,.4);color:var(--ok)}
.msg-error{background:rgba(220,38,38,.12);border:1px solid rgba(220,38,38,.4);color:var(--bad)}
.msg-info{background:rgba(234,88,12,.1);border:1px solid rgba(234,88,12,.35);color:var(--acc)}

.check{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;margin-bottom:14px}
.check input{width:16px;height:16px;accent-color:var(--acc);margin-top:1px}

.hero{text-align:center;padding:48px 0}
.hero img{height:72px;margin-bottom:22px}
.hero h1{font-size:24px;margin-bottom:10px}
.hero p{color:var(--mut);max-width:460px;margin:0 auto 26px;line-height:1.6}

/* ---- rozetler ---- */
.badge{display:inline-block;padding:3px 10px;border-radius:99px;font:600 11px 'Inter';white-space:nowrap}
.b-draft{background:rgba(139,144,165,.18);color:var(--mut)}
.b-sent{background:rgba(2,132,199,.16);color:#38bdf8}
.b-eval{background:rgba(139,92,246,.16);color:#a78bfa}
.b-rev{background:rgba(217,119,6,.16);color:#fbbf24}
.b-ok{background:rgba(22,163,74,.16);color:#4ade80}
.b-no{background:rgba(220,38,38,.16);color:#f87171}
[data-theme="light"] .b-sent{color:#0369a1}
[data-theme="light"] .b-eval{color:#6d28d9}
[data-theme="light"] .b-rev{color:#b45309}
[data-theme="light"] .b-ok{color:#15803d}
[data-theme="light"] .b-no{color:#b91c1c}

/* ---- geniş kart & listeler ---- */
.card.wide{max-width:100%}
.list-item{display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:var(--card2)}
.list-item .no{font:700 13px 'Inter';color:var(--acc);min-width:44px}
.list-item .t{flex:1;min-width:0}
.list-item .t b{display:block;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-item .t span{font-size:12px;color:var(--mut)}
.btn.sm{padding:7px 12px;font-size:12.5px}
.btn.gray{background:var(--card2);color:var(--tx);border:1px solid var(--line)}

/* ---- panel ---- */
.pshell{display:flex;gap:0;flex:1;width:100%}
.psb{width:210px;flex-shrink:0;border-right:1px solid var(--line);background:var(--card);padding:16px 10px;min-height:calc(100vh - 59px)}
.psb a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;color:var(--mut);text-decoration:none;font:500 12.5px 'Inter';margin-bottom:2px}
.psb a.on{background:rgba(234,88,12,.14);color:var(--acc)}
.psb .grp{font:600 10px 'Inter';letter-spacing:.8px;color:var(--mut);padding:12px 10px 5px;text-transform:uppercase;opacity:.7}
.pmain{flex:1;min-width:0;padding:24px}
.pmain h2{font-size:17px;margin-bottom:16px}
.pcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:16px}
.pcard h3{font-size:13.5px;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.pcard h3 i{color:var(--acc)}
table.pt{width:100%;border-collapse:collapse}
.pt th{font:600 11px 'Inter';color:var(--mut);text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.4px}
.pt td{padding:10px;border-bottom:1px solid var(--line);font-size:12.5px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.fgrid .full{grid-column:1/-1}
.field .helptext,.field .help{display:block;font-size:11px;color:var(--mut);margin-top:3px}
.field input[type=checkbox]{width:16px;height:16px;accent-color:var(--acc);vertical-align:middle}
.checkline{display:flex;align-items:center;gap:9px;font-size:13px;margin-bottom:12px}
.checkline input{width:16px;height:16px;accent-color:var(--acc)}

/* ---- gönderim formu ---- */
.au-row{display:grid;grid-template-columns:26px 1.3fr .9fr 80px 30px;gap:8px;align-items:center;margin-bottom:8px}
.au-row .ord{font:700 12px 'Inter';color:var(--mut);text-align:center}
.au-row input,.au-row select{width:100%;background:var(--input);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:400 13px 'Inter';color:var(--tx)}
.au-row .del{color:var(--bad);cursor:pointer;text-align:center;background:none;border:0;font-size:15px}
.inst-row{display:grid;grid-template-columns:26px 1fr 30px;gap:8px;align-items:center;margin-bottom:8px}
.inst-row input{width:100%;background:var(--input);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:400 13px 'Inter';color:var(--tx)}
.counter{display:flex;justify-content:flex-end;font:600 11.5px 'Inter';color:var(--mut);margin-top:4px}
.counter.over{color:var(--bad)}
.warnbox{display:flex;gap:10px;background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.35);border-radius:10px;padding:12px 14px;color:var(--bad);font-size:13px;margin:16px 0;align-items:center}
.section-title{font:700 12px 'Inter';letter-spacing:.6px;color:var(--mut);text-transform:uppercase;margin:22px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line)}
@media(max-width:860px){.fgrid{grid-template-columns:1fr}.psb{display:none}}