/* evrakisleri.com - yeni tema (TASARIM-landing.md). Sınıf öneki: s-  |  Kırılmalar: 720px ve 1024px (fiyat ızgarası için 900px) */
:root{
  --brand:#0F5F5A;--brand-dark:#0A4743;--brand-soft:#E3F1EF;
  --accent:#F2A33A;--accent-soft:#FFF1D6;
  --bg:#FBFAF6;--surface:#FFFFFF;--surface-alt:#F2EFE6;
  --text:#1B2A2F;--text-muted:#4A5A60;--border:#E1DDD0;
  --free-bg:#DDF3E4;--free-text:#17663B;
  --soon-bg:#FFF1CC;--soon-text:#6B4E00;
  --focus:#1F6FEB;
  --font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --fs-xs:.8125rem;--fs-sm:.9375rem;--fs-base:clamp(1rem,.96rem + .2vw,1.0625rem);
  --fs-lg:clamp(1.125rem,1.05rem + .4vw,1.3125rem);
  --fs-h3:clamp(1.25rem,1.1rem + .7vw,1.5rem);
  --fs-h2:clamp(1.625rem,1.3rem + 1.6vw,2.375rem);
  --fs-h1:clamp(2rem,1.4rem + 3vw,3.5rem);
  --lh-body:1.65;--lh-head:1.2;
  --sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;
  --sp-6:2rem;--sp-7:3rem;--sp-8:4.5rem;--sp-9:6rem;
  --r-sm:8px;--r-md:14px;--r-lg:22px;--r-pill:999px;
  --shadow-1:0 1px 2px rgba(27,42,47,.06),0 2px 8px rgba(27,42,47,.05);
  --shadow-2:0 8px 28px rgba(27,42,47,.12);
  --container:1120px;--read:680px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-base);line-height:var(--lh-body)}
img,svg{max-width:100%}
h1,h2,h3,h4{font-weight:700;line-height:var(--lh-head);letter-spacing:-.01em;margin:0 0 var(--sp-3)}
p{margin:0 0 var(--sp-4)}
ul,ol{margin:0 0 var(--sp-4)}
a{color:var(--brand);text-decoration:underline;text-underline-offset:2px;transition:color 150ms,background-color 150ms,border-color 150ms,box-shadow 150ms}
a:hover{color:var(--brand-dark)}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.s-skip{position:absolute;left:var(--sp-4);top:-60px;background:var(--brand);color:#fff;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);z-index:200;text-decoration:none}
.s-skip:focus{top:var(--sp-3);color:#fff}
.s-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* yerleşim */
.s-container{width:100%;max-width:calc(var(--container) + var(--sp-5)*2);margin:0 auto;padding:0 var(--sp-4)}
.s-section{padding:var(--sp-7) 0}
.s-section--alt{background:var(--surface-alt)}
.s-section--surface{background:var(--surface)}
.s-grid{display:grid;gap:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.s-center{text-align:center}
.s-eyebrow{display:inline-block;font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--brand);margin-bottom:var(--sp-2)}
.s-h2{font-size:var(--fs-h2);margin-bottom:var(--sp-3)}
.s-h3{font-size:var(--fs-h3)}
.s-lead{font-size:var(--fs-lg);color:var(--text-muted);max-width:42rem}
.s-center .s-lead{margin-inline:auto}
.s-head{margin-bottom:var(--sp-6)}
.s-mt{margin-top:var(--sp-5)}
.s-muted{color:var(--text-muted)}
.s-small{font-size:var(--fs-sm)}
@media (min-width:720px){.s-container{padding:0 var(--sp-5)}.s-section{padding:var(--sp-8) 0}}

/* üst menü */
.s-nav{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--border)}
.s-nav__in{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:72px}
.s-logo{font-weight:700;font-size:1.25rem;color:var(--brand);text-decoration:none;letter-spacing:-.02em;white-space:nowrap}
.s-logo:hover{color:var(--brand-dark)}
.s-nav__links{display:none;list-style:none;margin:0;padding:0;gap:var(--sp-5)}
.s-nav__links a{display:inline-block;padding:var(--sp-2) 0;font-weight:500;color:var(--text);text-decoration:none}
.s-nav__links a:hover,.s-nav__links a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
.s-nav__cta{display:none;gap:var(--sp-2);align-items:center}
.s-burger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;border-radius:var(--r-sm);color:var(--text);cursor:pointer}
.s-burger:hover{background:var(--brand-soft)}
.s-scrim{position:fixed;inset:0;background:rgba(27,42,47,.4);opacity:0;visibility:hidden;transition:opacity 150ms,visibility 150ms;z-index:90}
.s-scrim.is-open{opacity:1;visibility:visible}
.s-drawer{position:fixed;top:0;right:0;bottom:0;width:min(88vw,360px);background:var(--surface);box-shadow:var(--shadow-2);z-index:100;transform:translateX(100%);visibility:hidden;transition:transform 150ms,visibility 150ms;display:flex;flex-direction:column;padding:var(--sp-4);overflow-y:auto}
.s-drawer.is-open{transform:none;visibility:visible}
.s-drawer__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}
.s-drawer ul{list-style:none;margin:0;padding:0}
.s-drawer li a{display:flex;align-items:center;min-height:52px;padding:0 var(--sp-2);font-weight:500;color:var(--text);text-decoration:none;border-bottom:1px solid var(--border)}
.s-drawer li a:hover{background:var(--brand-soft)}
.s-drawer__foot{margin-top:auto;padding-top:var(--sp-5);display:grid;gap:var(--sp-3)}
@media (min-width:720px){
  .s-nav__links,.s-nav__cta{display:flex}
  .s-burger,.s-drawer,.s-scrim{display:none}
}

/* düğmeler */
.s-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:44px;padding:0 22px;border-radius:var(--r-pill);border:2px solid transparent;font:inherit;font-weight:600;font-size:var(--fs-sm);line-height:1.2;text-decoration:none;text-align:center;cursor:pointer;transition:background-color 150ms,border-color 150ms,color 150ms}
.s-btn--primary{background:var(--brand);color:#fff}
.s-btn--primary:hover{background:var(--brand-dark);color:#fff}
.s-btn--ghost{background:transparent;color:var(--brand);border-color:var(--brand)}
.s-btn--ghost:hover{background:var(--brand-soft);color:var(--brand-dark)}
.s-btn--accent{background:var(--accent);color:var(--text)}
.s-btn--accent:hover{background:#E3922A;color:var(--text)}
.s-btn--block{display:flex;width:100%}
.s-btn--lg{min-height:56px;padding:0 34px;font-size:var(--fs-base)}
.s-btn[aria-disabled="true"]{opacity:.5;pointer-events:none}
.s-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3)}

/* rozet */
.s-badge{display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;white-space:nowrap}
.s-badge--free{background:var(--free-bg);color:var(--free-text)}
.s-badge--soon{background:var(--soon-bg);color:var(--soon-text)}
.s-badge--hot{background:var(--accent);color:var(--text)}

/* hero */
.s-hero{padding:var(--sp-7) 0 var(--sp-7)}
.s-hero__grid{display:grid;gap:var(--sp-6);align-items:center}
.s-hero h1{font-size:var(--fs-h1);margin-bottom:var(--sp-4)}
.s-hero h1 span{color:var(--brand)}
.s-hero__lead{font-size:var(--fs-lg);color:var(--text-muted);max-width:36rem;margin-bottom:var(--sp-5)}
.s-hero__trust{margin:var(--sp-4) 0 0;font-size:var(--fs-sm);color:var(--text-muted)}
@media (min-width:1024px){.s-hero{padding:var(--sp-8) 0}.s-hero__grid{grid-template-columns:7fr 5fr;gap:var(--sp-7)}}

/* CSS maketi */
.s-mock{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-2);overflow:hidden;width:100%}
.s-mock__bar{display:flex;gap:6px;padding:10px 14px;background:var(--surface-alt);border-bottom:1px solid var(--border)}
.s-mock__bar i{width:10px;height:10px;border-radius:50%;background:#CFCABA}
.s-mock__body{padding:var(--sp-4);display:grid;gap:10px;min-height:220px;align-content:start}
.s-mock__row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;align-items:center}
.s-mock__row i{display:block;height:12px;border-radius:6px;background:#E4E1D6}
.s-mock__row i:first-child{width:80%}
.s-mock__row--head i{background:#C9C5B5;height:10px}
.s-mock__row--total{background:var(--brand-soft);border-radius:var(--r-sm);padding:10px 8px;margin-top:6px}
.s-mock__row--total i{background:var(--brand);opacity:.75}
.s-mock__row--ok i:first-child{width:60%}
.s-mock__row--ok b{justify-self:end;color:var(--free-text);font-size:var(--fs-xs)}
@media (max-width:1023px){.s-mock__body{min-height:0}.s-hero .s-mock{max-height:220px}}

/* sayfa başlığı (iç sayfalar) */
.s-pagehead{background:var(--surface-alt);border-bottom:1px solid var(--border);padding:var(--sp-6) 0}
.s-pagehead h1{font-size:var(--fs-h2);margin:0 0 var(--sp-3)}
.s-pagehead__lead{font-size:var(--fs-lg);color:var(--text-muted);max-width:40rem;margin:0 0 var(--sp-4)}
.s-pagehead--product h1{font-size:var(--fs-h1)}
.s-pagehead__grid{display:grid;gap:var(--sp-5);align-items:center}
.s-crumbs{display:flex;flex-wrap:wrap;gap:var(--sp-2);list-style:none;margin:0 0 var(--sp-3);padding:0;font-size:var(--fs-xs);color:var(--text-muted)}
.s-crumbs li+li::before{content:"/";margin-right:var(--sp-2)}
.s-crumbs a{color:var(--text-muted)}
@media (min-width:1024px){.s-pagehead{padding:var(--sp-7) 0}.s-pagehead--product .s-pagehead__grid{grid-template-columns:7fr 5fr;gap:var(--sp-7)}}
@media (max-width:1023px){.s-pagehead .s-mock{display:none}}

/* kartlar */
.s-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-5);color:var(--text);text-decoration:none}
a.s-card:hover{box-shadow:var(--shadow-1);border-color:var(--brand);color:var(--text)}
.s-card__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--brand-soft);color:var(--brand);margin-bottom:var(--sp-4)}
.s-card__icon svg{width:28px;height:28px}
.s-card h3{font-size:var(--fs-h3);margin-bottom:var(--sp-2)}
.s-card p{color:var(--text-muted);margin-bottom:var(--sp-4)}
.s-card__more{margin-top:auto;font-weight:600;color:var(--brand)}
.s-card--free{border-left:4px solid var(--free-text)}
.s-card .s-badge{position:absolute;top:var(--sp-4);right:var(--sp-4)}
.s-card--soon{background:var(--surface-alt);border-style:dashed;cursor:default}
.s-card--soon .s-card__icon{background:#E6E2D4;color:var(--text-muted)}
.s-card--soon p{margin-bottom:0}
.s-card--plain{padding:var(--sp-4) var(--sp-5)}
.s-card--plain h3{font-size:1.125rem}
.s-card--plain p{margin:0}

/* veri bölümü */
.s-trio{display:grid;gap:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:var(--sp-6)}
.s-trio h3{font-size:var(--fs-lg);margin:var(--sp-3) 0 var(--sp-2)}
.s-trio p{color:var(--text-muted);margin:0}
.s-flow{display:grid;gap:var(--sp-3);align-items:center;justify-items:center;text-align:center}
.s-flow__box{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4);font-weight:600}
.s-flow__arrow{display:flex;flex-direction:column;align-items:center;color:var(--brand);font-size:var(--fs-sm);font-weight:600;gap:var(--sp-1)}
.s-flow__arrow svg{width:32px;height:32px;transform:rotate(90deg)}
@media (min-width:720px){
  .s-flow{grid-template-columns:1fr auto 1fr}
  .s-flow__arrow svg{transform:none;width:56px}
}

