/* Denetim360 portal - 2.9 design B (bright corporate: white, clear blue, amber accent, IBM Plex Sans).
   No external resources (CSP 'self'): the font is served from /static/fonts (SIL Open Font License, IBM-Plex-LICENSE.txt).
   Variable names of earlier versions are kept: --navy = dark blue (headings), --teal = primary blue (actions, links). */
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/IBMPlexSans-Regular.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/IBMPlexSans-Italic.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/IBMPlexSans-Medium.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/IBMPlexSans-SemiBold.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/IBMPlexSans-Bold.woff2) format("woff2")}
:root{--navy:#0E3F8F;--navy2:#0B3272;--teal:#1660D6;--primary:#1660D6;--primary-soft:#E6EFFD;--accent:#B45309;--accent-soft:#FEF3C7;
--accent-ink:#7C3A06;--ink:#111827;--muted:#4B5563;--line:#DCE4F0;--bg:#F5F8FD;--card:#fff;--thead:#F1F5FC;
--ok:#17603A;--bad:#9B1C14;--warn:#7A3F05;--info:#1660D6;--radius:10px;--shadow:0 1px 2px rgba(17,24,39,.05),0 1px 3px rgba(17,24,39,.06)}
*{box-sizing:border-box}html{font-size:15px}
body{margin:0;font-family:"IBM Plex Sans","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.45}
a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}
h1{font-size:1.55rem;margin:.2rem 0 1rem;color:var(--navy)}h2{font-size:1.12rem;margin:.2rem 0 .8rem;color:var(--navy)}h3{font-size:1rem;margin:1rem 0 .5rem}
code{font-family:Consolas,"SFMono-Regular",Menlo,monospace;font-size:.88em;background:var(--thead);padding:1px 5px;border-radius:4px}
.envbar{background:var(--accent);color:#fff;text-align:center;font-weight:700;font-size:.8rem;letter-spacing:.08em;padding:3px}
.topbar{display:flex;justify-content:space-between;align-items:center;background:#fff;color:var(--ink);padding:0 22px;height:60px;
  border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-weight:700;letter-spacing:.04em}.brand:hover{text-decoration:none}
.brand b{color:var(--primary)}.logo{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--primary);color:#fff;font-weight:700}
.top-actions{display:flex;align-items:center;gap:16px;font-size:.9rem}.langs{display:inline-flex;align-items:center;gap:4px}.langs .sep{color:#9CA3AF}.langs .lang-on{color:var(--primary);font-weight:700}.top-actions a{color:#374151;font-weight:500}.top-actions a:hover{color:var(--primary)}
/* 2.11: buttons in the top bar keep their own colours (Giriş was dark text on blue) */
.top-actions a.btn{color:#fff}.top-actions a.btn-ghost{color:var(--primary)}.top-actions a.btn-ghost:hover{color:var(--primary)}
.who{color:var(--muted)}
.layout{display:block;max-width:1400px;margin:0 auto}.layout.with-side{display:grid;grid-template-columns:220px 1fr}
.side{background:#fff;border-right:1px solid var(--line);min-height:calc(100vh - 100px);padding:14px 10px}
.side a{display:block;padding:8px 12px;margin:1px 0;color:#374151;border-radius:8px;font-weight:500}.side a:hover{background:var(--bg);text-decoration:none}
.side a.on{background:var(--primary-soft);color:var(--navy);font-weight:600}
.side-g{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#8A94A3;font-weight:700;margin:14px 12px 4px}.side-g:first-child{margin-top:2px}
.content{padding:24px 28px;min-width:0}
.foot{text-align:center;color:var(--muted);font-size:.8rem;padding:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px;margin-bottom:18px}
.card.narrow{max-width:480px;margin:40px auto}.center{text-align:center}
.head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.row{display:flex;align-items:center}.gap{gap:10px}.wrap{flex-wrap:wrap}.grow{flex:1}.inline{display:inline}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.span2{grid-column:span 2}
.form label{display:flex;flex-direction:column;gap:4px;font-size:.88rem;font-weight:600;color:#1F2937;margin-bottom:10px}
.form label.check,label.check{flex-direction:row;align-items:center;font-weight:500;gap:6px}
input,select,textarea{font:inherit;padding:8px 10px;border:1px solid #C5D1E3;border-radius:8px;background:#fff;color:var(--ink);min-width:0}
input:focus,select:focus,textarea:focus{outline:3px solid #BFD4F6;outline-offset:0;border-color:var(--primary)}
input[type=checkbox],input[type=radio]{width:auto}fieldset{border:1px solid var(--line);border-radius:6px;padding:8px 12px}
fieldset.checks{display:flex;flex-wrap:wrap;gap:12px}legend{font-size:.85rem;font-weight:600;color:#1F2937}
.w80{width:80px}
.btn{display:inline-block;border:1px solid var(--primary);background:var(--primary);color:#fff;padding:8px 16px;border-radius:8px;font:inherit;font-weight:600;cursor:pointer}
.btn:hover{background:var(--navy);border-color:var(--navy);text-decoration:none}.btn:focus-visible{outline:3px solid #BFD4F6}
.btn-ghost{background:#fff;color:var(--primary);border-color:#C5D1E3}.btn-ghost:hover{background:var(--primary-soft);border-color:var(--primary)}
.btn-danger{background:var(--bad);border-color:var(--bad)}.btn-sm{padding:4px 10px;font-size:.82rem}.btn-lg{padding:12px 22px;font-size:1.05rem}
.btn-block{width:100%}button.link{background:none;border:0;color:var(--primary);cursor:pointer;font:inherit;font-weight:600}
.alert{padding:10px 14px;border-radius:6px;margin-bottom:14px;border:1px solid}
.alert-success{background:#ecf8f1;border-color:#b6e2c8;color:#14532d}.alert-danger{background:#fdecea;border-color:#f5c2bc;color:#7a1c12}
.alert-warning{background:var(--accent-soft);border-color:#F5D58A;color:var(--accent-ink)}.alert-info{background:var(--primary-soft);border-color:#BFD4F6;color:var(--navy)}
.tbl{width:100%;border-collapse:collapse;font-size:.88rem}.tbl th{background:var(--thead);text-align:left;font-weight:600;color:#1F2937;padding:9px 8px;border-bottom:1px solid var(--line)}
.tbl td{padding:8px;border-bottom:1px solid #EDF2F9;vertical-align:top}.tbl tr:hover td{background:#FAFCFF}.tbl.compact td,.tbl.compact th{padding:4px 6px}
.badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:.76rem;font-weight:600;background:var(--thead);color:#1F2937}
.badge.ok{background:#DFF3E7;color:var(--ok)}.badge.off{background:#F1F2F4;color:var(--muted)}
.sev-K{background:#FDE4E1;color:#9B1C14}.sev-Y{background:#FDEBD3;color:#7A3F05}.sev-O{background:var(--accent-soft);color:var(--accent-ink)}.sev-D{background:#DFF3E7;color:#17603A}
.prio-URGENT{background:#FDE4E1;color:#9B1C14}.prio-HIGH{background:#FDEBD3;color:#7A3F05}
/* 2.9 tax effect of a rule: K tax base increase, Y unused relief, M penalty, S review */
.eff{display:inline-block;min-width:1.5em;text-align:center;padding:0 6px;border-radius:5px;font-size:.74rem;font-weight:700}
.eff-K{background:#FDE4E1;color:#9B1C14}.eff-Y{background:#DFF3E7;color:#17603A}.eff-M{background:#FDEBD3;color:#7A3F05}.eff-S{background:var(--primary-soft);color:var(--navy)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:18px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;color:var(--ink);box-shadow:var(--shadow)}
.kpi:hover{text-decoration:none;border-color:var(--primary)}.kpi b{display:block;font-size:1.7rem;font-weight:600;color:var(--navy)}.kpi b.small{font-size:.95rem}.kpi span{color:var(--muted);font-size:.82rem}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.pager{display:flex;gap:6px;margin-top:10px;align-items:center}.pager a,.pager span{padding:3px 9px;border-radius:5px}.pager .cur{background:var(--navy);color:#fff}
.muted{color:var(--muted)}.small{font-size:.82rem}.pre{white-space:pre-wrap}.break{word-break:break-all}
.dl{display:grid;grid-template-columns:180px 1fr;gap:6px 14px;margin:0}.dl dt{color:var(--muted)}.dl dd{margin:0}
.secret{font-size:1rem;letter-spacing:.08em}.secret.big{font-size:1.4rem;padding:6px 10px}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.comment{border-left:3px solid var(--line);padding:6px 12px;margin:10px 0}.comment.admin{border-left-color:var(--teal)}.comment.internal{background:var(--accent-soft)}.comment.resolution{border-left-color:#2b7d2b;background:#e7f6ec}
.release.latest{border-color:var(--teal)}.files{padding-left:0;list-style:none}.files li{margin:6px 0}
.errcode{font-size:3rem;font-weight:800;color:var(--navy)}
.public .hero{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center;padding:40px 10px 30px}
.eyebrow{color:var(--accent);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}
.public h1{font-size:2.3rem;line-height:1.18;font-weight:600;color:var(--ink)}.lead{font-size:1.1rem;color:#374151;max-width:62ch}
.facts{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.facts li{background:#fff;color:var(--ink);border:1px solid var(--line);border-top:3px solid var(--primary);border-radius:10px;padding:16px;box-shadow:var(--shadow)}
.facts b{display:block;font-size:1.35rem;color:var(--navy)}.facts span{font-size:.85rem;color:var(--muted)}
.params{display:none}.params.on{display:block}
@media (max-width:900px){.side-g{display:none}.layout.with-side{grid-template-columns:1fr}.side{min-height:0;display:flex;flex-wrap:wrap;padding:4px}.side a{border-left:0;padding:6px 10px}
.grid2,.grid3,.public .hero{grid-template-columns:1fr}.span2{grid-column:auto}.content{padding:16px}.who{display:none}.dl{grid-template-columns:1fr}
.topbar{height:auto;min-height:56px;flex-wrap:wrap;padding:6px 12px;gap:4px}.top-actions{flex-wrap:wrap;row-gap:4px}}
@media print{.topbar,.side,.foot,.envbar,.btn{display:none}.layout.with-side{display:block}.card{box-shadow:none}}
/* user form: password fields only for "set the password myself" */
.pwbox{display:flex;flex-direction:column;gap:6px}.pwbox .manual{display:none;margin-top:6px}
.pwbox:has(input[value=manual]:checked) .manual{display:grid}

/* demo / test system: public demo account on the sign-in page */
.demo-box{margin-top:16px;border-left:4px solid var(--teal)}
.demo-box code{font-size:1rem;user-select:all}

/* show / hide password */
.pwwrap{position:relative;display:block}
.pwwrap input{width:100%;padding-right:40px;box-sizing:border-box}
.pwtoggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;
  font-size:16px;line-height:1;padding:6px;opacity:.55;border-radius:4px}
.pwtoggle:hover,.pwtoggle:focus-visible{opacity:1;background:var(--line)}
.pwtoggle.on{opacity:1;color:var(--teal)}
.row .pwwrap{display:inline-block}
.row .pwwrap input{width:auto}

/* service desk */
.desk-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:16px}
@media (max-width:900px){.desk-grid{grid-template-columns:1fr}}
.dl2{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px}.dl2 dt{color:var(--muted)}.dl2 dd{margin:0}
.event{padding:3px 12px;border-left:3px dotted var(--line);margin:4px 0}
.over{color:#b42318;font-weight:700}.badge.over{background:#fdecea;color:#b42318}.row-over td{background:#fff6f5}
.tst-NEW{background:#e8f0fe;color:#1d4ed8}.tst-OPEN,.tst-IN_PROGRESS{background:#fff4e0;color:#9a5b00}.tst-WAITING{background:#f3e8ff;color:#6b21a8}
.tst-RESOLVED,.tst-CLOSED{background:#e3f4ea;color:#1e7b4d}.tst-REJECTED{background:#f1f2f4;color:#6b7480}
.mail-SENT{background:#e3f4ea;color:#1e7b4d}.mail-QUEUED{background:#eef2f6}.mail-ERROR{background:#fff0e0;color:#b45309}.mail-FAILED{background:#fdecea;color:#b42318}
.narrow-wide{max-width:820px;margin:0 auto}
.foot-contact{margin-bottom:6px;line-height:1.6}.foot a{color:var(--muted)}.contact-dl{margin:14px 0 18px}

/* Denetim360 Asistan */
.as-btn{position:fixed;right:20px;bottom:20px;width:54px;height:54px;border-radius:50%;border:0;background:var(--teal);color:#fff;
  font-size:24px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.22);z-index:60}
.as-btn:hover,.as-btn:focus-visible{background:var(--navy)}
.as-panel{position:fixed;right:20px;bottom:86px;width:min(400px,calc(100vw - 32px));height:min(600px,calc(100vh - 120px));display:flex;
  flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.2);z-index:61;overflow:hidden}
.as-panel[hidden]{display:none}
.as-head{display:flex;justify-content:space-between;align-items:center;background:var(--primary);color:#fff;padding:10px 14px}
.as-x{background:none;border:0;color:#fff;font-size:22px;cursor:pointer;line-height:1}
.as-log{flex:1;overflow-y:auto;padding:12px;background:var(--bg)}
.as-msg{max-width:88%;padding:8px 11px;border-radius:10px;margin:6px 0;font-size:.9rem;line-height:1.45;white-space:pre-wrap}
.as-bot{background:#fff;border:1px solid var(--line)}.as-me{background:var(--teal);color:#fff;margin-left:auto}
.as-actions{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 8px}
.as-link{font-size:.8rem;border:1px solid var(--teal);border-radius:999px;padding:2px 10px;background:#fff}
.as-chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;border-top:1px solid var(--line)}
.as-chip{font-size:.78rem;border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 10px;cursor:pointer}
.as-chip:hover{border-color:var(--teal)}
.as-form{display:flex;gap:6px;padding:8px 12px;border-top:1px solid var(--line)}.as-form input{flex:1;min-width:0}
.as-note{font-size:.7rem;color:var(--muted);padding:0 12px 8px}
.as-ttl{display:flex;align-items:center;gap:8px}.as-dot{width:9px;height:9px;border-radius:50%;background:#56d39a;box-shadow:0 0 0 3px rgba(86,211,154,.25)}
.as-tools{display:flex;gap:6px;align-items:center}.as-re{background:none;border:0;color:#DCE8FB;font-size:18px;cursor:pointer;line-height:1}.as-re:hover{color:#fff}
.as-card{background:#fff;border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:10px;padding:10px 12px;margin:6px 0 4px;font-size:.88rem;line-height:1.45;max-width:96%}
.as-cat{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--teal);font-weight:700}
.as-title{font-weight:700;color:var(--navy);margin:2px 0 4px}.as-body{white-space:pre-wrap}
.as-steps{margin:8px 0 2px;padding-left:20px}.as-steps li{margin:2px 0}
.as-img{display:block;margin:8px 0 4px}.as-img img{display:block;width:100%;border:1px solid var(--line);border-radius:6px}
.as-card .as-actions{margin:8px 0 0}.as-fb{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:.76rem;color:var(--muted)}
.as-vote{border:1px solid var(--line);background:#fff;border-radius:999px;padding:1px 8px;cursor:pointer;font-size:.85rem}.as-vote:hover{border-color:var(--teal)}
.as-suggest{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}.as-label{width:100%;font-size:.72rem;color:var(--muted)}
.as-suggest.cats .as-chip{background:var(--thead);border-color:var(--line)}
.as-typing{display:inline-flex;gap:4px;padding:10px 12px}.as-typing span{width:6px;height:6px;border-radius:50%;background:#9aa7b6;animation:asb 1s infinite}
.as-typing span:nth-child(2){animation-delay:.15s}.as-typing span:nth-child(3){animation-delay:.3s}
@keyframes asb{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.as-typing span{animation:none}}
@media print{.as-btn,.as-panel{display:none}}
/* releases organised by file type */
.kindbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0 14px}
.kchip{font-size:.85rem;border:1px solid var(--line);border-radius:999px;padding:3px 12px;text-decoration:none;color:inherit;background:#fff}
.kchip:hover{border-color:var(--primary)}.kchip.on{background:var(--primary);color:#fff;border-color:var(--primary)}.kchip.on .muted{color:#DCE8FB}
.kindhead{margin:14px 0 4px;font-size:1rem}
.kindcard h3{margin-top:0}
.badge.kind-sap_package{background:var(--primary-soft);color:var(--navy)}.badge.kind-transport{background:#f3ecfb;color:#5b3a8c}
.badge.kind-desktop_win{background:#e6f5f3;color:#1d6b62}.badge.kind-desktop_mac{background:#f1f2f4;color:#384250}
.kindcard{min-width:0}.kindcard code{word-break:break-all;white-space:normal}.kindcard .btn{white-space:normal;word-break:break-all}

.tst-INFO,.tst-TECH{background:#fff4e0;color:#9a5b00}.tst-TECH{background:#ffe9d6;color:#9a3412}

/* service agreement */
.agr-text{max-height:60vh;overflow:auto;font-size:.92rem;line-height:1.55}.agr-text h2{font-size:1.1rem}.agr-text h3{font-size:.98rem;margin:1rem 0 .3rem}
.agr-consent{align-items:flex-start;margin:.35rem 0}.agr-consent input{margin-top:.25rem}
.hash{word-break:break-all;overflow-wrap:anywhere}
textarea.mono{font-family:Consolas,Menlo,monospace;font-size:.82rem}
.dlgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.dlgrid .kindcard .head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.dlgrid select{max-width:100%}

/* reports, ratings */
.badge.warn{background:#fff4d6;color:#8a5300}.rep-card{color:var(--ink);display:block}.rep-card:hover{text-decoration:none;border-color:var(--teal)}
.tbl-wrap{overflow-x:auto;max-width:100%}.filters{margin:.4rem 0 1rem}
.bar{display:inline-block;width:90px;height:8px;background:#e6ebf1;border-radius:4px;vertical-align:middle;overflow:hidden}.bar span{display:block;height:100%;background:var(--teal)}
.rating .stars label{margin-right:.6rem;color:#b07d00}.card-inner{border-top:1px solid var(--line);margin-top:1rem;padding-top:.8rem}
.btn[disabled]{opacity:.45;cursor:not-allowed}
form.row label>select,form.row label>input,.filters label>select,.filters label>input{margin-left:.4rem}
/* multiple choice filter with search (reports, lists) */
.ms-label{display:inline-flex;align-items:center;gap:.4rem}
.ms{position:relative;display:inline-block;min-width:150px;max-width:280px}
.ms-btn{width:100%;text-align:left;padding:.45rem 2rem .45rem .7rem;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;color:var(--ink);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}
.ms-btn::after{content:"▾";position:absolute;right:.7rem;top:50%;transform:translateY(-50%);color:var(--muted)}
.ms-panel{display:none;position:absolute;z-index:40;top:calc(100% + 4px);left:0;min-width:260px;max-width:min(360px,90vw);background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(15,35,60,.14);padding:.5rem}
.ms.open .ms-panel{display:block}
.ms-search{width:100%;margin-bottom:.4rem}
.ms-list{max-height:260px;overflow:auto}
.ms-row{display:flex;align-items:center;gap:.45rem;padding:.25rem .3rem;border-radius:6px;cursor:pointer;font-weight:400;margin:0}
.ms-row:hover{background:var(--primary-soft)}.ms-row[hidden],.ms-none[hidden]{display:none}
.ms-all{border-bottom:1px solid var(--line);font-weight:600;margin-bottom:.2rem}
.ms-foot{display:flex;justify-content:flex-end;margin-top:.4rem}
.ms-none{padding:.3rem}
@media (max-width:900px){.ms{max-width:100%;width:100%}.ms-label{display:flex;flex-direction:column;align-items:stretch}.ms-panel{min-width:100%}}
meter.bar{width:90px;height:10px;vertical-align:middle}
/* product page (2.7): corporate and simple */
.product .comps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:6px 0 34px}
.comp h3{margin:.4rem 0}.comp p{margin:0;color:#3a4350;font-size:.93rem}
.comp-ico{display:inline-block;background:var(--primary-soft);color:var(--primary);font-weight:800;font-size:.75rem;letter-spacing:.06em;border-radius:6px;padding:4px 8px}
.feat{display:grid;grid-template-columns:1fr 1.45fr;gap:34px;align-items:center;padding:30px 0;border-top:1px solid var(--line)}
.feat.rev .feat-text{order:2}.feat h2{margin:0 0 .5rem;color:var(--navy)}.feat p{color:#3a4350;margin:0 0 .8rem}
.ticks{list-style:none;padding:0;margin:0}.ticks li{position:relative;padding:4px 0 4px 22px;font-size:.93rem}
.ticks li::before{content:"";position:absolute;left:2px;top:11px;width:9px;height:9px;border-radius:2px;background:var(--teal)}
.ticks.two{columns:2;column-gap:30px}
.shot{margin:0}.shot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);background:#fff}
.shot.doc{max-width:420px;justify-self:center}.shot figcaption{font-size:.82rem;color:var(--muted);margin-top:6px}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:30px 0;border-top:1px solid var(--line)}
.product .sec{margin:10px 0 24px}.cta{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:var(--navy);color:#fff;border-radius:10px;padding:24px 28px;margin:10px 0 14px}
.cta h2{color:#fff;margin:0 0 .3rem}.cta p{margin:0;color:#DCE8FB}.cta .btn{background:#fff;border-color:#fff;color:var(--navy)}.cta .btn:hover{background:var(--accent-soft);color:var(--accent-ink)}
.cta .btn-ghost{background:transparent;color:#fff;border-color:#9DBBEA}.cta .btn-ghost:hover{background:rgba(255,255,255,.08)}.center{text-align:center}
@media (max-width:900px){.product .comps,.feat,.pair{grid-template-columns:1fr}.feat.rev .feat-text{order:0}.ticks.two{columns:1}}
/* 2.8 data flow figure (public pages) */
.flow{margin:0;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:var(--shadow)}
.flow svg{width:100%;height:auto;display:block;font-family:inherit}
.stays{display:grid;grid-template-columns:1fr 1.3fr;gap:26px;align-items:center;margin:4px 0 30px}
.stays h2{margin:0 0 .5rem;color:var(--navy)}.stays .lead{margin:0 0 .8rem}
.badge-stays{display:inline-block;background:#DFF3E7;color:var(--ok);font-weight:700;border-radius:999px;padding:4px 12px;font-size:.85rem;margin-bottom:.6rem}
@media (max-width:900px){.stays{grid-template-columns:1fr}}
.flow-list{display:none;margin:0;padding-left:1.1rem}.flow-list li{margin:.35rem 0}
@media (max-width:600px){.flow svg{display:none}.flow-list{display:block}}

/* 2.9 product page images: click to enlarge (lightbox; Esc, the close button or a click outside closes it) */
.shot img.zoomable{cursor:zoom-in}
.lightbox{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(17,24,39,.78);padding:24px}
.lightbox[hidden]{display:none}
.lightbox figure{margin:0;max-width:min(1400px,96vw);max-height:92vh;display:flex;flex-direction:column;align-items:center}
.lightbox img{max-width:100%;max-height:84vh;border-radius:8px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.lightbox figcaption{color:#E5EDF9;font-size:.9rem;margin-top:10px;text-align:center}
.lightbox .lb-x{position:absolute;top:16px;right:20px;width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:var(--ink);font-size:24px;line-height:1;cursor:pointer}
.lightbox .lb-x:focus-visible{outline:3px solid #BFD4F6}
body.lb-open{overflow:hidden}
/* 2.10 Kural işleyişi */
.howto .lead{font-size:1.02rem}.howto-ex{border:1px solid #EDF2F9;border-radius:10px;padding:12px;min-width:0}
.howto-ex h3{font-size:.98rem;margin:0 0 6px}.howto-ex .tbl{font-size:.85rem}.howto .num,.howto-ex .num{text-align:right;white-space:nowrap}
/* 2.10 plan choice */
.subline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.subline>div{display:flex;flex-direction:column;gap:2px}
.seg{display:inline-flex;border:1px solid #DDE3EC;border-radius:999px;padding:3px;margin:8px 0 14px}.seg a{padding:6px 16px;border-radius:999px;color:inherit}
.seg a.on{background:var(--navy,#0E3F8F);color:#fff;text-decoration:none}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.plan{display:flex;flex-direction:column;gap:8px}
.plan.featured{border:2px solid var(--teal,#0F8A7E)}.plan .price{font-size:1.5rem;margin:0}.plan .feat{margin:4px 0 8px;padding-left:18px}
.btn-block{width:100%;justify-content:center}.addon{justify-content:space-between;align-items:center}
@media (max-width:720px){.subline{grid-template-columns:1fr 1fr}}
/* 2.10 assistant chat */
.chat{display:flex;flex-direction:column;gap:10px}.chat .msgs{max-height:58vh;min-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:4px}
.msg{max-width:82%;padding:10px 12px;border-radius:14px;white-space:pre-wrap;line-height:1.45}.msg .who{font-size:.75rem;font-weight:600;color:var(--muted,#5B6472);margin-bottom:2px}
.msg.me{align-self:flex-end;background:var(--primary-soft,#E8F0FB)}.msg.bot{align-self:flex-start;background:#F6F8FB;border:1px solid #EDF2F9}
.msg.err{border-color:#f3c7c2;background:#fff6f5}.chat-form textarea{width:100%}.chat-opts{align-items:center}

/* 2.11.2 setup steps (downloads page) */
.setup-steps .setup-flow { line-height: 2.3; }
.setup-steps .chip { display: inline-block; padding: 2px 10px; border-radius: 12px; background: #EEF2F7; color: #3B4452; white-space: nowrap; }
.setup-steps .chip.done { background: #DFF3E7; color: #1E6B3A; }
.setup-steps .arrow { color: #8A94A3; }
.setup-steps .setup-list li { margin: 8px 0; }

/* 2.13 calculations */
.calc-warn{color:#8a5300;background:#fff8e6;padding:6px 10px;border-radius:6px;margin:6px 0}
.grid2 label{display:flex;flex-direction:column;gap:4px}
.tbl .num{text-align:right;white-space:nowrap}