/* AnkaHukuk — UI matched to site calculators (professional, light, roomy) */
.anka-wrap{max-width:980px;margin:18px auto;padding:0 10px}
.anka-card{background:#fff;border:1px solid rgba(10,30,60,.10);border-radius:18px;box-shadow:0 10px 30px rgba(10,30,60,.06);overflow:hidden}
.anka-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 18px 10px}
.anka-title h2{margin:0;font-size:26px;letter-spacing:-.2px}
.anka-sub{margin-top:4px;color:rgba(10,30,60,.62);font-size:14px}

.anka-status{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(220,38,38,.18);background:rgba(220,38,38,.06);color:rgba(110,10,10,.92);font-weight:700;font-size:13px;white-space:nowrap}
.anka-status.is-ok{border-color:rgba(22,163,74,.20);background:rgba(22,163,74,.08);color:rgba(9,80,35,.95)}
.anka-dot{width:9px;height:9px;border-radius:999px;background:#ef4444}
.anka-status.is-ok .anka-dot{background:#22c55e}

.anka-steps{display:flex;gap:12px;flex-wrap:wrap;padding:0 18px 14px}
.anka-step{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(10,30,60,.10);background:#fff;border-radius:12px;padding:10px 14px;cursor:pointer;font:inherit;font-weight:800;color:rgba(10,30,60,.90)}
.anka-step:hover{background:rgba(10,30,60,.02)}
.anka-step.is-active{border-color:rgba(59,130,246,.30);box-shadow:0 0 0 2px rgba(59,130,246,.10) inset}
.anka-step-no{font-weight:900}
.anka-step-dot{width:10px;height:10px;border-radius:999px}
.dot-red{background:#ef4444}
.dot-amber{background:#f59e0b}
.dot-green{background:#22c55e}
.anka-step-label{font-weight:800}

.anka-alert{margin:0 18px 10px;padding:12px 12px;border:1px solid rgba(220,38,38,.20);border-radius:14px;background:rgba(220,38,38,.06)}
.anka-alert ul{margin:8px 0 0;padding-left:18px}

.anka-form{padding:0 18px 18px}
.anka-panel{padding:0}
.anka-section-title{font-size:18px;font-weight:900;color:rgba(10,30,60,.92);padding:10px 0 12px}
.anka-section{border:1px solid rgba(10,30,60,.08);border-radius:16px;background:rgba(10,30,60,.015);padding:14px}
.anka-section + .anka-section{margin-top:12px}
.anka-section-head{font-size:16px;font-weight:900;color:rgba(10,30,60,.92);margin-bottom:10px}

.anka-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width:980px){.anka-grid4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.anka-grid4{grid-template-columns:1fr}}
.anka-field{display:flex;flex-direction:column;gap:6px}
.anka-field label{font-weight:800;color:rgba(10,30,60,.90)}
.anka-field input,.anka-field select{border:1px solid rgba(10,30,60,.14);border-radius:14px;padding:12px 12px;font:inherit;background:#fff}
.anka-field input:focus,.anka-field select:focus{outline:2px solid rgba(59,130,246,.25);outline-offset:2px}
.anka-field small{color:rgba(10,30,60,.60);line-height:1.2}
.anka-span2{grid-column:span 2}
@media (max-width:980px){.anka-span2{grid-column:1/-1}}

.anka-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}
.anka-btn{border:0;border-radius:14px;padding:12px 16px;font-weight:900;cursor:pointer;background:#111;color:#fff}
.anka-btn:hover{filter:brightness(1.05)}
.anka-btn-ghost{background:rgba(10,30,60,.06);color:rgba(10,30,60,.92);border:1px solid rgba(10,30,60,.10)}
.anka-btn-ghost:hover{background:rgba(10,30,60,.08)}
.anka-btn-secondary{background:rgba(10,30,60,.92)}
.anka-btn-secondary:hover{filter:brightness(1.06)}

.anka-preview{border:1px solid rgba(10,30,60,.08);border-radius:16px;background:rgba(10,30,60,.015);padding:14px}
.anka-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width:980px){.anka-preview-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.anka-preview-grid{grid-template-columns:1fr}}
.anka-preview-item{border:1px solid rgba(10,30,60,.10);border-radius:14px;background:#fff;padding:12px}
.anka-preview-k{color:rgba(10,30,60,.62);font-weight:800;font-size:13px}
.anka-preview-v{font-size:16px;font-weight:900;margin-top:6px}

.anka-result{border-top:1px solid rgba(10,30,60,.10);padding:16px 18px 18px}
.anka-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
@media (max-width:860px){.anka-kpis{grid-template-columns:1fr}}
.anka-kpi{border:1px solid rgba(10,30,60,.10);border-radius:16px;background:rgba(10,30,60,.015);padding:14px}
.anka-kpi-k{color:rgba(10,30,60,.62);font-weight:900;font-size:13px}
.anka-kpi-v{font-size:22px;font-weight:1000;margin-top:6px}
.anka-kpi-s{margin-top:4px;color:rgba(10,30,60,.62);font-size:13px}

.anka-table{border:1px solid rgba(10,30,60,.10);border-radius:16px;overflow:hidden;background:#fff}
.anka-row{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-top:1px solid rgba(10,30,60,.08)}
.anka-row:first-child{border-top:0}
.anka-strong{background:rgba(10,30,60,.03);font-weight:1000}
.anka-cell{flex:1}
.anka-right{text-align:right}
.anka-note{margin-top:12px;padding:14px;border-radius:16px;background:rgba(10,30,60,.03);border:1px solid rgba(10,30,60,.08)}
.anka-disclaimer{border-top:1px solid rgba(10,30,60,.10);padding:12px 18px;color:rgba(10,30,60,.62);font-size:13px}


.anka-top-actions{display:flex;align-items:center;gap:10px}
.anka-about-btn{height:38px;border-radius:999px;border:1px solid rgba(10,30,60,.14);background:#fff;padding:0 14px;font-weight:1000;cursor:pointer;box-shadow:0 8px 22px rgba(10,30,60,.08)}
.anka-about-btn:hover{transform:translateY(-1px)}
.anka-about-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(255,171,0,.25),0 10px 30px rgba(10,30,60,.10)}


/* About modal */
.anka-modal-open{overflow:hidden}
.anka-about{position:fixed;inset:0;z-index:999990;display:none}
.anka-about.is-open{display:block}
.anka-about__backdrop{position:fixed;inset:0;background:rgba(15,23,42,.48);backdrop-filter:saturate(120%) blur(4px);z-index:999990}
.anka-about__panel{position:fixed;top:5vh;left:50%;transform:translateX(-50%);width:min(920px, calc(100vw - 32px));max-height:90vh;overflow:auto;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.25);z-index:999991}
.anka-about__head{position:sticky;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 18px 14px;background:linear-gradient(180deg,#fff,#fbfbfb);border-bottom:1px solid rgba(0,0,0,.06)}
.anka-about__title{font-weight:1000;font-size:20px;letter-spacing:-.2px}
.anka-about__sub{margin-top:4px;font-size:13px;opacity:.78}
.anka-about__close{width:38px;height:38px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#fff;cursor:pointer;font-size:22px;line-height:1;display:inline-flex;align-items:center;justify-content:center}
.anka-about__close:focus{outline:none;box-shadow:0 0 0 3px rgba(255,171,0,.25)}
.anka-about__body{padding:16px 18px 18px}
.anka-about__lead{margin:0 0 14px;line-height:1.5}
.anka-about__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0 16px}
@media (max-width:980px){.anka-about__grid{grid-template-columns:1fr}}
.anka-about__card{border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:12px 12px 10px;background:#fff}
.anka-about__cardtitle{font-weight:1000;margin:0 0 8px}
.anka-about__card ul{margin:0;padding-left:18px}
.anka-about__card li{margin:5px 0;line-height:1.35}
.anka-about__foot{margin-top:10px;border-top:1px dashed rgba(0,0,0,.12);padding-top:12px;color:rgba(10,30,60,.75)}
.anka-about__rights{margin-top:6px;font-size:13px;opacity:.85}


.anka-about__brand{display:flex;align-items:center;gap:14px}
.anka-about__logo{height:44px;width:auto;max-width:220px;object-fit:contain}
@media (max-width:640px){.anka-about__logo{height:36px;max-width:180px}}