body{margin:0;background:var(--surface-0);color:var(--ink);font:400 14px/22px var(--font-sans);-webkit-font-smoothing:antialiased}
.yha-stage{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;padding:var(--space-5)}
.yha-stage--top{align-items:flex-start}
.yha-btn:focus-visible,.yha-tab:focus-visible,.yha-input:focus-visible,.yha-select:focus-visible,.yha-textarea:focus-visible,.yha-chip:focus-visible,.yha-iconbtn:focus-visible,.yha-rail__item:focus-visible,.yha-qitem:focus-visible,.yha-qrow:focus-visible,.yha-pick:focus-visible,.yha-cmd:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.yha-rail__item:focus-visible,.yha-cmd:focus-visible,.yha-space:focus-visible{outline-color:var(--on-frame)}

/* düğme */
.yha-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);box-sizing:border-box;height:var(--control-md);padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--ink);font:500 13px/20px var(--font-sans);text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-sheet)}
.yha-btn:hover{background:var(--surface-2)}
.yha-btn--primary{background:var(--primary);border-color:var(--primary);color:var(--on-fill)}
.yha-btn--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.yha-btn--danger,.yha-btn--danger:hover{background:var(--flash);border-color:var(--flash);color:var(--on-fill)}
.yha-btn--public,.yha-btn--public:hover{background:var(--public);border-color:var(--public);color:var(--on-public)}
.yha-btn--quiet{border-color:transparent;background:none;color:var(--link);box-shadow:none}
.yha-btn--sm{height:var(--control-sm);padding:0 10px;font-size:12px}
.yha-btn--lg{height:var(--control-lg);padding:0 var(--space-4);font-size:14px;border-radius:var(--radius-md)}
.yha-btn--touch{height:var(--control-touch);padding:0 var(--space-6);border-radius:var(--radius-full);font:600 16px/24px var(--font-sans)}
.yha-btn[disabled]{background:var(--surface-2);border-color:var(--line);color:var(--ink-2);box-shadow:none;cursor:not-allowed}
.yha-kbd{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:18px;height:18px;padding:0 4px;border-radius:5px;background:var(--surface-2);color:var(--ink-2);font:500 11px/1 var(--font-sans)}
.yha-btn--primary .yha-kbd,.yha-btn--danger .yha-kbd{background:var(--frame-active);color:var(--on-fill)}
.yha-iconbtn{display:inline-grid;place-items:center;width:var(--control-md);height:var(--control-md);border:0;border-radius:var(--radius-sm);background:none;color:var(--ink-2);cursor:pointer}
.yha-iconbtn:hover{background:var(--surface-2);color:var(--ink)}
.yha-chip{display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;text-decoration:none;height:var(--control-sm);padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface-1);color:var(--ink);font:500 12px/16px var(--font-sans);cursor:pointer}
.yha-chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--surface-1)}
.yha-avatar{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--surface-3);color:var(--brand);font:600 11px/1 var(--font-sans)}
.yha-avatar--sm{width:22px;height:22px;font-size:10px}