/* adımlar */
.s-steps{list-style:none;margin:0 0 var(--sp-4);padding:0;counter-reset:adim}
.s-steps li{counter-increment:adim;position:relative;padding:4px 0 var(--sp-4) 60px}
.s-steps li::before{content:counter(adim);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;background:var(--brand);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.s-howto{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-5);counter-reset:adim}
.s-howto li{counter-increment:adim;position:relative;padding-top:64px}
.s-howto li::before{content:counter(adim);position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%;background:var(--brand);color:#fff;font-weight:700;font-size:1.25rem;display:flex;align-items:center;justify-content:center}
.s-howto h3{font-size:var(--fs-lg);margin-bottom:var(--sp-2)}
.s-howto p{color:var(--text-muted);margin:0}
@media (min-width:720px){
  .s-howto{grid-template-columns:repeat(3,1fr)}
  .s-howto li:not(:last-child)::after{content:"";position:absolute;top:24px;left:64px;right:-12px;border-top:2px solid var(--border)}
}

/* fiyat */
.s-prices{display:grid;gap:var(--sp-5);align-items:start}
.s-price{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6);height:100%}
.s-price h3{font-size:var(--fs-h3);margin-bottom:var(--sp-2)}
.s-price__sub{color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:var(--sp-3)}
.s-price__amount{font-size:2.5rem;font-weight:700;line-height:1.1;margin:0 0 var(--sp-1);letter-spacing:-.02em}
.s-price__amount small{font-size:var(--fs-sm);font-weight:500;color:var(--text-muted);letter-spacing:0}
.s-price__opt{padding:var(--sp-3) 0;border-top:1px solid var(--border)}
.s-price__opt:first-of-type{border-top:0}
.s-price__opt .s-price__amount{font-size:2rem;margin:0}
.s-price__opt p{margin:0;font-size:var(--fs-sm);color:var(--text-muted)}
.s-price__list{list-style:none;margin:var(--sp-4) 0 var(--sp-5);padding:0;display:grid;gap:var(--sp-2)}
.s-price__list li{position:relative;padding-left:28px;font-size:var(--fs-sm)}
.s-price__list li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;background:var(--brand);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/contain no-repeat}
.s-price .s-btn{margin-top:auto}
.s-price--hot{border:2px solid var(--brand);background:var(--brand-soft)}
.s-price--hot .s-badge{position:absolute;top:calc(var(--sp-3)*-1);left:var(--sp-6)}
.s-price--free .s-badge{margin-bottom:var(--sp-3);align-self:flex-start}
.s-pricenote{margin-top:var(--sp-5);font-size:var(--fs-sm);color:var(--text-muted);text-align:center}
.s-freeband{margin-top:var(--sp-6);background:var(--free-bg);color:var(--free-text);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);font-weight:600;text-align:center}
.s-freeband a{color:var(--free-text)}
@media (min-width:900px){
  .s-prices{grid-template-columns:repeat(3,1fr)}
  .s-prices--2{grid-template-columns:repeat(2,1fr)}
  .s-price--hot{transform:translateY(-8px)}
}

/* SSS */
.s-faq{max-width:var(--read);margin:0 auto}
.s-faq--wide{max-width:none}
.s-faq details{border-bottom:1px solid var(--border)}
.s-faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:56px;padding:var(--sp-3) 0;font-size:var(--fs-lg);font-weight:600;line-height:1.35;cursor:pointer;list-style:none}
.s-faq summary::-webkit-details-marker{display:none}
.s-faq summary:hover{color:var(--brand)}
.s-faq__i{flex:none;width:24px;height:24px;stroke:var(--brand);fill:none;stroke-width:2.2;stroke-linecap:round}
.s-faq details[open] .s-faq__v{display:none}
.s-faq__a{color:var(--text-muted);padding:0 0 var(--sp-4);margin-top:calc(var(--sp-3)*-1 + var(--sp-3))}
.s-faq__a p{margin:0 0 var(--sp-3)}
.s-faq__a p:last-child{margin:0}

