/* BüroNot 1.0.2 — ortak marka, sakin hareket ve erişilebilir etkileşimler. */
.brand-logo { display:block; object-fit:cover; overflow:hidden; }
.brand .brand-logo { box-shadow:0 0 0 1px #ffffff1a; }
.auth-story .brand-logo { width:48px; height:48px; border-radius:12px; }
.auth-story .story-content { margin-top:clamp(32px,5vh,52px); padding-bottom:36px; }

/* Ön kart ve iki içeriksiz arka kart, kısa bir giriş hareketiyle yerleşir. */
.story-stack { position:relative; isolation:isolate; max-width:440px; margin:36px 8px 26px 0; }
.story-back-card { position:absolute; inset:0; border:1px solid #d7e7dd; border-radius:14px; pointer-events:none; }
.story-back-far { background:#a7beb2; transform:translate(12px,21px) rotate(3deg); animation:stack-far-in 1.1s ease-out both; }
.story-back-near { background:#d7e4dc; transform:translate(6px,11px) rotate(1deg); animation:stack-near-in 1s ease-out both; }
.auth-story .story-stack .story-note { position:relative; margin:0; transform:rotate(-1.4deg); animation:stack-front-in .9s cubic-bezier(.2,.7,.3,1) both; }
@keyframes stack-front-in { from { opacity:0; transform:translateY(18px) rotate(1deg); } to { opacity:1; transform:rotate(-1.4deg); } }
@keyframes stack-near-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translate(6px,11px) rotate(1deg); } }
@keyframes stack-far-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translate(12px,21px) rotate(3deg); } }

.modal-actions, .dialog-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:14px; margin-top:24px; }
.modal-actions .button, .dialog-actions .button { margin:0; }
.email-hint { color:var(--muted); background:var(--surface-soft); border:1px solid var(--line); border-radius:10px; padding:12px 14px; margin:14px 0; font-size:.8125rem; line-height:1.65; }
#reset-form { display:grid; gap:12px; margin-top:18px; }
#reset-form .email-hint { margin:0; }
.founder-list>a { display:inline-flex; align-items:center; gap:12px; padding:10px 12px; margin-left:-12px; text-decoration:none; border-radius:12px; }
.founder-list>a:hover { background:var(--surface-soft); color:var(--accent-ink); }
.founder-list>a>.icon { width:16px; height:16px; color:var(--muted); }