/* girdi */
.yha-field{display:grid;gap:6px;min-width:0}
.yha-label{font:500 12px/16px var(--font-sans);color:var(--ink-2)}
.yha-input,.yha-select,.yha-textarea{box-sizing:border-box;width:100%;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--ink);font:400 13px/20px var(--font-sans)}
.yha-input,.yha-select{height:var(--control-md);padding:0 var(--space-3)}
.yha-textarea{min-height:6rem;padding:var(--space-2) var(--space-3);resize:vertical}
.yha-input::placeholder,.yha-textarea::placeholder{color:var(--ink-3)}
.yha-pick{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);box-sizing:border-box;width:100%;height:var(--control-md);padding:0 10px 0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--ink);font:400 13px/20px var(--font-sans);text-align:left;cursor:pointer}
.yha-pick .yha-icon{color:var(--ink-2)}
.yha-input--error{border-color:var(--flash-ink)}
.yha-input--title{height:auto;padding:var(--space-1) 0;border-color:transparent;border-radius:0;background:none;font:700 24px/30px var(--font-sans);letter-spacing:-.015em}
.yha-doc{box-sizing:border-box;display:grid;gap:var(--space-4);align-content:start;width:100%;max-width:46rem;margin:0 auto;padding:var(--space-8) var(--space-6)}
.yha-doc__title{margin:0;font:700 28px/36px var(--font-sans);letter-spacing:-.02em}
.yha-doc__spot{margin:0;font:400 18px/28px var(--font-sans);color:var(--ink-2)}
.yha-doc__caret{display:inline-block;width:2px;height:1.15em;margin-left:1px;vertical-align:text-bottom;border-radius:1px;background:var(--link)}
.yha-hint{font:400 12px/16px var(--font-sans);color:var(--ink-2)}
.yha-hint--error{color:var(--flash-ink)}
.yha-check{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-md);font:400 13px/20px var(--font-sans)}
.yha-check input,.yha-checkrow input{width:16px;height:16px;margin:0;accent-color:var(--primary)}
.yha-checkrow{display:flex;align-items:center;gap:var(--space-2);min-height:var(--row-dense);font:400 13px/20px var(--font-sans)}

/* sekme: hap biçimli */
.yha-tabs{display:inline-flex;flex-wrap:wrap;gap:var(--space-half);padding:3px;border-radius:10px;background:var(--surface-2)}
.yha-tab{display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;height:26px;padding:0 10px;border:0;text-decoration:none;border-radius:7px;background:none;color:var(--ink-2);font:500 13px/20px var(--font-sans);cursor:pointer}
.yha-tab[aria-selected="true"]{background:var(--surface-1);color:var(--ink);box-shadow:var(--shadow-sheet)}
.yha-count{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--surface-3);color:var(--ink-2);font:500 11px/1 var(--font-sans);font-variant-numeric:tabular-nums}