/* kapanış çağrısı */
.s-cta{background:var(--brand);color:#fff;border-radius:var(--r-lg);padding:var(--sp-7) var(--sp-5);text-align:center}
.s-cta h2{color:#fff;font-size:var(--fs-h2);margin-bottom:var(--sp-3)}
.s-cta p{color:#E3F1EF;max-width:36rem;margin:0 auto var(--sp-5)}
.s-cta .s-actions{justify-content:center}
.s-cta .s-btn--ghost{color:#fff;border-color:#fff}
.s-cta .s-btn--ghost:hover{background:rgba(255,255,255,.14);color:#fff}

/* yazı / içerik sütunu */
.s-prose{max-width:760px;margin-inline:auto}
.s-prose h2{font-size:var(--fs-h3);margin:var(--sp-6) 0 var(--sp-3)}
.s-prose h3{font-size:var(--fs-lg);margin:var(--sp-5) 0 var(--sp-2)}
.s-prose>h2:first-child{margin-top:0}
.s-prose li{margin-bottom:var(--sp-2)}
.s-prose img{height:auto;border-radius:var(--r-sm)}
.s-prose figure{margin:0 0 var(--sp-5)}
.s-prose figcaption{font-size:var(--fs-sm);color:var(--text-muted);margin-top:var(--sp-2)}
.s-prose blockquote{margin:var(--sp-5) 0;padding:var(--sp-2) 0 var(--sp-2) var(--sp-4);border-left:4px solid var(--accent);color:var(--text-muted)}
.s-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.s-prose iframe,.s-prose video{max-width:100%}
.s-prose .s-lead{max-width:none;margin-bottom:var(--sp-5)}
.s-note{background:var(--accent-soft);border-left:4px solid var(--accent);border-radius:var(--r-sm);padding:var(--sp-4);margin:var(--sp-5) 0}
.s-note p{margin:0}
.s-tablewrap{overflow-x:auto;margin:var(--sp-4) 0}
.s-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.s-table th,.s-table td{border:1px solid var(--border);padding:10px 14px;text-align:left;vertical-align:top;line-height:1.5}
.s-table th{background:var(--surface-alt)}
.s-list{padding-left:1.25rem}
.s-figure img{width:100%;height:auto;border:1px solid var(--border);border-radius:var(--r-md)}
.s-feat{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:var(--sp-4) 0 var(--sp-5)}
.s-feat div{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-4)}
.s-feat h3{font-size:var(--fs-lg);margin:0 0 var(--sp-2)}
.s-feat p{margin:0;color:var(--text-muted)}

/* yasal sayfa */
.s-legal__band{background:var(--surface-alt);border-bottom:1px solid var(--border);padding:var(--sp-6) 0}
.s-legal__band h1{font-size:var(--fs-h2);margin:0 0 var(--sp-2)}
.s-legal__band p{margin:0;color:var(--text-muted);font-size:var(--fs-sm)}
.s-legal__body{max-width:var(--read);margin:0 auto;padding:var(--sp-6) var(--sp-4) var(--sp-8);font-size:var(--fs-base)}
.s-legal__body h2{font-size:var(--fs-h3);margin:var(--sp-6) 0 var(--sp-3)}
.s-legal__body h3{font-size:var(--fs-lg);margin:var(--sp-4) 0 var(--sp-2)}
.s-legal__body ul{padding-left:1.4rem}
.s-legal__body li{margin-bottom:var(--sp-2)}
.s-legal__box{background:var(--surface-alt);border-radius:var(--r-sm);padding:var(--sp-4);margin:var(--sp-3) 0}
.s-legal__box p{margin:0 0 var(--sp-1)}
.s-legal__links{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5)}
.s-legal__body table{display:block;overflow-x:auto;border-collapse:collapse;font-size:var(--fs-sm)}
.s-legal__body th,.s-legal__body td{border:1px solid var(--border);padding:8px 12px;text-align:left;vertical-align:top}
.s-legal__body th{background:var(--surface-alt)}

/* blog */
.s-post{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-5)}
.s-post:hover{border-color:var(--brand);box-shadow:var(--shadow-1)}
.s-post time{font-size:var(--fs-xs);color:var(--text-muted);margin-bottom:var(--sp-2)}
.s-post h2,.s-post h3{font-size:var(--fs-h3);margin-bottom:var(--sp-2)}
.s-post h2 a,.s-post h3 a{color:var(--text);text-decoration:none}
.s-post h2 a:hover,.s-post h3 a:hover{color:var(--brand)}
.s-post p{color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.s-post__more{margin-top:auto;font-weight:600}
.s-article{max-width:var(--read);margin:0 auto;padding:var(--sp-6) var(--sp-4) var(--sp-7)}
.s-article h1{font-size:min(var(--fs-h1),2.5rem);margin-bottom:var(--sp-3)}
.s-article__meta{color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:var(--sp-5)}
.s-article__cover{margin:0 0 var(--sp-5)}
.s-article__cover img{width:100%;height:auto;border-radius:var(--r-md);display:block}
.s-article__body{font-size:var(--fs-lg);line-height:1.75}
.s-article__body h2{font-size:var(--fs-h3);margin:var(--sp-6) 0 var(--sp-3)}
.s-article__body h3{font-size:var(--fs-lg);margin:var(--sp-5) 0 var(--sp-2)}
.s-article__body img{max-width:100%;height:auto}
.s-article__body blockquote{margin:var(--sp-5) 0;padding:var(--sp-2) 0 var(--sp-2) var(--sp-4);border-left:4px solid var(--accent);color:var(--text-muted)}
.s-article__body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.s-article__body iframe,.s-article__body video{max-width:100%}
.s-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:var(--sp-5) 0}
.s-tags span{background:var(--surface-alt);border-radius:var(--r-pill);padding:2px 12px;font-size:var(--fs-xs)}
.s-related{margin:var(--sp-6) 0;padding:var(--sp-5);background:var(--surface-alt);border-radius:var(--r-md)}
.s-related h2{font-size:var(--fs-lg);margin-bottom:var(--sp-3)}
.s-related ul{margin:0;padding-left:1.25rem}
.s-prodcard{margin:var(--sp-6) 0}

/* iletişim / form */
.s-contact{display:grid;gap:var(--sp-5);margin-bottom:var(--sp-6)}
.s-contact__item h3{font-size:var(--fs-lg);margin-bottom:var(--sp-2)}
.s-contact__item p{margin:0;color:var(--text-muted)}
.s-contact__item a{display:inline-block;padding:2px 0}
.s-form{max-width:var(--read);margin:0 auto;display:grid;gap:var(--sp-4)}
.s-form label{display:block;font-weight:600;margin-bottom:var(--sp-1)}
.s-form input,.s-form textarea{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid #B9B4A3;border-radius:var(--r-sm);padding:12px 14px;min-height:48px}
.s-form textarea{min-height:140px;resize:vertical}
.s-form .s-err{color:#B42318;font-size:var(--fs-sm);margin-top:var(--sp-1)}
.s-form__result{font-weight:600;min-height:1.5em}
@media (min-width:720px){.s-contact{grid-template-columns:repeat(3,1fr)}}

/* alt bilgi */
.s-footer{background:var(--text);color:#E8EEEF;padding:var(--sp-7) 0 var(--sp-5);font-size:var(--fs-sm)}
.s-footer a{color:#fff;text-decoration:none}
.s-footer a:hover{text-decoration:underline}
.s-footer__grid{display:grid;gap:var(--sp-6);grid-template-columns:1fr}
.s-footer h2{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.06em;color:#fff;margin-bottom:var(--sp-3)}
.s-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-1)}
.s-footer li a,.s-footer li span{display:inline-block;padding:var(--sp-1) 0}
.s-footer .s-badge{margin-left:var(--sp-2);height:22px;padding:0 8px}
.s-footer__soon{color:#B9C7CA}
.s-footer__contact{margin-top:var(--sp-4);display:grid;gap:var(--sp-1)}
.s-footer__bottom{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid rgba(255,255,255,.18);font-size:var(--fs-xs);color:#B9C7CA}
.s-footer__bottom p{margin:0 0 var(--sp-1)}
@media (min-width:720px){.s-footer__grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.s-footer__grid{grid-template-columns:repeat(4,1fr)}}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ===== ürün görselleri, galeri, süreç filmi, veri şeması ===== */
/* hero: ekran görüntüsü + etiket kartları */
.s-shot{position:relative;margin:0;display:grid;gap:var(--sp-3);min-width:0}
.s-shot__win{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-2);overflow:hidden}
.s-shot__bar{display:flex;align-items:center;gap:6px;padding:9px 14px;background:var(--surface-alt);border-bottom:1px solid var(--border)}
.s-shot__bar i{width:10px;height:10px;border-radius:50%;background:#CFCABA}
.s-shot__bar span{margin-left:8px;font-size:var(--fs-xs);font-weight:500;color:var(--text-muted)}
.s-shot picture,.s-shot img{display:block;width:100%;height:auto}
.s-shot figcaption,.s-shot__cap{font-size:var(--fs-xs);color:var(--text-muted)}
.s-shot__cap{margin:0}.s-shot__cap a{font-weight:600;white-space:nowrap}
/* hero döner ekranlar: sekmeler + üst üste yığılmış slaytlar (yükseklik sabit, geçişte zıplama yok) */
.s-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-width:0}
.s-tabs::-webkit-scrollbar{display:none}
.s-tab{flex:none;appearance:none;font:inherit;font-size:var(--fs-sm);font-weight:600;line-height:1;padding:10px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);cursor:pointer;white-space:nowrap}
.s-tab:hover{color:var(--text)}
.s-tab[aria-selected="true"]{background:var(--brand);border-color:var(--brand);color:#fff}
.s-tab:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.s-slides{display:grid;min-width:0}
.s-slide{grid-area:1/1;display:grid;gap:var(--sp-3);align-content:start;min-width:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease,visibility 0s linear .45s}
.s-slide.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .45s ease,transform .45s ease,visibility 0s}
.s-shot__stage{aspect-ratio:16/10;background:#fff;overflow:hidden}
.s-shot__stage picture{height:100%}
.s-shot .s-shot__stage img{width:100%;height:100%;object-fit:contain;object-position:top}
.s-shot__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.s-chip{display:flex;flex:1 1 200px;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:8px 14px 8px 10px;box-shadow:var(--shadow-1)}
.s-chip__i{display:inline-flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--brand-soft);color:var(--brand)}
.s-chip strong{display:block;font-size:var(--fs-sm);line-height:1.2}
.s-chip small{display:block;font-size:var(--fs-xs);line-height:1.3;color:var(--text-muted)}
@media (min-width:1024px){
  .s-hero__grid--shot{grid-template-columns:5fr 6fr}
  .s-shot{padding-bottom:var(--sp-2)}
  .s-shot__chips{display:block}
  .s-chip{position:absolute;flex:none;box-shadow:var(--shadow-2)}
  .s-chip--a{top:40px;left:-28px}
  .s-chip--b{right:-12px;bottom:46px}
  .s-chip--c{left:-28px;bottom:64px}
}

/* galeri + büyüten pencere */
.s-gal{display:grid;gap:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.s-gal--one{max-width:760px;margin-inline:auto;grid-template-columns:1fr}
.s-gal__it{display:flex;flex-direction:column;margin:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}
.s-gal__it a{display:block;line-height:0;border-bottom:1px solid var(--border);cursor:zoom-in}
.s-gal__it picture,.s-gal__it img{display:block;width:100%;height:auto}
.s-gal__it figcaption{display:grid;gap:var(--sp-1);padding:var(--sp-4)}
.s-gal__it figcaption strong{font-size:var(--fs-lg);line-height:1.25}
.s-gal__it figcaption span{font-size:var(--fs-sm);color:var(--text-muted)}
.s-lb{width:96vw;max-width:1200px;max-height:94vh;padding:0;border:0;background:transparent;overflow:visible}
.s-lb::backdrop{background:rgba(27,42,47,.72)}
.s-lb__in{position:relative;display:flex;flex-direction:column;max-height:94vh;background:var(--surface);border-radius:var(--r-md);overflow:hidden}
.s-lb__in img{display:block;width:100%;height:auto;max-height:calc(94vh - 56px);object-fit:contain;background:var(--bg)}
.s-lb__cap{margin:0;padding:10px 16px;font-size:var(--fs-sm);color:var(--text-muted)}
.s-lb__x{position:absolute;top:8px;right:8px;width:44px;height:44px;border:0;border-radius:50%;background:var(--text);color:#fff;font-size:1.75rem;line-height:1;cursor:pointer}
.s-lb__x:hover{background:var(--brand-dark)}

/* süreç filmi: ürünün gerçek penceresini taklit eder. Renkler sitenin temasından bağımsız, programın kendi renkleridir. Sınıf önekleri: f- (çerçeve, aidat sahneleri), d- (masaüstü program bileşenleri) */
.s-film{--f-bg:#fff;--f-fg:#171717;--f-mut:#f5f5f5;--f-mfg:#737373;--f-bd:#dbdbdb;--f-bar:#f9f9f9;--f-nav:#fcfcfc;--f-view:#fff;--f-min:470px;position:relative;max-width:920px;margin:var(--sp-5) auto}
.s-film--app{--f-fg:#0f172a;--f-mut:#f8fafc;--f-mfg:#64748b;--f-bd:#e3e8f0;--f-bar:#f8fafc;--f-nav:#fff;--f-view:#f4f6fb;--f-min:540px}
.s-prose .s-film{max-width:none}
.s-film.is-narrow{--f-min:380px}
.f-fit{position:relative;isolation:isolate}
@media (min-width:720px){.f-fit::before{content:"";position:absolute;inset:-24px;z-index:-1;border-radius:40px;background:linear-gradient(to top right,rgba(99,102,241,.2),rgba(139,92,246,.1),rgba(56,189,248,.15));filter:blur(64px);pointer-events:none}}
.f-win{position:relative;width:100%;transform-origin:0 0;overflow:hidden;border:1px solid var(--f-bd);border-radius:16px;background:var(--f-bg);box-shadow:0 25px 50px -12px rgba(15,23,42,.15),0 0 0 1px rgba(0,0,0,.05);color:var(--f-fg);font:400 16px/1.5 var(--font);text-align:left}
.s-film--app .f-win{font-size:14px}
.f-win *,.f-win *::before,.f-win *::after{box-sizing:border-box}
.f-win p,.f-win ul,.f-win ol,.f-win table{margin:0}
.f-win table{display:table;overflow:visible;max-width:none}
.f-win li{margin:0}
.f-win ul,.f-win ol{padding:0;list-style:none}
.f-win th{font-weight:600;text-align:left}
.f-win b{font-weight:inherit}
.f-win svg{max-width:none}
.fi{display:block;flex:none}
.f-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.f-mfg{color:var(--f-mfg)}
.f-g5{color:#22c55e}.f-g6{color:#16a34a}.f-r4{color:#f87171}.f-red{color:#ef4444}.f-in5{color:#6366f1}
.f-spin{animation:f-spin 1s linear infinite}

/* başlık çubuğu */
.f-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--f-bd);background:var(--f-bar);font-size:12px;line-height:16px}
.f-bar__app,.f-bar__web{display:flex;align-items:center;gap:8px;min-width:0}
.f-bar__web{display:none;color:var(--f-mfg)}
.f-win.is-web .f-bar__app{display:none}.f-win.is-web .f-bar__web{display:flex}
.f-logo{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;background:#4f46e5;color:#fff;font-size:12px;line-height:16px;font-weight:700}
.f-logo--s{width:20px;height:20px;border-radius:6px;font-size:11px}
.f-bar__app>span{font-size:12px;font-weight:500;color:var(--f-mfg)}
.f-url{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;border-radius:6px;background:var(--f-bg);padding:2px 10px;font-size:11px;color:var(--f-mfg);white-space:nowrap}
.f-bar__ctl{display:flex;align-items:center;gap:12px;margin-left:auto;color:var(--f-mfg)}

/* gövde: kenar çubuğu + sahneler + imleç */
.f-main{position:relative;display:flex;overflow:hidden}
.f-nav{flex:none;width:176px;padding:10px;border-right:1px solid var(--f-bd);background:var(--f-nav)}
.f-win.is-web .f-nav,.s-film.is-narrow .f-nav{display:none}
.f-nav__h{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:4px 8px 0}
.f-nav__t{min-width:0;line-height:1.25}
.f-nav__t p:first-child{font-size:12px;font-weight:600}
.f-nav__t p+p{overflow:hidden;font-size:10px;color:var(--f-mfg);text-overflow:ellipsis;white-space:nowrap}
.f-nav ul{display:grid;gap:2px}
.f-nav li{display:flex;align-items:center;gap:10px;border-radius:8px;padding:8px 10px;font-size:12px;line-height:16px;color:var(--f-mfg);transition:background-color .3s,color .3s}
.f-nav li.is-on{background:#e0e7ff;color:#4338ca;font-weight:500}
.s-film--app .f-nav li{font-weight:500}
.s-film--app .f-nav li.is-on{background:rgba(79,70,229,.1);color:#4f46e5}
.f-nav li em{margin-left:auto;border-radius:99px;background:#4f46e5;padding:0 6px;font-size:11px;font-style:normal;font-weight:600;color:#fff}
.f-view{position:relative;display:grid;flex:1;min-width:0;overflow:hidden;background:var(--f-view)}
.f-scene{grid-area:1/1;position:relative;min-width:0;min-height:var(--f-min);padding:24px;overflow:hidden;visibility:hidden}
.s-film.is-narrow .f-scene{padding:16px}
.f-scene.is-on{visibility:visible}
.f-scene.is-on .f-sc{animation:f-scn .3s ease backwards}
.f-ph{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.f-ph>div:first-child{flex:1 1 280px;min-width:0}
.f-h{font-size:20px;line-height:28px;font-weight:700;letter-spacing:-.025em}
.f-hs{margin-top:4px;font-size:14px;line-height:20px;color:var(--f-mfg)}
.s-film.is-narrow .f-hs{font-size:12px;line-height:16px}
.s-film--app .f-h{font-size:22px;font-weight:600}
.s-film--app .f-hs{font-size:13px;line-height:1.5}
.s-film--app .f-ph{margin-bottom:24px}
.f-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.f-cur{position:absolute;left:0;top:0;z-index:20;opacity:0;pointer-events:none;will-change:transform}
.f-cur__ring{position:absolute;left:-16px;top:-16px;width:32px;height:32px;border-radius:50%;background:rgba(99,102,241,.3);opacity:0;transform:scale(.5);transition:transform .2s,opacity .2s}
.f-cur.is-click .f-cur__ring{opacity:1;transform:scale(1)}
.f-cur__svg{position:relative;display:block;filter:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06));transition:transform .15s}
.f-cur.is-click .f-cur__svg{transform:scale(.9)}
.f-cur__carry{position:absolute;left:12px;top:12px;display:none;align-items:center;gap:6px;border:1px solid var(--f-bd);border-radius:8px;background:var(--f-bg);padding:4px 8px;font-size:11px;line-height:16px;white-space:nowrap;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.f-cur.is-carry .f-cur__carry{display:flex}

/* oynatma kontrolleri ve adım göstergesi (pencerenin dışında) */
.f-ctl{display:flex;align-items:flex-start;gap:12px;margin-top:16px}
.s-film:not(.is-ready) .f-ctl{display:none}
.f-play{display:grid;flex:none;place-items:center;width:44px;height:44px;border:1px solid #dbdbdb;border-radius:50%;background:#fff;color:#171717;box-shadow:0 1px 2px rgba(0,0,0,.05);cursor:pointer}
.f-play:hover{background:#f5f5f5}
.f-play[hidden]{display:none}
.f-play__o{display:none;transform:translateX(1px)}
.f-play.is-off .f-play__p{display:none}.f-play.is-off .f-play__o{display:block}
.f-steps{display:grid;flex:1;min-width:0;margin:0;padding:0;list-style:none;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:6px}
.f-step{display:block;width:100%;min-height:44px;padding:0;border:0;background:none;color:#737373;font:inherit;text-align:left;cursor:pointer}
.f-step:hover{color:#171717}
.f-step.is-cur{color:#171717;font-weight:600}
.f-prog{display:block;height:6px;overflow:hidden;border-radius:99px;background:#e5e5e5}
.f-prog i{display:block;width:0;height:100%;border-radius:99px;background:#6366f1}
.f-lbl{display:block;margin-top:6px;font-size:12px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s-film.is-narrow .f-lbl{font-size:11px;line-height:13px;overflow-wrap:anywhere;white-space:normal}
.f-note{margin:var(--sp-2) 0 0;font-size:var(--fs-xs);color:var(--text-muted)}

/* sahne içi animasyonlar (yalnız etkin sahnede) */
:where(.f-win) :where(span.f-a,span.f-o){display:inline-block}
.f-scene.is-on .f-a{animation:f-in .25s ease both;animation-delay:calc(var(--t,0)*1ms)}
.f-scene.is-on .f-a.f-zoom{animation-name:f-zoom;animation-duration:.2s}
.f-scene.is-on .f-o{animation:f-out .2s ease both;animation-delay:calc(var(--t,0)*1ms)}
.f-scene.is-on .f-o.f-cut{animation-duration:.01s}
.f-scene.is-on .f-gr{animation:f-grow var(--d,1s) linear both;animation-delay:calc(var(--t,0)*1ms)}
.f-scene.is-on .f-gs{animation:f-grow .5s ease both;animation-delay:calc(var(--t,0)*1ms)}
.f-scene.is-on .f-pk td{animation:f-bg .15s ease both;animation-delay:calc(var(--t,0)*1ms);--to:#bae6fd}
.f-scene.is-on .f-hl td{animation:f-bg .3s ease both;animation-delay:calc(var(--t,0)*1ms);--to:#fffbeb}
.f-scene.is-on .d-hlr td{animation:f-fade .3s ease both,f-hl 2.4s ease both;animation-delay:calc(var(--t,0)*1ms),calc(var(--t,0)*1ms)}
.f-scene.is-on .f-rv td{animation:f-fade .3s ease both;animation-delay:calc(var(--t,0)*1ms)}
.f-scene.is-on .f-dim{animation:f-dim .2s ease both;animation-delay:calc(var(--t,0)*1ms)}
.f-scene.is-on .f-ty{animation:f-type var(--d,.9s) steps(var(--n,14)) both;animation-delay:calc(var(--t,0)*1ms)}
.f-scene.is-on .f-popc{animation:f-pop .6s cubic-bezier(.34,1.56,.64,1) both}
.f-ty{display:inline-block}
.f-win.is-paused *{animation-play-state:paused!important}
@keyframes f-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes f-zoom{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}
@keyframes f-fade{from{opacity:0}to{opacity:1}}
@keyframes f-out{to{opacity:0;visibility:hidden}}
@keyframes f-grow{from{width:0}to{width:var(--w,100%)}}
@keyframes f-scn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes f-bg{to{background-color:var(--to)}}
@keyframes f-hl{0%{background-color:transparent}12%,70%{background-color:rgba(79,70,229,.08)}100%{background-color:transparent}}
@keyframes f-dim{to{opacity:.3}}
@keyframes f-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes f-spin{to{transform:rotate(360deg)}}
@keyframes f-pulse{50%{opacity:.5}}
@keyframes f-pop{0%{transform:scale(0)}100%{transform:scale(1)}}
@keyframes s-dash{to{stroke-dashoffset:-12}}
.f-st{display:grid;justify-items:start;align-items:center}
.f-st--i{display:inline-grid}
.f-st>*{grid-area:1/1;min-width:0}
.f-fill{position:absolute;inset:0;z-index:0;pointer-events:none}
.f-fill>.f-o{position:absolute;inset:0;display:block}
/* hareket azaltma: oynamaz; adıma tıklanınca sahnenin son hali görünür */
.s-film.is-still .f-a,.s-film.is-still .f-zoom,.s-film.is-still .f-dim,.s-film.is-still .f-popc,.s-film.is-still .f-sc{animation:none!important;opacity:1;transform:none}
.s-film.is-still .f-dim{opacity:.3}
.s-film.is-still .f-o,.s-film.is-still .f-web,.s-film.is-still .f-spin{display:none}
.s-film.is-still .f-o.f-keep{display:block}
.s-film.is-still .f-gr,.s-film.is-still .f-gs{animation:none!important;width:var(--w,100%)}
.s-film.is-still .f-ty{animation:none!important;clip-path:none}
.s-film.is-still .f-pk td{animation:none!important;background-color:#bae6fd}
.s-film.is-still .f-hl td{animation:none!important;background-color:#fffbeb}
.s-film.is-still .d-hlr td,.s-film.is-still .f-rv td{animation:none!important;opacity:1}
@media (prefers-reduced-motion:reduce){
  .s-film .f-a,.s-film .f-zoom,.s-film .f-dim,.s-film .f-popc,.s-film .f-sc{animation:none!important;opacity:1;transform:none}
  .s-film .f-dim{opacity:.3}
  .s-film .f-o,.s-film .f-web,.s-film .f-spin{display:none}
  .s-film .f-o.f-keep{display:block}
  .s-film .f-gr,.s-film .f-gs{animation:none!important;width:var(--w,100%)}
  .s-film .f-ty{animation:none!important;clip-path:none}
  .s-film .f-rv td,.s-film .f-pk td,.s-film .f-hl td{animation:none!important;opacity:1}
}

/* küçük aralıklar */
.f-m8{margin-top:8px}.f-m10{margin-top:10px}.f-m12{margin-top:12px}.f-m16{margin-top:16px}.f-m20{margin-top:20px}.f-m24{margin-top:24px}
.f-wide2{display:none}
.s-film.is-narrow .f-wide{display:none!important}

/* ===== aidat sahneleri (kaynak film bileşeniyle aynı ölçüler) ===== */
.f-web{position:absolute;inset:0;z-index:2;min-height:var(--f-min);background:#fff;color:#1e293b}
.f-web__a{height:8px;border-bottom:2px solid #334155;background:#f1f5f9}
.f-web__b{height:24px;background:#333d5f}
.f-web__h{margin-top:16px;text-align:center;font-size:20px;line-height:28px;font-weight:700}
.f-web__h span{padding:0 6px;background:#cbd5e1}
.f-web__w{max-width:640px;margin:20px auto 0;padding:0 24px}
.s-film.is-narrow .f-web__w{padding:0 12px}
.f-web__box{overflow:hidden;border:1px solid #cbd5e1}
.f-web__t{background:#333d5f;padding:8px 12px;font-size:14px;line-height:20px;font-weight:600;color:#fff}
.f-web__n{padding:6px 12px 0;text-align:right;font-size:10px;line-height:16px;color:#64748b}
.f-web table{width:100%;border-collapse:collapse;font-size:11.5px;line-height:1.5}
.s-film.is-narrow .f-web table{font-size:10.5px}
.f-web th{padding:6px;background:#333d5f;color:#fff}
.f-web td{padding:8px 6px;border-top:1px solid #e2e8f0;background:#fff}
.f-web .f-web__c{width:24px;padding-left:4px;padding-right:4px}
.f-flag{display:block;width:16px;height:12px;border-radius:2px;background:#fcd34d}
.f-kbdw{position:absolute;left:0;right:0;bottom:20px;z-index:10;display:flex;justify-content:center;pointer-events:none}
.f-kbd{display:inline-block;border:1px solid var(--f-bd);border-radius:8px;background:#0f172a;padding:6px 12px;font:600 12px/16px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#fff;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}
.f-two{display:grid;gap:16px;margin-top:20px;grid-template-columns:repeat(2,minmax(0,1fr))}
.s-film.is-narrow .f-two{grid-template-columns:minmax(0,1fr)}
.f-card{min-width:0;border:1px solid var(--f-bd);border-radius:12px;background:#fff;padding:14px}
.f-card--p12{padding:12px}
.f-card--ok{border-color:rgba(34,197,94,.4);background:#f0fdf4}
.f-cap{margin-bottom:8px;font-size:12px;line-height:16px;font-weight:500}
.f-paste{position:relative;min-height:136px;overflow:hidden;white-space:pre;border:1px solid var(--f-bd);border-radius:8px;background:rgba(245,245,245,.4);padding:10px;font:10.5px/20px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--f-mfg)}
.f-ln{overflow:hidden;text-overflow:ellipsis}
.f-block{position:absolute;left:10px;top:10px}
.f-caret{display:inline-block;width:6px;height:14px;transform:translateY(2px);background:#6366f1;animation:f-pulse 2s cubic-bezier(.4,0,.6,1) infinite}
.f-ring{inset:-1px}
.f-ring>.f-o{border:1px solid #818cf8;border-radius:8px}
.f-btn{display:inline-flex;align-items:center;gap:6px;border-radius:8px;background:#4f46e5;padding:6px 12px;font-size:12px;line-height:16px;font-weight:600;color:#fff;white-space:nowrap}
.f-btn--ok{background:#16a34a}
.f-btn--off{background:#94a3b8}
.f-btn--rev{border:1px solid var(--f-bd);background:var(--f-bg);color:var(--f-fg);font-weight:500}
.f-btn--revon{border-color:#6366f1;background:#4f46e5;color:#fff}
.f-list{display:grid;align-content:start;gap:8px}
.f-person{display:flex;align-items:center;gap:12px;border:1px solid var(--f-bd);border-radius:12px;background:#fff;padding:8px 12px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.f-av{display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:50%;background:#e0e7ff;font-size:12px;line-height:16px;font-weight:600;color:#4338ca}
.f-pn{flex:1;min-width:0;overflow:hidden;font-size:14px;line-height:20px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.f-tag{border-radius:6px;background:#f5f5f5;padding:2px 8px;font-size:12px;line-height:16px;font-style:normal;color:var(--f-mfg)}
.f-note2{display:flex;align-items:center;gap:6px;margin-top:16px;font-size:12px;line-height:16px;color:var(--f-mfg)}
.f-toast{position:absolute;right:16px;bottom:16px;z-index:10;display:flex;align-items:center;gap:8px;max-width:calc(100% - 32px);border:1px solid var(--f-bd);border-radius:12px;background:#fff;padding:10px 14px;font-size:12px;line-height:16px;font-weight:500;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}
.f-toast>span{display:grid;gap:2px}
.f-toast b{font-weight:600}
.f-toast i{font-style:normal;font-weight:400;color:var(--f-mfg)}
.f-res{min-height:92px;margin-top:16px}
.f-strong{display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:600}
.f-muted{margin-top:2px;font-size:12px;line-height:16px;color:var(--f-mfg)}
.f-between{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.f-card.f-between{align-items:center}
.f-lbl2{font-size:12px;line-height:16px;color:var(--f-mfg)}
.f-field{margin-top:4px;border:1px solid var(--f-bd);border-radius:8px;background:#fff;padding:6px 12px;font-size:14px;line-height:20px}
.f-file{display:flex;align-items:center;gap:8px;border:1px solid var(--f-bd);border-radius:8px;background:#fff;padding:8px 12px;font-size:12px;line-height:16px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.f-drop{position:relative;display:grid;place-items:center;min-height:120px;margin-top:12px;border:2px dashed rgba(115,115,115,.25);border-radius:12px;padding:16px;text-align:center}
.f-drop__on{inset:-2px}
.f-drop__on>.f-o{border:2px dashed #818cf8;border-radius:12px;background:#eef2ff}
.f-drop__in{position:relative;z-index:1;display:grid;place-items:center;width:100%}
.f-drop__in>*{grid-area:1/1}
.f-drop__a,.f-drop__b{width:100%}
.f-drop__b{max-width:320px}
.f-upic{display:grid;place-items:center;width:40px;height:40px;margin:0 auto;border-radius:12px;background:#e0e7ff;color:#4f46e5}
.f-drop__t{margin-top:8px;font-size:14px;line-height:20px;font-weight:500}
.f-drop__f{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500}
.f-bar2{height:6px;margin-top:12px;overflow:hidden;border-radius:99px;background:#f5f5f5}
.f-bar2 i{display:block;height:100%;border-radius:99px;background:#6366f1;width:0}
.f-count{display:grid;justify-items:end;margin-top:8px}
.f-pill{display:inline-block;border-radius:99px;background:#f5f5f5;padding:2px 10px;font-size:11px;line-height:16px;font-weight:600;color:var(--f-mfg)}
.f-pill--ok{background:#dcfce7;color:#15803d}
.f-pays{display:grid;gap:8px;margin-top:8px}
.f-pay{display:grid;grid-template-columns:minmax(0,1.3fr) auto minmax(0,1fr);align-items:center;gap:12px;border:1px solid var(--f-bd);border-radius:12px;background:#fff;padding:10px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.s-film.is-narrow .f-pay{grid-template-columns:minmax(0,1fr) auto}
.s-film.is-narrow .f-pay__c{display:none}
.f-pay__d{min-width:0}
.f-pay__d code{display:block;overflow:hidden;font:10.5px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--f-mfg);text-overflow:ellipsis;white-space:nowrap}
.f-pay__d b{display:block;font-size:14px;line-height:20px;font-weight:600;font-variant-numeric:tabular-nums}
.f-pay__w{justify-items:end}
.f-chip{display:inline-flex;justify-content:center;min-width:64px;border-radius:99px;padding:4px 8px;text-align:center;font-size:10px;line-height:16px;font-weight:600}
.f-chip--ok{background:#e0e7ff;color:#4338ca}
.f-chip--warn{background:#fef3c7;color:#b45309}
.f-chip--mut{background:#f5f5f5;color:var(--f-mfg)}
.f-who{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;text-align:right;font-size:14px;line-height:20px;font-weight:500}
.f-assign{display:inline-block;border:1px solid rgba(251,191,36,.6);border-radius:8px;background:#fffbeb;padding:4px 10px;font-size:12px;line-height:16px;color:#b45309}
.f-send__t{font-size:14px;line-height:20px;font-weight:500}
.f-tf{overflow:hidden;border:1px solid var(--f-bd);border-radius:12px}
.f-tf__h{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--f-bd);background:rgba(245,245,245,.5);padding:6px 12px;font-size:11px;line-height:16px;color:var(--f-mfg)}
.f-tf__n{margin-left:auto;font-variant-numeric:tabular-nums}
.f-tf__b{position:relative;height:4px;background:#f5f5f5}
.f-tf__b i{position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(to right,#22c55e,#34d399)}
.f-run{display:grid;gap:6px;padding:10px}
.f-run li{position:relative;display:flex;align-items:center;gap:12px;border:1px solid var(--f-bd);border-radius:8px;background:#fff;padding:8px 12px}
.f-run li>*:not(.f-fill){position:relative;z-index:1}
.f-run__on>.f-o{border:1px solid rgba(129,140,248,.5);border-radius:8px;background:rgba(238,242,255,.6)}
.f-run__i{display:grid;flex:none;place-items:center;width:24px;height:24px}
.f-wait{display:block;width:16px;height:16px;border:2px solid rgba(115,115,115,.3);border-radius:50%}
.f-okc{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#22c55e;color:#fff}
.f-run__n{flex:1;min-width:0;overflow:hidden;font-size:14px;line-height:20px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.f-run__s{font-size:12px;line-height:16px;color:var(--f-mfg);justify-items:end}
.f-run__a{width:80px;text-align:right;font-size:14px;line-height:20px;font-variant-numeric:tabular-nums}
.f-tw{overflow:hidden;margin-top:16px;border:1px solid var(--f-bd);border-radius:12px}
.f-tbl{width:100%;border-collapse:collapse;font-size:14px;line-height:20px}
.f-tbl thead tr{background:rgba(245,245,245,.5);font-size:11px;line-height:16px;color:var(--f-mfg)}
.f-tbl th{padding:8px 6px;text-align:center;font-weight:500}
.f-tbl th.f-tbl__n,.f-tbl td.f-tbl__n{padding:8px 12px;text-align:left}
.f-tbl td{padding:8px 6px;border-top:1px solid var(--f-bd);text-align:center}
.f-tbl td.f-tbl__n{font-size:13px;line-height:20px;font-weight:500}
.f-cell{display:inline-grid;place-items:center;width:20px;height:20px}
.f-msgw{min-height:104px;margin-top:12px}
.f-bubble{border:1px solid var(--f-bd);border-radius:16px 16px 16px 6px;background:#f0fdf4;padding:12px;font-size:12.5px;line-height:1.625;color:#052e16}
.f-bubble b{font-weight:700}
.f-chips{display:flex;align-items:center;gap:8px;margin-top:8px}
.f-pl{display:inline-flex;align-items:center;gap:6px;border-radius:99px;background:#fff;padding:4px 10px;font-size:12px;line-height:16px;font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.f-pl--ok{background:#16a34a;color:#fff}
.f-done{display:grid;place-items:center;min-height:420px;text-align:center}
.f-popc{display:grid;place-items:center;width:56px;height:56px;margin:0 auto;border-radius:50%;background:#22c55e;color:#fff;box-shadow:0 10px 15px -3px rgba(34,197,94,.3),0 4px 6px -4px rgba(34,197,94,.3)}
.f-done__t{margin-top:16px;font-size:24px;line-height:32px;font-weight:700;letter-spacing:-.025em}
.f-done__s{margin-top:4px;font-size:14px;line-height:20px;color:var(--f-mfg)}
.f-stats{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}
.f-stat{border:1px solid var(--f-bd);border-radius:12px;background:#fff;padding:12px}
.f-stat p:first-child{font-size:20px;line-height:28px;font-weight:700;color:#4f46e5;font-variant-numeric:tabular-nums}
.f-stat p+p{margin-top:2px;font-size:11px;line-height:16px;color:var(--f-mfg)}
.f-try{display:inline-flex;align-items:center;gap:8px;margin-top:24px;border-radius:99px;background:#4f46e5;padding:8px 20px;font-size:14px;line-height:20px;font-weight:600;color:#fff}

/* ===== masaüstü program bileşenleri (Kart, Düğme, Rozet, Tablo, Alan...) ===== */
.d-card{border:1px solid var(--f-bd);border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.d-card--ov{overflow:hidden}
.d-card--warn{border-color:rgba(217,119,6,.4)}
.d-ch{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--f-bd)}
.d-ch>div:first-child{min-width:0}
.d-ch b{display:block;font-weight:600}
.d-ch>div:first-child>span{display:block;font-size:13px;color:var(--f-mfg)}
.d-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.d-pad{padding:20px}
.d-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px;border:1px solid transparent;border-radius:8px;background:#4f46e5;color:#fff;font-weight:500;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.d-btn--s{border-color:var(--f-bd);background:#fff;color:var(--f-fg);box-shadow:none}
.d-btn--d{background:#dc2626;box-shadow:none}
.d-btn--sm{height:32px;padding:0 12px;font-size:13px}
.d-btn--busy{opacity:.7}
.d-btn--busy svg{animation:f-spin 1s linear infinite}
.d-bdg{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--f-bd);border-radius:99px;background:#f8fafc;padding:2px 8px;font-size:12px;line-height:16px;font-weight:500;color:var(--f-mfg);white-space:nowrap}
.d-bdg--ok{border-color:rgba(22,163,74,.2);background:rgba(22,163,74,.1);color:#16a34a}
.d-bdg--warn{border-color:rgba(217,119,6,.25);background:rgba(217,119,6,.1);color:#d97706}
.d-bdg--bad{border-color:rgba(220,38,38,.2);background:rgba(220,38,38,.1);color:#dc2626}
.d-bdg--brand{border-color:rgba(79,70,229,.2);background:rgba(79,70,229,.1);color:#4f46e5}
.d-stat{padding:20px}
.d-stat--s{padding:16px}
.d-stat__r{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.d-stat__l{font-size:13px;line-height:1.4;color:var(--f-mfg)}
.d-stat__v{margin-top:4px;font-size:24px;line-height:32px;font-weight:600;font-variant-numeric:tabular-nums}
.d-stat--s .d-stat__v,.d-g4 .d-stat__v{font-size:20px;line-height:28px}
.d-g4 .d-stat{padding:16px}
.d-stat__h{margin-top:4px;font-size:12px;line-height:16px;color:var(--f-mfg)}
.d-stat__i{display:flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid;border-radius:12px}
.d-g2,.d-g3,.d-g4,.d-g4b{display:grid;gap:16px}
.d-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.d-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.d-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.d-g4b{grid-template-columns:repeat(4,minmax(0,1fr))}
.d-g2--s{gap:12px}
.d-c2{grid-column:1/-1}
.s-film.is-narrow .d-g2,.s-film.is-narrow .d-g2--s{grid-template-columns:minmax(0,1fr)}
.s-film.is-narrow .d-g3,.s-film.is-narrow .d-g4,.s-film.is-narrow .d-g4b{grid-template-columns:repeat(2,minmax(0,1fr))}
.d-wrap{display:flex;flex-wrap:wrap;gap:12px}
.d-wrap--s{gap:4px}
.d-stack{display:grid;gap:16px}
.d-stack--lg{gap:20px}
.d-stw{display:grid}
.d-max{max-width:672px}
.d-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px}
.d-between{display:flex;align-items:center;justify-content:space-between;gap:12px}
.d-end{display:flex;justify-content:flex-end}
.d-btnw{display:inline-block}
.d-t15{font-size:15px;line-height:22px;font-weight:600}
.d-tbl{width:100%;border-collapse:collapse;font-size:13px;line-height:1.5}
.d-tbl th{padding:10px 12px;border-bottom:1px solid var(--f-bd);background:#f8fafc;font-size:12px;line-height:16px;font-weight:600;letter-spacing:.025em;text-transform:uppercase;color:var(--f-mfg)}
.d-tbl td{padding:10px 12px;border-bottom:1px solid var(--f-bd);vertical-align:middle}
.d-tbl--s th,.d-tbl--s td{padding-left:8px;padding-right:8px}
.s-film.is-narrow .d-tbl{font-size:12px}
.s-film.is-narrow .d-tbl th,.s-film.is-narrow .d-tbl td{padding-left:6px;padding-right:6px}
.s-film.is-narrow .d-tbl th{font-size:10.5px;letter-spacing:0}
.d-tbl td.d-fw,.d-tbl td.d-r{white-space:nowrap}
.d-tbl tbody tr:last-child td{border-bottom:0}
.d-r{text-align:right!important}
.d-tab{font-variant-numeric:tabular-nums}
.d-m{color:var(--f-mfg)}
.d-fw{font-weight:500}
.d-xs{font-size:12px}
.d-w40{width:40px}.d-w80{width:80px}
.d-tbl th .d-in{text-transform:none;letter-spacing:0;font-size:13px;font-weight:400;color:var(--f-fg)}
.d-tot td{background:#f8fafc;font-weight:600}
.d-in{display:flex;align-items:center;justify-content:flex-start;gap:8px;height:36px;overflow:hidden;border:1px solid var(--f-bd);border-radius:8px;background:#fff;padding:0 12px;font-size:14px;white-space:nowrap}
.d-in--r{justify-content:flex-end}
.d-in--sel{justify-content:space-between}
.d-in--sel>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.d-in--bad{border-color:#dc2626}
.d-in--date{width:160px}
.d-w110{width:110px}.d-w120{width:120px}.d-w150{width:150px}.d-w160{width:160px}.d-w180{width:180px}.d-w220{width:220px}.d-w240{width:240px}
.d-field{display:block;min-width:0}
.d-lb{display:block;margin-bottom:6px;font-size:13px;line-height:1.5;font-weight:500}
.d-hint{display:block;margin-top:6px;font-size:12px;line-height:16px;color:var(--f-mfg)}
.d-fm .d-in{width:100%}
.d-not{display:flex;align-items:flex-start;gap:12px;border:1px solid;border-radius:12px;padding:12px 16px;font-size:13px;line-height:1.5}
.d-not>div{color:var(--f-fg)}
.d-not__i{flex:none;margin-top:2px}
.d-nw{min-height:56px}
.d-box{display:grid;gap:12px;border:1px solid var(--f-bd);border-radius:12px;padding:16px}
.d-box--row{display:flex;align-items:center;gap:10px;margin-bottom:16px;background:rgba(248,250,252,.4);padding:12px 16px;font-size:13px;font-weight:500}
.d-cb{width:16px;height:16px;border:1px solid var(--f-bd);border-radius:4px;background:#fff}
.d-tog{display:flex;align-items:flex-start;gap:12px}
.d-tog--off{opacity:.6}
.d-tog__s{position:relative;flex:none;width:36px;height:20px;margin-top:2px;border-radius:99px;background:var(--f-bd)}
.d-tog__s::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.d-tog__s.is-on{background:#4f46e5}
.d-tog__s.is-on::after{left:18px}
.d-tog b{display:block;font-size:13px;line-height:1.5;font-weight:500}
.d-tog em{display:block;font-size:12px;line-height:16px;font-style:normal;color:var(--f-mfg)}
.d-tabs{display:inline-flex;border:1px solid var(--f-bd);border-radius:8px;background:#f8fafc;padding:4px}
.d-tabs__i{border-radius:6px;padding:6px 12px;font-size:13px;line-height:1.5;font-weight:500;color:var(--f-mfg)}
.d-tabs__i.is-on{background:#fff;color:var(--f-fg);box-shadow:0 1px 2px rgba(0,0,0,.05)}
.d-ib{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--f-mfg)}
.d-bar{padding:12px 20px;border-bottom:1px solid var(--f-bd);background:rgba(248,250,252,.6);font-size:13px;line-height:1.5;color:var(--f-mfg)}
.d-foot{display:flex;justify-content:flex-end;padding:16px 20px;border-top:1px solid var(--f-bd)}
.d-brand{color:#4f46e5}.d-ok{color:#16a34a}.d-bad{color:#dc2626}.d-warn{color:#d97706}.d-line{color:#e3e8f0}
.d-back>.f-o{position:absolute;inset:0;z-index:5;display:block;background:rgba(0,0,0,.4)}
.d-back{position:absolute;inset:0;z-index:5;pointer-events:none}
.d-dlgw{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none}
.d-dlgw>.f-o{display:block;width:100%;max-width:100%}
.d-dlgw>.f-o>.d-dlg{margin:0 auto}
.d-dlg{width:100%;border:1px solid var(--f-bd);border-radius:16px;background:#fff;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.d-dlg__h{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px 12px}
.d-dlg__t{font-size:17px;line-height:1.4;font-weight:600}
.d-dlg__d{margin-top:4px;font-size:13px;line-height:1.5;color:var(--f-mfg)}
.d-dlg__b{padding:0 24px 16px}
.d-dlg__f{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--f-bd)}
.d-filt{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--f-bd)}
.d-stc{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:16px 20px}
.d-stc__i{display:flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#f8fafc;color:var(--f-mfg)}
.d-stc__i--on{background:rgba(22,163,74,.1);color:#16a34a}
.d-stc__m{flex:1;min-width:0}
.d-stc__t{font-weight:600}
.d-stc__s{font-size:13px;color:var(--f-mfg)}
.d-stc .f-st{grid-template-columns:minmax(0,1fr)}
.d-stc__t .f-st>*,.d-stc__s .f-st>*{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.d-pr{border-top:1px solid var(--f-bd)}
.d-pr__h{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;padding:14px 20px 0;font-size:13px}
.d-pc{display:inline-flex;align-items:center;gap:6px}
.d-pc--ok{color:#16a34a}.d-pc--bad{color:#dc2626}
.d-pr__n{margin-left:auto;color:var(--f-mfg)}
.d-pr__b{padding:10px 20px 12px}
.d-pbar{display:flex;height:8px;overflow:hidden;border-radius:99px;background:#f8fafc}
.d-pbar>i{display:block;width:0;height:100%;background:#16a34a}
.d-pbar>.d-r4{background:#dc2626}
.d-w25{display:block;width:25%;height:100%}
.d-w25>.f-o{display:block;height:100%}
.d-wk{display:block;height:100%;background:rgba(79,70,229,.6);animation:f-pulse 2s cubic-bezier(.4,0,.6,1) infinite}
.d-nt{display:flex;align-items:flex-start;gap:8px;margin-top:12px;border-radius:8px;padding:8px 12px;font-size:13px;line-height:1.5}
.d-nt--warn{background:rgba(217,119,6,.1);color:#d97706}
.d-nt svg{flex:none;margin-top:2px}
.d-chips2{min-height:30px;padding:0 20px 8px;font-size:12px}
.d-chips2>div{display:flex;gap:4px}
.d-chip2{border-radius:99px;padding:4px 10px;color:var(--f-mfg)}
.d-chip2--on{background:#f8fafc;color:var(--f-fg);font-weight:500}
.d-live li{position:relative;display:flex;align-items:flex-start;gap:12px;padding:10px 20px;border-top:1px solid var(--f-bd);font-size:13px}
.d-live li>*:not(.f-fill){position:relative;z-index:1}
.d-live__w>.f-o{background:rgba(79,70,229,.05)}
.d-live__e{background:rgba(220,38,38,.05)}
.d-live__i{flex:none;width:18px;height:18px;margin-top:1px}
.d-live__m{flex:1;min-width:0}
.d-live__nm{font-weight:500;line-height:20px;justify-items:start}
.d-live__x{min-height:16px;font-size:12px;line-height:16px}
.d-live__d{flex:none;font-size:12px;line-height:20px;color:var(--f-mfg)}
.d-live__a{flex:none;width:96px;text-align:right;font-weight:500;line-height:20px}
.d-fl{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 20px}
.d-flw{padding:0}
.d-dlg .d-fl{padding:0}
.d-fl__m{flex:1;min-width:0}
.d-fl__n{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.d-fl__d{font-size:12px}
.d-fl__e{margin-top:2px;font-size:12px;line-height:16px}
.d-jobs .d-job{display:flex;align-items:flex-start;gap:16px;padding:14px 20px}
.d-jobs .d-job+.d-job{border-top:1px solid var(--f-bd)}
.d-job__i{margin-top:2px}
.d-job__m{flex:1;min-width:0}
.d-job__n{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.d-job__d{font-size:12px}
.d-job__s{margin-top:2px;font-size:13px;color:var(--f-mfg)}
.d-job__f{margin-top:6px;font-size:12px;line-height:1.5;color:#dc2626}
.d-belge{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.d-doc{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--f-bd);border-radius:12px;padding:12px 16px;font-size:13px}
.d-doc__n{min-width:0;overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.d-tw{overflow:hidden;border:1px solid var(--f-bd);border-radius:12px}
.d-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.s-film.is-narrow .d-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.d-step{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid var(--f-bd);border-radius:12px;background:#fff;padding:10px 12px;font-size:12px;line-height:16px;font-weight:500;color:var(--f-mfg)}
.d-step b{display:grid;flex:none;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--f-bd);font-size:11px;font-weight:700;color:var(--f-mfg)}
.d-step span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.d-step.is-on{border-color:#4f46e5;background:rgba(79,70,229,.1);color:#4f46e5;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.d-step.is-on b{background:#4f46e5;color:#fff}
.d-step.is-done{border-color:rgba(22,163,74,.3);background:rgba(22,163,74,.05);color:var(--f-fg)}
.d-step.is-done b{background:#16a34a;color:#fff}

/* veri nerede duruyor şeması (masaüstü program) */
.s-df{display:grid;gap:var(--sp-4);margin:var(--sp-5) 0}
.s-df__card{padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}
.s-df__card--loc{border-color:var(--brand);background:var(--brand-soft)}
.s-df__head{display:flex;align-items:center;gap:10px;margin-bottom:var(--sp-3)}
.s-df__head strong{display:block;line-height:1.25}
.s-df__head small{display:block;color:var(--text-muted);font-size:var(--fs-xs)}
.s-df__ic{display:inline-flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--surface);color:var(--brand)}
.s-df__card ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.s-df__card li{display:flex;align-items:center;gap:10px;margin:0;padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);font-size:var(--fs-sm)}
.s-df__card li svg{flex:none;color:var(--brand)}
.s-df__mid{display:grid;align-content:center;gap:var(--sp-4)}
.s-df__arrow{text-align:center;color:var(--brand);font-size:var(--fs-xs);font-weight:600;line-height:1.3}
.s-df__arrow svg{display:block;width:100%;max-width:160px;height:24px;margin:0 auto 4px}
.s-df__arrow--no{color:#B42318}
.s-df__dash{animation:s-dash 1s linear infinite}
@media (min-width:720px){.s-df{grid-template-columns:minmax(0,1fr) minmax(150px,190px) minmax(0,1fr)}}

/* evrak merkezi ve yıllık takvim sayfaları */
.s-meta{margin:0 0 var(--sp-5);padding:var(--sp-3) var(--sp-4);border-left:4px solid var(--accent);background:var(--surface-alt);font-size:var(--fs-sm);color:var(--text-muted);line-height:1.55}
.s-prose .s-table th[scope=row]{background:transparent;min-width:9rem}
.s-prose .s-table{min-width:640px}
.tk-h{margin:var(--sp-5) 0 var(--sp-3)}
.tk-h3{font-size:var(--fs-lg);margin:var(--sp-6) 0 var(--sp-2)}
.tk-not{font-size:var(--fs-sm);color:var(--text-muted)}
.tk-tg{background:var(--brand-soft)!important;color:var(--brand-dark)}
.tk-legend{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);margin:0 0 var(--sp-4);padding:0;list-style:none;font-size:var(--fs-sm)}
.tk-legend li{display:flex;align-items:center;gap:var(--sp-2)}
.tk-k{display:inline-flex;align-items:center;justify-content:center;width:28px;height:24px;border-radius:4px;font-size:14px;line-height:1}
.tk-k--x,.tk__c--x{background:var(--brand);color:#fff}
.tk-k--o,.tk__c--o{background:repeating-linear-gradient(135deg,var(--brand-soft) 0 6px,#fff 6px 10px);color:var(--brand-dark);border:1px solid var(--brand)}
.tk-k--p,.tk__c--p{background:var(--accent);color:var(--text)}
.tk{display:none}
.tk-v{display:block}
.tk-v__g{margin:var(--sp-5) 0 var(--sp-2);font-size:var(--fs-lg)}
.tk-v__l{margin:0;padding:0;list-style:none;display:grid;gap:var(--sp-3)}
.tk-v__l li{display:grid;gap:6px;padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}
.tk-v__w{font-size:var(--fs-sm);color:var(--text-muted)}
.tk-v__l small{font-size:var(--fs-xs);color:var(--text-muted)}
.tk-v__s{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:2px}
.tk-v__s i{display:flex;align-items:center;justify-content:center;height:24px;border-radius:3px;background:var(--surface-alt);color:var(--text-muted);font-style:normal;font-size:11px;font-weight:600}
.tk-v__c--x{background:var(--brand)!important;color:#fff!important}
.tk-v__c--o{background:repeating-linear-gradient(135deg,var(--brand-soft) 0 5px,#fff 5px 8px)!important;color:var(--brand-dark)!important;border:1px solid var(--brand)}
.tk-v__c--p{background:var(--accent)!important;color:var(--text)!important}
.tk-v__s--y{display:block;padding:4px 8px;border-radius:4px;background:var(--brand);color:#fff;font-size:var(--fs-xs);font-weight:600}
@media (min-width:720px){
  .tk{display:block;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);overflow:hidden}
  .tk-v{display:none}
  .tk__row{display:grid;grid-template-columns:minmax(200px,1.7fr) repeat(13,minmax(0,1fr));border-top:1px solid var(--border);align-items:stretch}
  .tk__row--head{border-top:0;background:var(--surface-alt);font-size:var(--fs-xs);font-weight:700}
  .tk__m{display:flex;align-items:center;justify-content:center;min-height:36px;color:var(--text);border-left:1px solid var(--border)}
  .tk__grp{padding:8px 12px;background:var(--brand-soft);color:var(--brand-dark);font-weight:700;font-size:var(--fs-sm);border-top:1px solid var(--border)}
  .tk__lab{padding:10px 12px;font-size:var(--fs-sm);line-height:1.35;font-weight:500}
  .tk__lab small{display:block;margin-top:2px;font-size:var(--fs-xs);color:var(--text-muted);font-weight:400}
  .tk__c{display:flex;align-items:center;justify-content:center;border-left:1px solid var(--border);font-size:14px;margin:6px 0;min-height:30px}
  .tk__c--x,.tk__c--o,.tk__c--p{margin:6px 1px;border-radius:4px}
  .tk__c--y{background:var(--brand);color:#fff;margin:6px 2px;border-radius:4px;font-size:var(--fs-sm);font-weight:600}
}