/* Çerçevenin içi şeffaf kalır; yalnız iki yeşil ışık kenarlarda dolaşır. */
@property --plan-angle { syntax:'<angle>'; initial-value:0deg; inherits:false; }
.billing-plans .pro-plan { position:relative; isolation:isolate; border-color:#6a9b83; box-shadow:0 0 20px #4d9c6c12; }
.pro-plan::before { content:""; position:absolute; inset:-1px; padding:2px; border-radius:inherit; pointer-events:none;
  background:conic-gradient(from var(--plan-angle), transparent 0deg 55deg, #5eb989 90deg, #c2f7da 110deg, transparent 140deg 235deg, #5eb989 270deg, #c2f7da 290deg, transparent 320deg);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  animation:plan-edge-light 5s linear infinite;
}
@keyframes plan-edge-light { to { --plan-angle:360deg; } }

/* Tıklama ve odak halkaları 0.3 saniyede yumuşar; işlem geciktirilmez. */
:is(button, a, input, textarea, select, [tabindex], .attachment-button, .theme-choice, .color-choice) {
  transition-property:background-color, color, border-color, outline-color, box-shadow, opacity, transform !important;
  transition-duration:.3s !important; transition-timing-function:ease !important;
}
:is(button, a, input, textarea, select, [tabindex], .attachment-button) { outline:3px solid transparent; outline-offset:3px; }
:is(button, a, [tabindex]):focus-visible { outline-color:var(--focus); animation:control-focus-in .3s ease; }
:is(input, textarea, select):focus { outline-color:var(--focus); border-color:var(--accent-ink); }
.attachment-button:focus-within { outline-color:var(--focus); }
.theme-choice, .color-choice { outline:3px solid transparent; outline-offset:3px; }
.theme-choice:has(input:focus-visible), .color-choice:has(input:focus-visible) { outline-color:var(--focus); }
@keyframes control-focus-in { from { outline-color:transparent; } to { outline-color:var(--focus); } }
button:active:not(:disabled), .button:active:not(:disabled) { transform:translateY(1px); }

@media(max-width:700px) {
  .auth-story .brand-logo { width:38px; height:38px; border-radius:10px; }
  .modal-actions .button { flex:1 1 140px; }
  .founder-list { gap:12px 24px; }
}
@media(prefers-reduced-motion:reduce) {
  *, *::before, *::after { transition:none !important; animation:none !important; }
  .pro-plan::before { background:linear-gradient(120deg,#6a9b83,#b4e8cd,#6a9b83); }
}
@media(forced-colors:active) {
  :is(button,a,input,textarea,select,[tabindex]):focus-visible { outline-color:Highlight; animation:none; }
  .pro-plan::before { display:none; }
}

/* Sözleşme tek bir metin akışıdır; dar ekranda doğal biçimde satır kırar. */
#accept-terms-text, #accept-consent-text { display:block; min-width:0; line-height:1.75; }
#accept-terms-text .legal-link, #accept-consent-text .legal-link { display:inline; padding:0; margin:0; font:inherit; vertical-align:baseline; }
.auth-recovery { display:flex; justify-content:flex-end; margin:-8px 0 0; }
.auth-recovery #reset-password { padding:4px 0; margin:0; min-height:28px; color:var(--accent-ink); }

/* v1.1: profile, office and calm appearance transitions */
.workspace .profile-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;max-width:1240px;margin:0 auto;align-items:start}
.workspace .profile-grid .profile-card{width:100%;max-width:none;margin:0;box-sizing:border-box;min-width:0}
.profile-grid .subscription-panel{grid-column:1/-1}
.profile-grid h1{font-size:1.35rem;margin:0 0 24px}.subscription-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.office-membership form{display:grid;gap:12px;margin:24px 0}.office-membership code{overflow-wrap:anywhere}
.office-management{max-width:1100px;margin:0 auto 20px!important}.member-row{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.member-row strong{flex:1;overflow-wrap:anywhere}.member-row .badge{white-space:normal}
.office-locked{max-width:650px;margin:40px auto!important;text-align:center}.office-locked .empty-icon{margin:0 auto 20px}
.request-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
.notification-count{background:var(--brand);color:var(--on-brand);border-radius:99px;min-width:22px;padding:2px 6px;font-size:.72rem;margin-left:auto}.notification-count[hidden]{display:none}
.notification-list article{padding:18px 0;border-bottom:1px solid var(--line)}.notification-list p{overflow-wrap:anywhere}.notification-list .text-button{display:block;margin-top:10px}
.account-plan{color:var(--accent-ink);font-weight:700!important}.trial-mini strong{font-size:.78rem;line-height:1.6}.trial-mini progress{width:100%}
.hearing-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft);margin:0 0 20px}.hearing-card h3{margin:0}.hearing-card p{font-size:.8rem;line-height:1.6}.hearing-fields{display:flex;flex-wrap:wrap;align-items:end;gap:14px}.hearing-fields label{display:grid;gap:7px;flex:1;min-width:130px}.hearing-fields input{width:100%;min-width:0}.hearing-fields .button{margin:0}
.workspace .workspace-content.about-page{padding:18px 24px}.about-page>.about-page{max-width:1120px;margin:0;padding:0}.about-page .about-intro{margin-bottom:24px;padding-bottom:8px}.about-intro>.brand-logo{width:68px;height:68px;display:block;margin:0;border-radius:18px}.about-page .about-section{margin-top:24px}.about-page .about-contact{margin-top:24px}.about-page .about-features{gap:16px}
.reveal-title span{display:inline-block;animation:letter-reveal .6s both cubic-bezier(.2,.7,.3,1);animation-delay:calc(var(--letter)*.022s)}
.about-page .about-section,.about-page .about-contact,.about-intro>p{animation:about-reveal .75s both cubic-bezier(.2,.7,.3,1)}.about-page .about-section:nth-child(2){animation-delay:.12s}.about-page .about-section:nth-child(3){animation-delay:.24s}.about-page .about-contact{animation-delay:.34s}.about-page .about-section:last-child{animation-delay:.44s}
/* Hakkında: logo başlığın solunda, sayfa diğer sayfalar gibi sola yaslı; rehber kartları menüdeki bölümleri anlatır ve kartın tamamı o bölümü açar. */
.about-intro{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:22px}
.about-intro h1{margin:0}
.about-intro>p{grid-column:1/-1;margin:22px 0 0;max-width:860px}
.about-guide h2{margin-bottom:6px}
.about-lead{margin:0;max-width:640px;line-height:1.7}
.about-group{margin:26px 0 12px;font-size:15px;font-weight:650;color:var(--ink)}
.about-page .about-features{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.about-feature{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:14px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.about-feature>.icon{color:var(--accent-ink);width:26px;height:26px}
.about-feature-title{font-size:16px;font-weight:650;margin:18px 0 10px}
.about-feature-description{font-size:14px;line-height:1.75;color:var(--muted)}
.about-feature:hover{border-color:color-mix(in srgb,var(--accent-ink) 35%,var(--line));box-shadow:0 10px 26px rgba(22,45,40,.08);transform:translateY(-2px)}
.about-tips{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.about-tips>div{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:var(--surface-soft)}
.about-tips .icon{flex:none;width:18px;height:18px;margin-top:2px;color:var(--accent-ink)}
.about-tips p{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}.about-tips strong{display:block;margin-bottom:2px;color:var(--ink)}
@media(max-width:600px){.about-intro{column-gap:14px}.about-intro>.brand-logo{width:48px;height:48px;border-radius:13px}}
/* Hakkında > Bize ulaşın penceresi. */
.support-form{display:grid;gap:16px}.support-form>.muted{margin:0;line-height:1.6}
.support-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.support-form .field{margin:0}
.support-form textarea{min-height:140px;resize:vertical}.support-count{display:block;margin-top:6px;text-align:right}
.support-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.support-form .fine-print{margin:0}.support-form [data-error]:empty{display:none}
@media(max-width:560px){.support-row{grid-template-columns:minmax(0,1fr)}}
/* Hakkında > Gönderdiğim talepler: talep, tarih, mesaj (satır sonları korunur) ve yanıt durumu. Uzun e-posta ve sözcükler taşmaz. */
.contact-requests{display:grid;gap:14px}.contact-requests>.fine-print{margin:0}.contact-requests [data-error]:empty{display:none}
.contact-request-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.contact-request{display:grid;gap:6px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow-wrap:anywhere}
.contact-request-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.contact-request-message{margin:2px 0 0;white-space:pre-wrap;line-height:1.55;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.contact-request-status{margin:4px 0 0;font-size:.9rem;line-height:1.5}.contact-request-status.answered{display:flex;align-items:flex-start;gap:8px;color:var(--accent-ink)}.contact-request-status .icon{flex:none;width:18px;height:18px;margin-top:2px}
.contact-requests-empty{margin:0;line-height:1.6}
@keyframes letter-reveal{from{opacity:0;transform:translateY(16px) rotate(3deg);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes about-reveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.legal-accept:hover,.legal-accept:focus-visible{background:#45645d!important;border-color:#45645d!important;color:white!important}
.auth-story ::selection{background:#152f28;color:#fff}
.custom-color-row>span:first-child{flex:1;cursor:default}.custom-color-row input[type=color]{position:static!important;flex:0 0 44px;width:44px;height:36px;opacity:1;cursor:pointer}.custom-color-row output{pointer-events:none}
body,.workspace,.workspace *,.workspace *::before,.workspace *::after{transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .3s ease,opacity .3s ease,transform .3s ease!important}
@media(max-width:800px){.workspace .profile-grid{grid-template-columns:minmax(0,1fr)}.profile-grid .subscription-panel{grid-column:auto}.request-row{align-items:flex-start;flex-direction:column}.member-row{flex-wrap:wrap}.workspace .workspace-content.about-page{padding:16px}.reveal-title{font-size:2rem}.hearing-card{padding:14px}}
@media(prefers-reduced-motion:reduce){body,.workspace,.workspace *,.workspace *::before,.workspace *::after{animation:none!important;transition:none!important}}

.sidebar-collapsed .notification-count{display:none}
.account-profile .account-name small{display:block}.account-profile .account-plan{margin-top:3px;color:var(--accent-ink);font-size:.72rem}


/* v1.1.1 — büro rolü ile abonelik durumunu görsel olarak ayırır. */
.office-role-summary{margin:18px 0 16px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}
.office-role-summary>span{display:block;color:var(--muted);font-size:.75rem;margin-bottom:5px}
.office-role-summary>strong{display:block;font-size:1rem;line-height:1.45}
.office-role-summary>p{margin-top:8px;color:var(--muted);font-size:.875rem;line-height:1.6}
.office-role-summary>small{display:block;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem;line-height:1.55}
.office-code{margin-top:14px;color:var(--muted)}
.office-members-hint{margin:8px 0 4px;font-size:.875rem}
.member-identity{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.member-identity strong{flex:none!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.member-identity small{color:var(--muted);font-size:.72rem}
.trial-mini>span{line-height:1.45}


/* v1.1.2 — müvekkil başlığında Google tarzı düzenleme düğmesi ve dava tarihi doğrulama ipucu. */
.client-name-row{display:flex;align-items:center;gap:6px;min-width:0}
.client-name-row h2{margin:0;min-width:0;overflow-wrap:anywhere}
.client-edit-button{width:34px;height:34px;min-width:34px;border-radius:50%;color:var(--muted);background:transparent}
.client-edit-button:hover,.client-edit-button:focus-visible{color:var(--accent-ink);background:var(--surface-soft)}
.client-edit-button .icon{width:17px;height:17px}
.hearing-hint{margin-bottom:0}
@media(max-width:480px){.client-edit-button{width:32px;height:32px;min-width:32px}.client-edit-button .icon{width:16px;height:16px}}

/* v1.1.3 — yumuşak panel geçişleri ve daha hızlı dava tarihi seçimi */
@media (prefers-reduced-motion:no-preference){
  .workspace{transition:grid-template-columns .34s cubic-bezier(.22,1,.36,1)!important}
  .workspace .client-workspace{transition:grid-template-columns .34s cubic-bezier(.22,1,.36,1)!important}
  .workspace .sidebar{transition:padding .34s cubic-bezier(.22,1,.36,1),box-shadow .34s ease!important}
  .workspace .client-list{transition:padding .34s cubic-bezier(.22,1,.36,1),box-shadow .34s ease!important}
  .sidebar .brand>span:last-child,.sidebar .office-label,.sidebar .nav-label,.sidebar .account-name{
    display:block!important;opacity:1;max-width:190px;overflow:hidden;transform:translateX(0);white-space:nowrap;
    transition:opacity .18s ease,max-width .34s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1)!important
  }
  .sidebar .trial-mini,.sidebar .scenario-control{
    opacity:1;max-height:230px;overflow:hidden;transform:translateY(0);
    transition:opacity .18s ease,max-height .34s cubic-bezier(.22,1,.36,1),padding .34s ease,margin .34s ease,transform .34s cubic-bezier(.22,1,.36,1)!important
  }
  .sidebar-collapsed .brand>span:last-child,.sidebar-collapsed .office-label,.sidebar-collapsed .nav-label,.sidebar-collapsed .account-name{
    display:block!important;opacity:0;max-width:0;transform:translateX(-8px);pointer-events:none
  }
  .sidebar-collapsed .trial-mini{display:flex!important;opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-bottom:0;border-width:0;transform:translateY(8px);pointer-events:none}
  .sidebar-collapsed .scenario-control{display:block!important;opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin:0;border-width:0;transform:translateY(8px);pointer-events:none}
  .client-workspace .list-title,.client-workspace .client-summary,.client-workspace .client-item>.icon{
    display:flex!important;opacity:1;max-width:230px;overflow:hidden;transform:translateX(0);
    transition:opacity .18s ease,max-width .34s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1)!important
  }
  .client-workspace .client-summary{display:block!important}
  .client-workspace.clients-collapsed .list-title,.client-workspace.clients-collapsed .client-summary,.client-workspace.clients-collapsed .client-item>.icon{
    display:flex!important;opacity:0;max-width:0;transform:translateX(-8px);pointer-events:none
  }
  .client-workspace.clients-collapsed .client-summary{display:block!important}
  .panel-toggle .icon{transition:transform .3s cubic-bezier(.22,1,.36,1)!important}
  .sidebar-collapsed #toggle-sidebar .icon,.clients-collapsed #toggle-clients .icon{transform:rotate(180deg)}
}

@media (max-width:700px) and (prefers-reduced-motion:no-preference){
  .workspace .sidebar,.workspace .client-list{
    transition:width .34s cubic-bezier(.22,1,.36,1),padding .34s cubic-bezier(.22,1,.36,1),box-shadow .34s ease!important;
  }
}

.hearing-card-v2{display:grid;gap:16px;padding:20px 22px;background:linear-gradient(180deg,var(--surface) 0%,var(--surface-soft) 100%)}
.hearing-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.hearing-head h3{font-size:1.05rem;margin:3px 0 4px}
.hearing-kicker{font-size:.68rem;letter-spacing:.11em;font-weight:750;color:var(--accent-ink)}
.hearing-saved-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:6px 10px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:.72rem;font-weight:700}
.hearing-saved-badge .icon{width:14px;height:14px}
.hearing-presets,.hearing-time-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hearing-presets>span,.hearing-time-presets>span{font-size:.75rem;color:var(--muted);font-weight:650;margin-right:2px}
.hearing-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:7px 11px;min-height:34px;font-size:.78rem;font-weight:600;transition:background .18s,border-color .18s,transform .18s,color .18s}
.hearing-chip:hover{transform:translateY(-1px);border-color:var(--accent-ink)}
.hearing-chip.selected{background:var(--accent);border-color:var(--accent-ink);color:var(--accent-ink)}
.hearing-card-v2 .hearing-fields{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.55fr);gap:12px;align-items:end}
.hearing-field{display:grid;gap:7px;font-size:.8rem;font-weight:650}
.hearing-field input{background:var(--surface);font-size:1rem;min-height:48px}
.hearing-preview{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.hearing-preview>span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:9px;background:var(--surface-soft);color:var(--accent-ink);flex-shrink:0}
.hearing-preview small{display:block;color:var(--muted);font-size:.7rem;margin-bottom:2px}
.hearing-preview strong{display:block;font-size:.88rem;line-height:1.45}
.hearing-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hearing-actions .button{min-height:42px}
.hearing-card-v2 .form-error{margin:0}
@media(max-width:760px){
  .hearing-card-v2 .hearing-fields{grid-template-columns:1fr}
  .hearing-head{align-items:flex-start}
  .hearing-saved-badge{display:none}
  .hearing-actions .button{width:100%}
}
/* Profil: solda alt menü, sağda tek büyük kart. */
.profile-layout{display:grid;grid-template-columns:240px minmax(0,820px);gap:28px;align-items:start;max-width:1100px;margin:0 auto}
.profile-nav{position:sticky;top:0;display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.profile-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:none;color:var(--ink);font:inherit;font-size:.92rem;font-weight:500;text-align:left;cursor:pointer;transition:background .2s,color .2s}
.profile-nav-item .icon{width:18px;height:18px;flex:none;color:var(--muted)}
.profile-nav-item:hover{background:color-mix(in srgb,var(--brand) 6%,transparent)}
.profile-nav-item.active{background:color-mix(in srgb,var(--brand) 11%,var(--surface));color:var(--brand);font-weight:650}
.profile-nav-item.active .icon{color:var(--brand)}
.profile-content{min-width:0}
.profile-content>.profile-card,.profile-content>#office-membership-slot>.profile-card{margin:0}
/* Profil sol sütunu: sekmeler ve altında oturum kutusu (Aktif oturumlar, Çıkış yap). */
.profile-side{position:sticky;top:0;display:grid;gap:12px;min-width:0}.profile-side .profile-nav{position:static}
.profile-nav-logout,.profile-nav-logout .icon{color:var(--error)}.profile-nav-logout:hover{background:color-mix(in srgb,var(--error) 8%,transparent)}
@media(max-width:900px){.profile-side{position:static;gap:8px}}
@media(max-width:700px){.native-app .profile-nav-logout{display:none}}
@media(max-width:900px){.profile-layout{grid-template-columns:minmax(0,1fr);gap:16px}.profile-nav{position:static;flex-direction:row;overflow-x:auto;padding:6px;scrollbar-width:none}.profile-nav-item{width:auto;flex:none;white-space:nowrap}}
/* Bildirim ayarları */
.notification-settings h1{margin:0}
.pref-group{margin-top:18px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.pref-group>header{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:color-mix(in srgb,var(--brand) 4%,var(--surface));border-bottom:1px solid var(--line)}
.pref-group h2{margin:0;font-size:1rem}
.pref-group header p{margin:2px 0 0;font-size:.82rem}
.pref-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand)}
.pref-icon .icon{width:17px;height:17px}
.pref-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border-top:1px solid var(--line)}
.pref-group>header+.pref-row,.pref-warning+.pref-row{border-top:0}
.pref-text{display:grid;gap:2px;min-width:0}
.pref-text strong{font-size:.92rem;font-weight:600}
.pref-text small{font-size:.8rem;color:var(--muted);line-height:1.45}
.pref-always{flex:none;font-size:.75rem;font-weight:600;color:var(--muted);padding:3px 9px;border:1px solid var(--line);border-radius:999px}
.pref-warning{margin:0;padding:10px 16px;font-size:.82rem;background:color-mix(in srgb,#d97706 9%,var(--surface));border-bottom:1px solid var(--line)}
.switch,.pref-row input.switch{appearance:none;flex:none;position:relative;box-sizing:border-box;width:42px;height:24px;min-height:0;min-width:0;padding:0;margin:0;border-radius:999px;background:#d64545;border:0;cursor:pointer;transition:background .2s}
.switch::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
/* Açık yeşil, kapalı kırmızı; .pref-row seçicisi de yazılır, yoksa kapalı rengi açık durumu ezer. */
.switch:checked,.pref-row input.switch:checked{background:#1f9d55}
.switch:checked::after{transform:translateX(18px)}
.switch:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.switch:disabled{opacity:.6;cursor:wait}
@media(forced-colors:active){.switch{border:1px solid CanvasText}.switch:checked{background:Highlight}}
.confirm-card{text-align:center;padding:4px 4px 0}
.confirm-card h2{margin:12px 0 8px;font-size:1.15rem}
.confirm-card p{margin:0 0 10px;line-height:1.55}
.confirm-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:color-mix(in srgb,#d97706 14%,var(--surface));color:#b45309}
.confirm-icon .icon{width:24px;height:24px}
.confirm-card .dialog-actions{justify-content:center}
.notice-head-tools{display:flex;gap:2px}
/* Hesap ve Kart sekmeleri */
.account-session{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.account-session p{margin:2px 0 0;font-size:.85rem}
.account-session .button{display:inline-flex;align-items:center;gap:7px}
.account-session .icon{width:17px;height:17px}
.mfa-dialog{max-width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto}
.mfa-dialog form{display:grid;gap:14px}.mfa-dialog .field{display:grid;gap:6px}.mfa-dialog input,.mfa-dialog select{min-width:0;max-width:100%}
.mfa-secret{display:block;padding:14px;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere;word-break:break-all;user-select:all;font-size:1.05rem;letter-spacing:.06em}
.mfa-qr{display:block;width:220px;max-width:100%;height:auto;margin:12px auto;background:#fff}
.mfa-help{font-size:.9rem;line-height:1.5}.mfa-help summary{cursor:pointer}.mfa-dialog [data-mfa-error]:empty{display:none}
.account-delete [data-account-delete]{color:var(--error);border-color:var(--error-border);white-space:nowrap;flex-shrink:0}.account-delete [data-account-delete]:hover{background:var(--error-bg)}
.account-delete-dialog .account-delete-text{line-height:1.55;margin:4px 0 14px}
.saved-card{display:flex;align-items:center;gap:14px;margin:14px 0 6px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.saved-card.empty{border-style:dashed;background:color-mix(in srgb,var(--brand) 3%,var(--surface))}
.saved-card strong{display:block;font-size:.95rem}
.saved-card small{display:block;margin-top:2px;color:var(--muted);font-size:.82rem}
.card-visual{display:grid;place-items:center;flex:none;width:52px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 60%,#000));color:var(--on-brand,#fff)}
.card-visual .icon{width:20px;height:20px}
.card-facts{list-style:none;margin:12px 0 4px;padding:0;display:grid;gap:10px}
.card-facts li{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--ink)}
.card-facts .icon{flex:none;width:17px;height:17px;margin-top:2px;color:var(--brand)}
@media(max-width:600px){.account-session{flex-direction:column;align-items:flex-start}}
.profile-content h1{font-size:1.35rem;margin:0 0 16px}
.profile-content h1+p.muted{margin:-10px 0 6px}
@media(max-width:900px){.profile-nav{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}}
/* Faturalama yetkisi olmayan üye: plan kartları yerine durum ve açıklama (iki kart) */
.billing-plans.billing-managed{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px}
.billing-plans.billing-managed .plan-card p{line-height:1.6}
.subscription-panel .billing-managed-note{margin:12px 0 0}
@media(max-width:850px){.billing-plans.billing-managed{grid-template-columns:minmax(0,1fr)}}
/* Dokunmatik ekran: metin düğmeleri, sıralama başlıkları ve takvim gün numaraları en az 32 px dokunma alanı. */
@media (pointer:coarse){.text-button,.sort-button,.info-link{min-height:32px}}
/* Verilerim (büro verisini dışa aktarma; data-export.js). Süresi dolmuş hesapta sol menünün en üstündeki sabit öğe: çerçeveli ve kalın, seçiliyken vurgu zemini. */
.workspace .sidebar .nav-item[data-nav-pinned]{color:var(--accent-ink);font-weight:650;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent-ink) 45%,transparent);margin-bottom:8px}
.workspace .sidebar .nav-item[data-nav-pinned]:not(.active):not(:hover){background:var(--surface)}
.workspace .sidebar .nav-item[data-nav-pinned] .nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.data-export-page{display:grid;gap:16px;max-width:820px}
/* Uzun, tek parça e-posta adresi (ör. 38+ karakter) dar ekranda kartın ve toast'un dışına taşmasın. */
.data-export,.data-export-billing,.toast{overflow-wrap:anywhere}
.data-export [hidden]{display:none!important}
.data-export-page>.page-heading{margin:0}
.data-export h2{font-size:1.05rem;margin:22px 0 4px}
.data-export .button .icon,.data-export .text-button .icon{width:17px;height:17px}
.data-export-steps{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:14px 0 0;padding:0}
.data-export-steps li{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border:1px solid var(--line);border-radius:999px;font-size:.85rem;color:var(--muted)}
.data-export-steps li span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface-muted);font-size:.78rem;font-weight:700}
.data-export-steps li.active{color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent-ink) 45%,var(--line));font-weight:650}
.data-export-steps li.active span{background:var(--brand);color:var(--on-brand)}
.data-export-steps li.done span{background:var(--accent);color:var(--accent-ink)}
.data-export-preview{margin:16px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);font-size:.88rem;line-height:1.55}
.data-export-privacy{display:flex;gap:10px;align-items:flex-start;margin:12px 0 0;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,#d97706 9%,var(--surface));font-size:.86rem;line-height:1.55}
.data-export-privacy .icon{flex:none;width:17px;height:17px;margin-top:2px}
.data-export-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}
.data-export-form{display:grid;gap:14px}
.data-export-form h2{margin-bottom:0}
.data-export-form .email-hint,.data-export-form .data-export-actions{margin:0}
.data-export-check{display:flex;gap:10px;align-items:flex-start;margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;color:var(--ink);font-weight:400;white-space:normal;cursor:pointer}
.data-export-check input{flex:none;width:18px;height:18px;min-height:0;margin:2px 0 0;padding:0;accent-color:var(--accent-ink)}
.data-export-check span{display:grid;gap:2px;min-width:0}
.data-export-check strong{font-size:.9rem;font-weight:600}
.data-export-check small{font-size:.8rem;color:var(--muted);line-height:1.45}
.data-export-limit,.data-export-social{margin:0;font-size:.84rem}
.data-export-status{margin:18px 0 0;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}
.data-export-status.tone-success{border-color:color-mix(in srgb,#1f9d55 40%,var(--line))}
.data-export-status.tone-error{border-color:var(--error-border);background:var(--error-bg)}
.data-export-status-head{display:flex;gap:12px;align-items:flex-start}
.data-export-status-head h2{margin:0;font-size:1.02rem}
.data-export-status-head p{margin:2px 0 0;line-height:1.5}
.data-export-status-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--accent-ink)}
.data-export-status-icon .icon{width:18px;height:18px}
.data-export-status.tone-success .data-export-status-icon{background:color-mix(in srgb,#1f9d55 16%,var(--surface))}
.data-export-status.tone-error .data-export-status-icon{background:var(--surface);color:var(--error)}
.data-export-status>p{margin:8px 0 0;font-size:.88rem;line-height:1.5}
.data-export-status>.email-hint{margin:12px 0 0}
.data-export-progress{display:block;width:100%;height:10px;margin:14px 0 2px;accent-color:var(--brand)}
.data-export-parts{list-style:none;display:grid;gap:6px;margin:12px 0 0;padding:0}
.data-export-parts li{display:flex;flex-wrap:wrap;gap:4px 14px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:.85rem}
.data-export-parts li span{color:var(--muted)}
.data-export-download{display:grid;gap:8px;justify-items:start;margin-top:16px}
.data-export-download>p{margin:0;font-size:.85rem;line-height:1.5}
.data-export-download a.button{text-decoration:none}
.data-export-reauth{display:grid;gap:10px;width:100%;max-width:440px}
.data-export-reauth>p{margin:0}
.data-export-reauth .data-export-actions{margin:0}
.data-export-delete{margin-top:14px;color:var(--error)}
.data-export-phone{display:flex;gap:8px;align-items:flex-start}
.data-export-phone .icon{flex:none;width:17px;height:17px;margin-top:2px}
.data-export-note{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}
.data-export-note>.icon{flex:none;width:20px;height:20px;margin-top:2px;color:var(--accent-ink)}
.data-export-note p{margin:0;line-height:1.55}
.data-export-note .button{margin-top:12px}
.data-export-again{margin-top:14px;color:var(--accent-ink)}
.data-export-footer{margin:18px 0 0;color:var(--muted);font-size:.9rem}
.data-export-page>.data-export-footer{margin:0}
.data-export-footer .text-button{display:inline;color:var(--accent-ink);font-size:inherit;text-decoration:underline;text-underline-offset:3px}
.data-export-billing{display:flex;align-items:center;gap:16px;max-width:none;margin:0 0 18px;padding:18px 22px}
.data-export-billing>div{flex:1;min-width:0}
.data-export-billing h2{margin:0;font-size:1.05rem}
.data-export-billing p{margin:2px 0 0}
.data-export-billing-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--accent-ink)}
.account-delete-export{margin:-6px 0 14px;font-size:.85rem;line-height:1.5}
/* Hesap silme yarıda kaldı ekranı (app.js renderDeletionPending): metin okunur genişlikte, düğmeler aynı genişlikte. */
.deletion-pending p,.deletion-pending .form-error{max-width:34rem;margin:0}
.deletion-pending .button{min-width:200px}
@media(max-width:700px){
 .data-export-actions{flex-direction:column-reverse;align-items:stretch}
 .data-export-actions .button,.data-export-download,.data-export-download .button,.data-export-note .button,.data-export-billing .button{width:100%}
 .data-export-download{justify-items:stretch}
 .data-export-reauth{max-width:none}
 .data-export-status{padding:14px}
 .data-export-billing{flex-direction:column;align-items:stretch;padding:16px}
 .data-export-billing-icon{display:none}
}
.client-import-dialog{width:min(960px,calc(100% - 24px));max-height:90dvh;overflow:auto}.import-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.import-fields label{display:grid;gap:6px}.import-fields select{width:100%;padding:8px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px}.import-preview{max-height:300px;overflow:auto;margin:12px 0}.import-preview table{width:100%;border-collapse:collapse;font-size:13px}.import-preview th,.import-preview td{text-align:left;padding:8px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.client-import-dialog input[type=file]{max-width:230px}.client-import-dialog .dialog-actions{flex-wrap:wrap}
.client-import-dialog [hidden]{display:none!important}
.client-import-dialog .work-actions{flex-wrap:wrap}.client-import-dialog .work-actions label{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;max-width:100%}.client-import-dialog [data-file]{display:block;width:100%;max-width:100%;min-width:0}.client-import-dialog [data-error]:empty{display:none}

/* Dışarı taşan odak halkası alan etiketinin üstüne gelmez. */
:is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select):focus{outline:2px solid var(--focus);outline-offset:-2px;border-color:var(--accent-ink)}
@media(forced-colors:active){:is(input,textarea,select):focus{outline-color:Highlight}}