/* tablo ve liste */
.yha-table{width:100%;border-collapse:collapse;font:400 13px/20px var(--font-sans)}
.yha-table th{height:var(--row-dense);padding:0 var(--space-3);text-align:left;color:var(--ink-2);font:500 12px/16px var(--font-sans);white-space:nowrap;border-bottom:1px solid var(--line)}
.yha-table td{height:40px;padding:0 var(--space-3);border-bottom:1px solid var(--line)}
.yha-table tbody tr:last-child td{border-bottom:0}
.yha-table tr[aria-selected="true"] td{background:var(--selected)}
.yha-table .yha-num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.yha-queue{display:grid;gap:var(--space-half);padding:6px}
.yha-qrow{display:grid;grid-template-columns:3rem minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3);min-height:var(--row-dense);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--ink);font:400 13px/20px var(--font-sans);text-decoration:none}
.yha-qrow:hover,.yha-qitem:hover,.yha-news:hover{background:var(--surface-2)}
.yha-qrow[aria-selected="true"],.yha-qitem[aria-selected="true"]{background:var(--selected)}
.yha-qrow__title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yha-qrow__meta{display:flex;align-items:center;gap:6px}
.yha-qitem{display:grid;gap:6px;padding:10px var(--space-3);border-radius:var(--radius-md);color:var(--ink);font:400 13px/20px var(--font-sans);text-decoration:none}
.yha-qitem__title{font-weight:600}
.yha-time{font:400 12px/16px var(--font-sans);color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.yha-news{display:grid;gap:6px;padding:14px var(--space-4);border-radius:var(--radius-md)}
.yha-news__head{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.yha-news__title{margin:0;font:600 18px/26px var(--font-sans);letter-spacing:-.01em}
.yha-news__spot{margin:0;max-width:65ch;color:var(--ink-2)}

/* etiket ve rozet: hap */
.yha-tag{display:inline-flex;align-items:center;gap:5px;box-sizing:border-box;height:22px;padding:0 9px;border-radius:var(--radius-full);font:500 12px/16px var(--font-sans);white-space:nowrap}
.yha-tag--flash{background:var(--flash);color:var(--on-fill);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.yha-tag--important{background:var(--surface-1);color:var(--flash-ink);box-shadow:inset 0 0 0 1px var(--flash-ink)}
.yha-tag--normal,.yha-st--draft{background:var(--surface-2);color:var(--ink-2)}
.yha-st--sent,.yha-st--review{background:var(--review-soft);color:var(--review)}
.yha-st--returned{background:var(--wait-soft);color:var(--wait)}
.yha-st--rejected{background:var(--flash-soft);color:var(--flash-ink)}
.yha-st--approved,.yha-st--live{background:var(--ok-soft);color:var(--ok)}
.yha-st--killed{background:var(--surface-2);color:var(--ink-2);text-decoration:line-through}
.yha-dot{flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}
.yha-src--staff{background:var(--surface-3);color:var(--brand)}
.yha-src--external,.yha-trust{background:var(--surface-1);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-strong)}
.yha-trust{color:var(--ink)}
.yha-src--public{background:var(--public-soft);color:var(--public)}
.yha-mark{flex:none;width:8px;height:8px}
.yha-mark--staff{border-radius:2px;background:var(--brand)}
.yha-mark--journalist{border-radius:50%;background:var(--link)}
.yha-mark--student{box-sizing:border-box;border:2px solid var(--link);border-radius:50%}
.yha-mark--card{border-radius:1px;background:var(--public);transform:rotate(45deg)}

/* puan, medya */
.yha-score{display:grid;gap:var(--space-2);box-sizing:border-box;width:15rem;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-1)}
.yha-score__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}
.yha-score__name{font:500 13px/18px var(--font-sans);color:var(--ink-2)}
.yha-score__value{font:700 32px/36px var(--font-sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.yha-score__track,.yha-progress{height:8px;border-radius:var(--radius-full);background:var(--surface-3);overflow:hidden}
.yha-score__fill,.yha-progress__fill{display:block;height:100%;border-radius:var(--radius-full);background:var(--link)}
.yha-thumb{position:relative;width:12rem;aspect-ratio:3/2;overflow:hidden;border-radius:var(--radius-md);background:var(--brand-fill)}
.yha-thumb--light{background:var(--surface-3)}
.yha-thumb--a::before,.yha-thumb--b::before,.yha-thumb--c::before{content:"";position:absolute;inset:0}
.yha-thumb--a::before{background:radial-gradient(circle at 72% 34%,var(--frame-active) 0 11%,transparent 12%),linear-gradient(180deg,transparent 58%,var(--frame-hover) 58%)}
.yha-thumb--b::before{background:linear-gradient(var(--frame-hover),var(--frame-hover)) 8% 100%/14% 48% no-repeat,linear-gradient(var(--frame-active),var(--frame-active)) 32% 100%/16% 66% no-repeat,linear-gradient(var(--frame-hover),var(--frame-hover)) 58% 100%/12% 38% no-repeat,linear-gradient(var(--frame-active),var(--frame-active)) 84% 100%/16% 56% no-repeat,linear-gradient(180deg,transparent 84%,var(--frame-hover) 84%)}
.yha-thumb--c::before{background:radial-gradient(circle at 50% 100%,transparent 0 27%,var(--frame-active) 27% 29%,transparent 30%),linear-gradient(var(--frame-active),var(--frame-active)) 50% 0/2px 100% no-repeat,linear-gradient(180deg,transparent,var(--frame-hover))}
.yha-thumb__mark{position:absolute;right:10px;bottom:var(--space-2);font:700 9px/12px var(--font-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--watermark-on-dark)}
.yha-thumb--light .yha-thumb__mark{color:var(--watermark-on-light)}
.yha-thumb__dur{position:absolute;left:var(--space-2);top:var(--space-2);padding:2px 6px;border-radius:var(--radius-xs);background:var(--scrim);color:var(--on-fill);font:500 11px/14px var(--font-sans);font-variant-numeric:tabular-nums}
.yha-thumb__state{position:absolute;inset:0;display:grid;place-items:center;background:var(--scrim);color:var(--on-fill);font:600 12px/16px var(--font-sans)}
.yha-wm{position:absolute;inset:0;width:100%;height:100%}
.yha-wm text{font:700 9px var(--font-sans);letter-spacing:.24em;fill:var(--watermark-on-light)}
.yha-viewer{position:relative;display:grid;place-items:center;min-height:20rem;border-radius:var(--radius-md);background:var(--brand-fill);color:var(--on-fill);overflow:hidden}
.yha-map{position:relative;min-height:10rem;border-radius:var(--radius-md);background:var(--surface-3);overflow:hidden}
.yha-map__pin{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--flash);box-shadow:0 0 0 4px var(--surface-1)}

/* geri bildirim */
.yha-flash{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:10px var(--space-3) 10px var(--space-4);border-radius:var(--radius-md);background:var(--flash);color:var(--on-fill);box-shadow:var(--shadow-pop)}
.yha-flash__label{padding:3px var(--space-2);border-radius:var(--radius-full);background:var(--frame-active);font:700 11px/16px var(--font-sans);letter-spacing:.08em;text-transform:uppercase}
.yha-flash__title{flex:1;min-width:0;font:600 14px/20px var(--font-sans)}
.yha-flash .yha-time{color:var(--on-fill)}
.yha-flash .yha-btn{background:var(--on-fill);border-color:var(--on-fill);color:var(--flash);box-shadow:none}
.yha-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-half) var(--space-3);box-sizing:border-box;width:22rem;max-width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-1);box-shadow:var(--shadow-pop)}
.yha-note__icon{grid-row:span 2;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ok-soft);color:var(--ok)}
.yha-note--error .yha-note__icon{background:var(--flash-soft);color:var(--flash-ink)}
.yha-note__title{font:600 13px/20px var(--font-sans)}
.yha-note__text{color:var(--ink-2);font:400 13px/20px var(--font-sans)}
.yha-empty{display:grid;justify-items:center;gap:var(--space-2);width:100%;padding:var(--space-8) var(--space-4);text-align:center;color:var(--ink-2);font:400 13px/20px var(--font-sans)}
.yha-empty__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--surface-2);color:var(--ink-2)}
.yha-empty__title{font:600 15px/22px var(--font-sans);color:var(--ink)}
.yha-error{display:grid;gap:var(--space-2);justify-items:start;box-sizing:border-box;width:100%;padding:var(--space-4);border-radius:var(--radius-md);background:var(--flash-soft);color:var(--flash-ink);font:400 13px/20px var(--font-sans)}
.yha-error__title{font:600 14px/22px var(--font-sans)}
.yha-overlay{position:relative}
.yha-scrim{position:absolute;inset:0;display:grid;place-items:center;padding:var(--space-4);background:var(--scrim)}
.yha-dialog{box-sizing:border-box;width:28rem;max-width:100%;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-1);box-shadow:var(--shadow-dialog)}
.yha-dialog__head{padding:var(--space-5) var(--space-6) 0;font:600 18px/26px var(--font-sans);letter-spacing:-.01em}
.yha-dialog__body{display:grid;gap:var(--space-3);padding:var(--space-2) var(--space-6) 0;color:var(--ink-2);font:400 13px/20px var(--font-sans)}
.yha-dialog__foot{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-5) var(--space-6)}
.yha-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.yha-icon--sm{width:16px;height:16px}
.yha-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:var(--space-3);width:100%}
.yha-icons figure{display:grid;justify-items:center;gap:var(--space-1);margin:0;color:var(--ink)}
.yha-icons figcaption{font:400 12px/16px var(--font-sans);color:var(--ink-2)}

/* program kabuğu: çerçeve, üst şerit, ray, yaprak */
.yha-app{display:flex;flex-direction:column;min-height:900px;background:var(--frame);color:var(--ink);font:400 14px/22px var(--font-sans);-webkit-font-smoothing:antialiased}
.yha-strip{display:grid;grid-template-columns:minmax(max-content,1fr) minmax(12rem,30rem) minmax(max-content,1fr);align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-3) 0 var(--space-4);color:var(--on-frame)}
.yha-space{justify-self:start;display:inline-flex;align-items:center;gap:var(--space-2);color:var(--on-frame);font:600 13px/20px var(--font-sans);text-decoration:none}
.yha-monogram{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--on-frame);color:var(--frame);font:700 12px/1 var(--font-sans)}
.yha-cmd{display:flex;align-items:center;gap:var(--space-2);box-sizing:border-box;width:100%;height:var(--control-sm);padding:0 5px 0 10px;border:0;border-radius:var(--radius-sm);background:var(--frame-hover);color:var(--on-frame-2);font:400 13px/20px var(--font-sans);cursor:pointer}
.yha-cmd .yha-kbd{margin-left:auto;background:var(--frame-active);color:var(--on-frame)}
.yha-strip__right{justify-self:end;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);color:var(--on-frame-2);font:400 12px/16px var(--font-sans)}
.yha-conn{display:inline-flex;align-items:center;gap:6px}
.yha-conn .yha-dot{background:var(--on-frame-ok)}
.yha-body{flex:1;display:flex;flex-wrap:wrap;min-height:0}
.yha-rail{box-sizing:border-box;flex:0 0 var(--rail);display:flex;flex-direction:column;align-items:center;gap:var(--space-half);padding:var(--space-1) 0 var(--space-3)}
.yha-rail__item{position:relative;display:grid;justify-items:center;gap:var(--space-half);width:60px;padding:var(--space-1) 0;border-radius:var(--radius-md);color:var(--on-frame-2);font:500 10.5px/14px var(--font-sans);text-decoration:none}
.yha-rail__icon{display:grid;place-items:center;width:40px;height:30px;border-radius:9px}
.yha-rail__item:hover .yha-rail__icon{background:var(--frame-hover)}
.yha-rail__item[aria-current="page"]{color:var(--on-frame)}
.yha-rail__item[aria-current="page"] .yha-rail__icon{background:var(--frame-active)}
.yha-rail__badge{position:absolute;top:0;right:4px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--on-frame);color:var(--frame);font:600 10px/1 var(--font-sans);font-variant-numeric:tabular-nums}
.yha-rail__sep{width:28px;height:1px;margin:6px 0;background:var(--frame-active)}
.yha-rail__foot{margin-top:auto;display:grid;justify-items:center;gap:var(--space-2)}
.yha-rail .yha-avatar{background:var(--frame-active);color:var(--on-frame)}
.yha-sheet{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;margin:0 var(--space-2) var(--space-2) 0;border-radius:var(--radius-lg);background:var(--surface-0);overflow:hidden}
.yha-sheet__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);min-height:52px;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-5);border-bottom:1px solid var(--line);background:var(--surface-1)}
.yha-sheet__title{margin:0;font:600 16px/24px var(--font-sans);letter-spacing:-.01em}
.yha-panes{flex:1;display:flex;flex-wrap:wrap;min-height:0}
.yha-pane{box-sizing:border-box;min-width:0;display:flex;flex-direction:column;background:var(--surface-1)}
.yha-pane+.yha-pane{border-left:1px solid var(--line)}
.yha-pane--list{flex:1 1 340px;max-width:400px}
.yha-pane--main{flex:999 1 440px}
.yha-pane--side{flex:1 1 280px;max-width:320px;background:var(--surface-0)}
.yha-pane__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border-bottom:1px solid var(--line)}
.yha-pane__body{display:grid;gap:var(--space-4);padding:var(--space-5);align-content:start}
.yha-page{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5) var(--space-6)}
.yha-page__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}
.yha-card{box-sizing:border-box;min-width:0;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-1);box-shadow:var(--shadow-sheet);overflow:hidden}
a.yha-card{display:block;color:inherit;text-decoration:none}
.yha-card__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-4);border-bottom:1px solid var(--line)}
.yha-card__body{display:grid;gap:var(--space-3);padding:var(--space-4)}
.yha-actionbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-1);box-shadow:var(--shadow-pop)}
.yha-h1{margin:0;font:700 24px/30px var(--font-sans);letter-spacing:-.015em}
.yha-h2{margin:0;font:600 18px/26px var(--font-sans);letter-spacing:-.01em}
.yha-h3{margin:0;font:600 15px/22px var(--font-sans)}
.yha-caption{font:500 12px/16px var(--font-sans);color:var(--ink-2)}
.yha-muted{color:var(--ink-2)}
.yha-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.yha-reading{margin:0;max-width:65ch;font:400 16px/28px var(--font-sans)}
.yha-cols{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-4);min-width:0}
.yha-stack{display:grid;gap:var(--space-3);min-width:0;align-content:start}
.yha-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0}
.yha-grow{flex:1;min-width:0}
.yha-end{margin-left:auto}
.yha-hr{height:1px;margin:0;border:0;background:var(--line)}
.yha-kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2) var(--space-4);margin:0;font:400 13px/20px var(--font-sans)}
.yha-kv dt{color:var(--ink-2)}
.yha-kv dd{margin:0}
.yha-stat{display:grid;gap:var(--space-1);min-width:0}
.yha-stat__value{font:700 36px/40px var(--font-sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.yha-stat__label{font:500 13px/18px var(--font-sans);color:var(--ink-2)}

/* mobil */
.yha-m{box-sizing:border-box;width:390px;height:844px;display:flex;flex-direction:column;background:var(--surface-0);color:var(--ink);font:400 16px/24px var(--font-sans);-webkit-font-smoothing:antialiased;overflow:hidden}
.yha-m__status{display:flex;align-items:center;justify-content:space-between;flex:none;height:44px;padding:0 var(--space-6);font:600 15px/1 var(--font-sans);font-variant-numeric:tabular-nums}
.yha-m__bar{display:flex;align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-1) var(--space-5) 0}
.yha-m__title{margin:0;font:700 26px/32px var(--font-sans);letter-spacing:-.02em}
.yha-m__body{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-5) var(--space-4);overflow:hidden}
.yha-m__foot{display:grid;gap:var(--space-2);padding:var(--space-2) var(--space-5) var(--space-3)}
.yha-m__foot .yha-btn{width:100%}
.yha-m__tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin:0 var(--space-4) var(--space-4);padding:6px;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface-1);box-shadow:var(--shadow-pop)}
.yha-m__tab{display:grid;justify-items:center;align-content:center;gap:var(--space-half);min-height:var(--control-touch);border-radius:18px;color:var(--ink-2);font:500 11px/14px var(--font-sans);text-decoration:none}
.yha-m__tab[aria-current="page"]{background:var(--public-soft);color:var(--public)}
.yha-m__tab--action,.yha-m__tab--action[aria-current="page"]{justify-self:center;align-self:center;width:var(--control-touch);height:var(--control-touch);min-height:0;border-radius:50%;background:var(--public);color:var(--on-public)}
.yha-m--corp .yha-m__tab[aria-current="page"]{background:var(--selected);color:var(--link)}
.yha-m--corp .yha-m__tab--action,.yha-m--corp .yha-m__tab--action[aria-current="page"]{background:var(--primary);color:var(--on-fill)}
.yha-m-card{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--line);border-radius:20px;background:var(--surface-1)}
.yha-m-row{display:flex;align-items:center;gap:var(--space-3);min-height:var(--row-touch);border-bottom:1px solid var(--line)}
.yha-m-h{margin:0;font:700 30px/36px var(--font-sans);letter-spacing:-.02em}
.yha-m-s{font:400 14px/20px var(--font-sans);color:var(--ink-2)}
.yha-m-label{font:600 13px/18px var(--font-sans);color:var(--ink-2)}

/* ek bileşenler: bant, arama, anahtar, ayar satırı, adım, kart */
.yha-banner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);box-sizing:border-box;padding:10px var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);color:var(--ink);font:400 13px/20px var(--font-sans)}
.yha-banner--strip{border-radius:0}
.yha-banner--wait{background:var(--wait-soft);color:var(--wait)}
.yha-banner--ok{background:var(--ok-soft);color:var(--ok)}
.yha-banner--review{background:var(--review-soft);color:var(--review)}
.yha-banner--error{background:var(--flash-soft);color:var(--flash-ink)}
.yha-banner--public{background:var(--public-soft);color:var(--public)}
.yha-banner .yha-time{color:inherit}
.yha-search{display:flex;align-items:center;gap:var(--space-2);box-sizing:border-box;min-width:14rem;height:var(--control-md);padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--ink-3);font:400 13px/20px var(--font-sans)}
.yha-switch{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:36px;height:20px;margin:0;border-radius:var(--radius-full);background:var(--line-strong);cursor:pointer}
.yha-switch::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--on-fill)}
.yha-switch:checked{background:var(--primary)}
.yha-switch:checked::after{left:18px}
.yha-switch:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.yha-m .yha-switch{width:48px;height:28px}
.yha-m .yha-switch::after{width:24px;height:24px}
.yha-m .yha-switch:checked{background:var(--public)}
.yha-m .yha-switch:checked::after{left:22px}
.yha-setrow{box-sizing:border-box;display:flex;align-items:center;gap:var(--space-4);min-height:52px;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--line);font:400 13px/20px var(--font-sans)}
.yha-setrow:last-child{border-bottom:0}
.yha-setrow__text{flex:1;min-width:0;display:grid;gap:var(--space-half)}
.yha-setrow__title{font-weight:500;color:var(--ink)}
.yha-setrow__desc{color:var(--ink-2);font-size:12px;line-height:16px}
.yha-steps{display:flex;gap:var(--space-1)}
.yha-step{flex:1;height:4px;border-radius:var(--radius-full);background:var(--surface-3)}
.yha-step--done,.yha-step[aria-current="step"]{background:var(--link)}
.yha-m .yha-step--done,.yha-m .yha-step[aria-current="step"]{background:var(--public)}
.yha-idcard{box-sizing:border-box;display:grid;align-content:space-between;gap:var(--space-3);width:100%;max-width:350px;aspect-ratio:1.586;padding:var(--space-5);border-radius:20px;background:var(--brand-fill);color:var(--on-fill);font:400 13px/18px var(--font-sans);box-shadow:var(--shadow-pop)}
.yha-idcard__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}
.yha-idcard__org{font:700 11px/14px var(--font-sans);letter-spacing:.18em;text-transform:uppercase}
.yha-idcard__kind{padding:3px var(--space-2);border-radius:var(--radius-full);background:var(--frame-active);font:600 11px/16px var(--font-sans);white-space:nowrap}
.yha-idcard__who{display:flex;align-items:center;gap:var(--space-3);min-width:0}
.yha-idcard__photo{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:14px;background:var(--frame-active);font:600 18px/1 var(--font-sans)}
.yha-idcard__name{font:600 18px/24px var(--font-sans);letter-spacing:-.01em}
.yha-idcard__meta{color:var(--on-frame-2)}
.yha-idcard__foot{display:flex;align-items:flex-end;gap:var(--space-5)}
.yha-idcard__label{display:block;color:var(--on-frame-2);font:500 11px/14px var(--font-sans)}
.yha-idcard__no{font:500 14px/20px var(--font-mono)}
.yha-idcard__code{flex:none;box-sizing:border-box;width:52px;height:52px;margin-left:auto;border:5px solid var(--on-fill);border-radius:8px;background:conic-gradient(var(--frame) 25%,var(--on-fill) 0 50%,var(--frame) 0 75%,var(--on-fill) 0) 0 0/14px 14px}
.yha-idcard--off{background:var(--surface-3);color:var(--ink-2);box-shadow:none}
.yha-idcard--off .yha-idcard__kind,.yha-idcard--off .yha-idcard__photo{background:var(--surface-2)}
.yha-idcard--off .yha-idcard__meta,.yha-idcard--off .yha-idcard__label{color:var(--ink-2)}
.yha-idcard--off .yha-idcard__code{border-color:var(--surface-2);background:var(--surface-2)}
.yha-m--corp .yha-switch:checked{background:var(--primary)}
.yha-m--corp .yha-step--done,.yha-m--corp .yha-step[aria-current="step"]{background:var(--link)}
