/* Görünüm tercihleri: düzeni korur, tüm çalışma alanını aynı renklerle boyar. */
:root {
  --surface-soft:#f7f9f8; --surface-muted:#edf1ef; --on-brand:#fff;
  --accent-ink:#45645d; --focus:#45645d; --placeholder:#65716e;
  --error-bg:#fff0f0; --error-border:#f3d8da; --danger-bg:#a32c34; --important-bg:#fffef9;
  --important-border:#e9e2c6; --star-fill:#f9eac2;
}
/* Silme düğmesinin beyaz yazısı, hata metninin açık pembe renginden ayrı tutulur. */
:root[data-theme="dim"], :root[data-theme="dark"] { --danger-bg:#c43e48; }
body { background:var(--bg); color:var(--ink); }
button:focus-visible, a:focus-visible { outline-color:var(--focus); }
input:focus, textarea:focus, select:focus { outline-color:var(--accent); border-color:var(--accent-ink); }
input, textarea, select { background:var(--surface); color:var(--ink); border-color:var(--line); }
input::placeholder, textarea::placeholder { color:var(--placeholder); }
input[type="checkbox"], input[type="radio"], input[type="range"] { accent-color:var(--accent-ink); }
input[type="checkbox"], input[type="radio"] { color-scheme:inherit; }
input[type="radio"] { width:18px; height:18px; min-height:18px; margin:0; padding:0; flex-shrink:0; }
.button.primary { background:var(--brand); color:var(--on-brand); }
.button.primary:hover:not(:disabled) { background:var(--brand-hover); }
.button.secondary { background:var(--surface); color:var(--ink); border-color:var(--line); }
.button.secondary:hover:not(:disabled), .icon-button:hover { background:var(--surface-soft); }
.workspace .brand-mark { background:var(--brand); color:var(--on-brand); }
.workspace .sidebar, .workspace-header, .client-list, .client-detail, .plan-card, dialog { background:var(--surface); color:var(--ink); }
.workspace-header { height:auto; min-height:74px; padding-top:15px; padding-bottom:15px; }
.sidebar { overflow-y:auto; }
.sidebar .brand small { white-space:normal; }
.workspace .eyebrow.dark, .office-label, .account-name small, .trial-mini>span, .detail-counts,
.client-title p, .client-summary small, .checkbox-label, .timeline-heading>span,
.note-kind, .note-card footer, .notes-empty, .plan-top { color:var(--muted); }
.nav-item { color:var(--muted); }
.nav-item:hover { background:var(--surface-soft); }
.nav-item.active { background:var(--accent); color:var(--accent-ink); }
.trial-mini progress, .trial-mini progress::-webkit-progress-bar { background:var(--surface-muted); }
.trial-mini progress::-webkit-progress-value { background:var(--accent-ink); }
.trial-mini progress::-moz-progress-bar { background:var(--accent-ink); }
.trial-mini .text-button { color:var(--accent-ink); }
.badge.neutral, .workspace .count { background:var(--surface-muted); color:var(--muted); }
.badge.success { background:var(--accent); color:var(--accent-ink); }
.badge.warning { background:var(--warning-bg); color:var(--warning); }
.demo-strip { background:var(--surface-soft); border-color:var(--line); color:var(--muted); }
.demo-strip>span { border-color:var(--line); }
.demo-strip button { color:var(--accent-ink); }
.workspace .avatar, .workspace .mini-avatar { background:var(--surface-muted); color:var(--muted); border-color:var(--line); }
.workspace .avatar.large { background:var(--accent); color:var(--accent-ink); }
.client-item:hover { background:var(--surface-soft); }
.client-item.selected { background:var(--accent); border-color:var(--line); }
.client-item.selected .avatar { background:var(--surface); color:var(--accent-ink); border-color:var(--line); }
.client-item>.icon { color:var(--muted); }
.note-composer textarea, .composer-controls select { background:var(--surface-soft); color:var(--ink); border-color:var(--line); }
.note-card { background:var(--surface); }
.note-card.important { background:var(--important-bg); border-color:var(--important-border); }
.detail-counts .icon, .star-button.marked { color:var(--warning); }
.star-button { color:var(--muted); }
.star-button.marked .icon { fill:var(--star-fill); }
.empty-icon, .billing-note, .checkout-summary { background:var(--accent); color:var(--accent-ink); }
.plan-features .icon { color:var(--accent-ink); }
.form-error { background:var(--error-bg); color:var(--error); border-color:var(--error-border); }
.toast { background:var(--surface); color:var(--ink); border-color:var(--line); box-shadow:0 8px 32px #0003; }
dialog::backdrop { background:#0008; }
::selection { background:var(--brand); color:var(--on-brand); }

.appearance-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(230px,310px); gap:28px; align-items:start; max-width:1130px; }
.appearance-controls { min-width:0; }
.appearance-section { min-width:0; margin:0 0 24px; padding:23px; background:var(--surface); border:1px solid var(--line); border-radius:12px; }
.appearance-section legend { font-weight:650; font-size:1.0625rem; padding:0 7px; margin-left:-7px; color:var(--ink); }
.appearance-section>p { color:var(--muted); font-size:.875rem; margin-bottom:21px; }
.theme-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.theme-choice { position:relative; display:flex; flex-direction:column; gap:9px; padding:12px; border:1px solid var(--line); border-radius:10px; cursor:pointer; min-width:0; }
.theme-choice:has(input:checked) { border-color:var(--accent-ink); box-shadow:0 0 0 1px var(--accent-ink); }
.theme-choice:has(input:focus-visible) { outline:3px solid var(--focus); outline-offset:3px; }
.theme-choice input { position:absolute; right:11px; top:11px; background:var(--surface); z-index:1; }
.theme-choice strong { font-size:.9375rem; line-height:1.25; }
.theme-choice small { font-size:.8125rem; color:var(--muted); line-height:1.5; }
.theme-swatch { height:63px; display:flex; align-items:flex-start; flex-direction:column; justify-content:center; gap:6px; padding:13px; border:1px solid #ffffff18; border-radius:6px; }
.theme-swatch span { height:4px; width:55%; border-radius:2px; }
.theme-swatch span:first-child { width:30%; background:var(--brand)!important; }
.theme-swatch span:last-child { width:40%; }
.theme-swatch.light { background:#f4f6f5; border-color:#e2e8e5; }
.theme-swatch.light span { background:#bac5bf; }
.theme-swatch.dim { background:#15202b; }
.theme-swatch.dim span { background:#7e92a3; }
.theme-swatch.dark { background:#000; }
.theme-swatch.dark span { background:#677075; }
.color-choices { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.color-choice { display:flex; flex-direction:column; align-items:center; gap:8px; cursor:pointer; font-size:.8125rem; position:relative; min-width:0; padding:5px 2px; }
.color-choice input { position:absolute; opacity:0; width:100%; height:100%; inset:0; cursor:pointer; }
.color-dot { display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; background:var(--swatch); box-shadow:inset 0 0 0 1px #ffffff26; }
.color-dot .icon { color:white; filter:drop-shadow(0 1px 2px #000); opacity:0; }
.color-choice:has(input:checked) .color-dot { outline:2px solid var(--accent-ink); outline-offset:4px; }
.color-choice:has(input:checked) .color-dot .icon { opacity:1; }
.color-choice:has(input:focus-visible) { outline:3px solid var(--focus); outline-offset:4px; border-radius:7px; }
.custom-color-row { display:flex; gap:12px; align-items:center; padding-top:19px; margin-top:20px; border-top:1px solid var(--line); flex-wrap:wrap; }
.custom-color-row label { font-size:.875rem; flex:1; min-width:130px; }
.custom-color-row output { font-size:.8125rem; color:var(--muted); min-width:74px; }
input[type="color"] { padding:3px; width:40px; height:36px; min-height:36px; background:var(--surface-soft); border:1px solid var(--line); cursor:pointer; }
input[type="color"]::-webkit-color-swatch-wrapper { padding:0; }
input[type="color"]::-webkit-color-swatch { border:0; border-radius:4px; }
.text-choices { display:flex; flex-wrap:wrap; gap:9px; }
.text-choice { display:flex; align-items:center; gap:8px; border:1px solid var(--line); border-radius:8px; padding:9px 11px; font-size:.875rem; cursor:pointer; }
.text-choice:has(input:checked) { background:var(--accent); border-color:var(--accent-ink); color:var(--accent-ink); }
.font-heading { display:flex; align-items:center; gap:14px; justify-content:space-between; margin-bottom:20px; }
.font-heading label { color:var(--muted); font-size:.875rem; }
.font-heading output { font-size:.9375rem; font-weight:650; color:var(--accent-ink); white-space:nowrap; }
.font-slider { display:flex; align-items:center; gap:17px; }
.font-slider>span:first-child { font-size:.875rem; }
.font-slider>span:last-child { font-size:1.65rem; }
.font-slider input { min-width:0; padding:0; border:0; box-shadow:none; height:28px; min-height:28px; background:transparent; cursor:pointer; }
.font-presets { display:flex; gap:8px; flex-wrap:wrap; margin-top:18px; }
.font-presets button { background:var(--surface-soft); border:1px solid var(--line); padding:7px 11px; font-size:.8125rem; min-height:36px; }
.font-presets button[aria-pressed="true"] { background:var(--accent); color:var(--accent-ink); border-color:var(--accent-ink); }
.appearance-save { color:var(--muted); font-size:.875rem; margin-top:6px; }
.appearance-preview { position:sticky; top:25px; padding-top:10px; min-width:0; }
.appearance-preview>.eyebrow { margin-bottom:17px; }
.preview-card { border:1px solid var(--line); border-radius:12px; padding:22px; background:var(--surface); }
.preview-person { display:flex; align-items:center; gap:12px; }
.preview-person>div { min-width:0; }
.preview-person h2 { font-size:1.0625rem; }
.preview-person p { font-size:.8125rem; margin-top:5px; }
.preview-note { font-size:1rem; line-height:1.7; margin:22px 0 18px; overflow-wrap:anywhere; }
.preview-important { display:flex; align-items:center; gap:7px; font-size:.8125rem; color:var(--warning); }
.preview-important .icon { width:16px; height:16px; }
.preview-button { display:flex; align-items:center; justify-content:center; gap:8px; background:var(--brand); color:var(--on-brand); border-radius:8px; padding:11px; margin-top:24px; font-weight:600; font-size:.875rem; }
.preview-help { margin-top:14px; font-size:.875rem; }

.legal-link { display:inline; border:0; background:none; padding:0; color:var(--accent-ink); text-decoration:underline; text-underline-offset:3px; font-size:inherit; cursor:pointer; text-align:inherit; }
.legal-links { display:flex; justify-content:center; gap:9px 15px; flex-wrap:wrap; margin-top:20px; padding-top:16px; border-top:1px solid var(--line); font-size:.8125rem; }
.terms-row { display:flex; align-items:flex-start; gap:10px; margin:7px 0 13px; }
.terms-row input { width:18px; height:18px; min-height:18px; margin:3px 0 0; padding:0; flex-shrink:0; }
.terms-row label { font-size:.875rem; line-height:1.6; cursor:pointer; }
.terms-row .legal-link { display:block; margin-top:3px; font-size:.8125rem; }
.privacy-notice { font-size:.8125rem; color:var(--muted); margin-bottom:18px; line-height:1.6; }
.legal-page { max-width:950px; }
.legal-version { color:var(--muted); font-size:.8125rem; margin:15px 0 24px; }
dialog.legal-dialog { width:min(780px,calc(100% - 32px)); }
.legal-dialog .dialog-top { align-items:flex-start; margin-bottom:20px; }
.legal-dialog .dialog-top h2 { font-size:1.35rem; padding-top:5px; }
.legal-body section { margin-bottom:23px; }
.legal-body h3 { font-size:1.0625rem; margin-bottom:9px; }
.legal-body p { font-size:1rem; line-height:1.75; overflow-wrap:anywhere; }
.legal-provider { padding:21px; border:1px solid var(--line); border-radius:11px; background:var(--surface); margin:0 0 24px; display:grid; gap:17px; }
.legal-provider dt { font-size:.8125rem; color:var(--muted); margin-bottom:5px; }
.legal-provider dd { margin:0; font-size:.9375rem; overflow-wrap:anywhere; }
.legal-cards { display:flex; flex-direction:column; gap:15px; }
.legal-card { display:flex; align-items:center; justify-content:space-between; gap:20px; background:var(--surface); padding:23px; border:1px solid var(--line); border-radius:12px; }
.legal-card h2 { font-size:1.1rem; }
.legal-card p { margin-top:9px; font-size:.9375rem; }
.legal-card>.button { flex-shrink:0; }
.legal-acceptance { margin-top:25px; padding:22px; border:1px solid var(--line); border-radius:12px; background:var(--surface-soft); }
.legal-acceptance h2 { font-size:1.0625rem; margin-bottom:14px; }
.legal-acceptance p { font-size:.875rem; margin-top:8px; overflow-wrap:anywhere; }
/* Kabul kayıtları (Sözleşmeler sayfası) */
.legal-records{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.legal-records li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.legal-records li>div{display:flex;flex-direction:column;gap:4px;min-width:0}.legal-records li span{font-size:.875rem;overflow-wrap:anywhere}.legal-records li.is-pending{border-color:color-mix(in srgb,var(--warning) 40%,transparent)}.legal-records .button{flex-shrink:0}.legal-history{margin-top:14px}.legal-history summary{cursor:pointer;font-size:.875rem;font-weight:600}.legal-history ol{margin:10px 0 0;padding-left:18px;font-size:.875rem;line-height:1.7;overflow-wrap:anywhere}

@media(max-width:1180px) {
  .appearance-layout { grid-template-columns:minmax(0,1fr); max-width:800px; }
  .appearance-preview { position:static; grid-row:1; padding-top:0; }
  .preview-card { padding:18px 22px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px 25px; align-items:center; }
  .preview-note { grid-column:1/-1; grid-row:2; margin:3px 0; }
  .preview-important { grid-row:3; }
  .preview-button { grid-column:2; grid-row:1; margin:0; padding:10px 14px; }
  .preview-help { font-size:.8125rem; margin-top:10px; }
}
@media(max-width:930px) {
  .sidebar .nav-item { flex-wrap:wrap; }
  .theme-choices { gap:10px; }
  .theme-choice { padding:10px; }
}
@media(max-width:640px) {
  .legal-card { flex-direction:column; align-items:stretch; padding:19px; }
  .legal-dialog .dialog-top h2 { font-size:1.15rem; }
  .workspace-header { min-height:58px; flex-wrap:wrap; gap:8px; }
  .sidebar { overflow:visible; }
  .sidebar nav { flex-wrap:wrap; min-width:0; }
  .sidebar .nav-item { flex-wrap:nowrap; padding:9px; font-size:.875rem; gap:6px; }
  .sidebar .nav-item .icon { width:17px; height:17px; }
  .appearance-section { padding:17px; }
  .appearance-layout { gap:23px; }
  .appearance-section legend { font-size:1rem; }
  .theme-choices { gap:8px; }
  .theme-choice { padding:9px; }
  .theme-choice small { display:none; }
  .theme-choice input { right:8px; top:8px; }
  .theme-swatch { padding:9px; }
  .color-choices { grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
  .preview-card { display:block; padding:19px; }
  .preview-note { margin:17px 0; }
  .preview-button { margin-top:18px; }
  .font-heading { align-items:flex-start; }
}

/* Web: compact workspace, pinned panels, auth and gentle motion. */
.workspace-content{padding:24px;max-width:none}
.sidebar{overflow-y:auto}
.scenario-control{display:block;width:100%;padding:8px 10px;margin:0 0 12px;border:1px solid var(--line);background:transparent;color:var(--accent-ink);font-size:.75rem;text-align:left;border-radius:7px;transition:background .2s}
.scenario-control:hover{background:var(--accent)}
.client-list{position:sticky;top:24px;max-height:calc(100dvh - 48px);overflow:auto;scrollbar-width:thin}
.client-list .list-heading{position:sticky;top:0;z-index:2;background:var(--surface)}
.client-detail{max-height:calc(100dvh - 48px);overflow:auto;scrollbar-width:thin;scroll-padding-top:145px}
.detail-heading{position:sticky;top:0;z-index:3;background:var(--surface)}
.client-title{min-width:0;flex:1}.detail-actions,.note-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.delete-button{width:32px;height:32px;color:var(--muted);border-radius:7px;transition:color .2s,background .2s}
.delete-button .icon{width:17px;height:17px}.delete-button:hover{color:var(--error);background:var(--error-bg)}
.button.danger{background:var(--danger-bg);color:#fff}.button.danger:hover{filter:brightness(.94)}
.attachment-button,.attachment-chip,.note-attachments .attachment-chip{background:var(--surface-soft);color:var(--ink)}
.attachment-button:hover,.attachment-chip:hover{background:var(--accent)}
.auth-layout{grid-template-columns:minmax(0,44%) minmax(0,56%);align-items:stretch}
.auth-story{justify-content:flex-start;padding:40px clamp(30px,4.5vw,84px);gap:0;min-height:100dvh}
.auth-story .story-content{margin-top:clamp(42px,7vh,76px);max-width:500px}
.auth-story .story-content h1{font-size:clamp(2.6rem,3.5vw,4rem);line-height:1.08;letter-spacing:-.045em;margin-bottom:22px}
.auth-story .story-content>p{max-width:450px;line-height:1.75}
.auth-story .story-footer{margin-top:auto;padding-top:32px}
.auth-story .story-note{margin-top:32px;max-width:440px}
.auth-main{align-items:flex-start;padding:44px clamp(24px,4vw,76px);background:var(--surface)}
.auth-box{max-width:650px;width:100%}.auth-box h2{font-size:clamp(1.7rem,2.2vw,2.25rem);letter-spacing:-.045em}
.auth-box>.muted{line-height:1.7}.auth-tabs{margin:26px 0 24px}
.auth-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.auth-fields.register-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:18px}
.auth-fields .field{margin:0;min-width:0}.auth-fields .form-wide{grid-column:1/-1}
.auth-fields .terms-row{margin:4px 0 0}.auth-fields .privacy-notice{margin:0;line-height:1.6}.auth-fields [data-error]:empty{display:none}
.auth-fields .form-error{margin:0}.auth-fields input{min-height:48px}.auth-fields input[type=checkbox]{min-height:0}
.auth-fields>button[type=submit]{min-height:48px}.auth-box .fine-print{margin-top:14px}.auth-box .divider{margin:18px 0}
.auth-box .legal-links{margin-top:20px}
/* Google/Apple ile devam (yalnız web), parola kuralları ve "Kaydı tamamla" kimlik satırı. */
.auth-fields .terms-row+.terms-row{margin-top:-8px}
.auth-or{display:flex;align-items:center;gap:14px;margin:22px 0 16px;color:var(--muted);font-size:.8125rem}.auth-or::before,.auth-or::after{content:"";flex:1;height:1px;background:var(--line)}
.social-auth{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.button.social-button{min-height:48px;background:var(--surface);color:var(--ink);border-color:var(--line);transition:background .18s,border-color .18s,transform .18s}
.button.social-button:hover:not(:disabled){background:var(--surface-soft);border-color:color-mix(in srgb,var(--ink) 22%,var(--line))}
.button.social-button:active:not(:disabled){transform:translateY(1px)}.button.social-button:disabled{opacity:.6;cursor:progress}
.social-mark{flex:none;width:20px;height:20px}.social-error:not(:empty){margin-top:14px}
.password-rules{display:flex;flex-wrap:wrap;gap:6px 16px;margin:-6px 0 0;padding:0;list-style:none;color:var(--muted);font-size:.8125rem}
.password-rules li{display:inline-flex;align-items:center;gap:7px;transition:color .2s}
.password-rules .icon{width:16px;height:16px;padding:2px;border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor;opacity:.45;transition:opacity .2s,background .2s,color .2s}
.password-rules li.ok{color:#1a7f43}.password-rules li.ok .icon{opacity:1;background:#1f9d55;color:#fff;box-shadow:none}
.signup-identity{display:flex;align-items:center;gap:12px;margin:24px 0 22px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}
.signup-identity>.social-mark,.signup-identity>.icon{flex:none;width:22px;height:22px}.signup-identity span{display:grid;gap:2px;min-width:0}
.signup-identity small{color:var(--muted);font-size:.75rem}.signup-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.auth-box .signup-switch{margin-top:16px;color:var(--accent-ink)}.account-social-note{margin:0;line-height:1.6}.auth-box .signup-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 16px}.auth-box .signup-delete{color:var(--error)}
@media(max-width:480px){.social-auth{grid-template-columns:minmax(0,1fr)}}
@keyframes web-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes sidebar-reveal{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}
.page-enter{animation:web-reveal .45s cubic-bezier(.22,1,.36,1) backwards}
.login-enter .sidebar{animation:sidebar-reveal .5s cubic-bezier(.22,1,.36,1) backwards}
.login-enter .workspace-content{animation-delay:.08s}
.auth-box{animation:web-reveal .4s cubic-bezier(.22,1,.36,1) backwards}
dialog[open]{animation:web-reveal .24s ease-out backwards}
.nav-item{transition:background .2s,color .2s}
@media(max-width:1100px){.auth-story{padding:34px 28px}.auth-main{padding:38px 28px}.client-workspace{grid-template-columns:230px minmax(0,1fr)}.detail-heading-top{flex-wrap:wrap}.detail-actions{margin-left:auto}}
@media(max-width:930px){.client-workspace{grid-template-columns:minmax(0,1fr)}.client-list{position:relative;top:0;max-height:210px}.client-detail{max-height:70dvh;min-height:360px}.auth-layout{grid-template-columns:38% 62%}.auth-story .story-content h1{font-size:2.4rem}.auth-main{padding:32px 24px}.auth-fields.register-grid{column-gap:12px}}
@media(max-width:700px){.auth-layout{display:block}.auth-story{min-height:0;padding:23px 24px}.auth-story .story-content,.auth-story .story-footer{display:none}.auth-main{padding:30px 24px;min-height:0}.auth-box{max-width:620px}.workspace-content{padding:16px}.client-list{top:0}.scenario-control{font-size:.65rem;padding:6px 8px;margin:0;max-width:170px}.sidebar-bottom{display:flex;align-items:center;gap:8px}.detail-actions{gap:4px}}
@media(max-width:480px){.auth-fields.register-grid{grid-template-columns:minmax(0,1fr)}.auth-main{padding:26px 20px}.detail-heading-top{gap:12px}.client-title .avatar.large{width:38px;height:38px}.client-title h2{font-size:1.05rem}.detail-actions{width:100%;justify-content:flex-end}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Edge-to-edge desktop shell: scroll only inside the panels. */
body.workspace-mode{height:100dvh;overflow:hidden}
.workspace-mode #app{height:100%;min-height:0}
.workspace{--sidebar-width:250px;grid-template-columns:var(--sidebar-width) minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}
.workspace.sidebar-collapsed{--sidebar-width:72px}
.workspace .sidebar{position:relative;top:0;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;height:100%;min-height:0;padding:22px 16px 16px;gap:0;overflow-y:auto;overflow-x:hidden}
.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sidebar-heading .brand{font-size:1.3rem;min-width:0}.sidebar-heading .brand small{font-size:.45rem;letter-spacing:.02rem}
.panel-toggle{width:32px;height:32px;flex-shrink:0;color:var(--muted)}.panel-toggle .icon{width:19px;height:19px}
.workspace .sidebar nav{flex-direction:column;flex:0;gap:7px}.workspace .nav-item{width:100%;justify-content:flex-start}
.workspace .sidebar-bottom{display:block;margin-top:auto;padding-top:24px}
.workspace .main-area{height:100%;min-height:0;overflow:hidden}
.workspace .workspace-content{height:100%;min-height:0;overflow:auto;padding:24px;margin:0;max-width:none}
.workspace .workspace-content.clients-page{padding:0;overflow:hidden}
.workspace .client-workspace{--clients-width:290px;display:grid;grid-template-columns:var(--clients-width) minmax(0,1fr);gap:0;align-items:stretch;height:100%;min-height:0;position:relative;overflow:hidden}
.workspace .client-workspace.clients-collapsed{--clients-width:64px}
.workspace .client-list{position:relative;top:0;height:100%;max-height:none;min-height:0;display:flex;flex-direction:column;border:0;border-right:1px solid var(--line);border-radius:0;overflow:hidden}
.workspace .list-heading{position:relative;top:0;flex-shrink:0;padding:16px 14px;gap:8px;min-height:68px}
.list-title{display:flex;align-items:center;gap:9px;min-width:0}.list-title h2{white-space:normal;line-height:1.35}.list-title .count{flex-shrink:0}
.workspace .client-items{display:block;flex:1;min-height:0;overflow:auto;padding:8px;scrollbar-width:thin}
.workspace .client-item{min-width:0;width:100%;margin:0 0 4px;padding:13px 10px}
.workspace .client-detail{height:100%;max-height:none;min-height:0;border:0;border-radius:0;overflow:auto;scrollbar-width:thin}
.workspace .client-detail .empty-state{min-height:100%}
.workspace .detail-heading{border-radius:0;top:0}
.sidebar-collapsed .sidebar-heading{flex-direction:column;gap:12px}
.sidebar-collapsed .brand>span:last-child,.sidebar-collapsed .office-label,.sidebar-collapsed .nav-label,.sidebar-collapsed .trial-mini,.sidebar-collapsed .scenario-control,.sidebar-collapsed .account-name,.sidebar-collapsed .account>.avatar{display:none}
.workspace.sidebar-collapsed .sidebar{padding:22px 10px 16px}
.sidebar-collapsed .sidebar nav{margin-top:24px}.workspace.sidebar-collapsed .nav-item{justify-content:center;padding:12px 0}
.workspace.sidebar-collapsed .account{justify-content:center;padding-top:12px}.workspace.sidebar-collapsed .account .icon-button{margin:0}
.clients-collapsed .list-title,.clients-collapsed .client-summary,.clients-collapsed .client-item>.icon{display:none}
.workspace .clients-collapsed .list-heading{justify-content:center;padding:16px 6px}
.workspace .clients-collapsed .client-items{padding:8px 5px}.workspace .clients-collapsed .client-item{justify-content:center;padding:10px 4px}
.workspace .clients-collapsed .client-item .avatar{width:36px;height:36px}
.clients-collapsed .list-empty{font-size:0;padding:10px 0}.clients-collapsed .list-empty::after{content:'—';font-size:1rem}
.terms-row>span{font-size:.8125rem;line-height:1.7;color:var(--muted)}.terms-row>span .legal-link{color:var(--accent-ink);font-size:inherit;text-decoration:underline;text-underline-offset:3px}
@keyframes workspace-fade{from{opacity:0}to{opacity:1}}
.workspace .page-enter,.workspace.login-enter .sidebar{animation-name:workspace-fade}
@media(max-width:1150px){.workspace{--sidebar-width:215px}.workspace .client-workspace{--clients-width:235px}.sidebar-heading .brand small{display:none}.sidebar-heading .brand{font-size:1.15rem}.workspace .list-heading{padding:16px 10px}.list-title{gap:6px}.list-title h2{font-size:.8rem}}
@media(max-width:700px){.workspace{display:grid;--sidebar-width:60px}.workspace.sidebar-collapsed{--sidebar-width:60px}.workspace .sidebar{position:absolute;left:0;top:0;width:220px;height:100dvh;z-index:15;box-shadow:10px 0 30px #0002}.workspace.sidebar-collapsed .sidebar{width:60px;box-shadow:none;padding:16px 6px}.workspace .sidebar .office-label{margin:0;padding:20px 8px;text-align:left;max-width:none}.workspace .sidebar-bottom{display:block}.workspace .sidebar .trial-mini{display:flex}.workspace.sidebar-collapsed .sidebar .trial-mini{display:none}.workspace .sidebar .scenario-control{max-width:none;margin-bottom:12px}.workspace .main-area{grid-column:2}.workspace .client-workspace{--clients-width:52px}.workspace .client-workspace.clients-collapsed{--clients-width:52px}.workspace .client-list{position:absolute;left:0;top:0;width:min(250px,calc(100vw - 60px));height:100%;z-index:10;box-shadow:8px 0 20px #0002}.workspace .clients-collapsed .client-list{width:52px;box-shadow:none}.workspace .client-detail{grid-column:2;min-height:0}.workspace .workspace-content:not(.clients-page){padding:18px}.workspace .detail-heading,.workspace .note-composer{padding:16px}.workspace .clients-collapsed .client-item .avatar{width:32px;height:32px}}

/* Planlar, profil ve 400 ms geçişler */
.workspace { transition: grid-template-columns .4s ease; }
.workspace .client-workspace { transition: grid-template-columns .4s ease; }
.workspace .sidebar, .workspace .client-list { min-width: 0; overflow-x: hidden; }
.workspace .sidebar nav { margin-top: 24px; }
.workspace .page-enter { animation: workspace-fade .2s ease-out both; }
.workspace.login-enter .page-enter, .workspace.login-enter .sidebar { animation: workspace-fade .4s ease-out both; }
.workspace .account { gap: 8px; }
.account-profile { display:flex; align-items:center; gap:10px; flex:1; min-width:0; padding:6px 2px; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; border-radius:10px; }
.account-profile:hover { background:var(--surface-soft); }
.account-profile .account-name { min-width:0; }
.account-profile .account-name strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.avatar { overflow:hidden; flex-shrink:0; }
.avatar img { display:block; width:100%; height:100%; object-fit:cover; }
.sidebar-collapsed .account { flex-direction:column; }
.sidebar-collapsed .account-profile { flex:none; padding:0; }
/* Profil düğmesi sol alt köşeyi boydan boya kaplar (çıkış Profil sayfasına taşındı); dar menüde yalnız avatar görünür. */
.account-profile { width:100%; padding:8px; }
.sidebar-collapsed .account-profile { width:auto; padding:4px; }
/* Profil > Aktif oturumlar: cihaz kartları; bu cihaz çerçeveyle ayrılır. */
.sessions-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:16px; }
.sessions-heading h1 { margin:0 0 6px; }
.sessions-heading p { margin:0; }
.sessions-heading .button { flex:none; margin:0; }
.session-list { display:grid; gap:12px; margin:0; padding:0; list-style:none; }
.session-card { display:flex; align-items:center; gap:16px; padding:18px 20px; background:var(--surface); border:1px solid var(--line); border-radius:14px; }
.session-card.current { border-color:color-mix(in srgb, var(--accent-ink) 45%, var(--line)); }
.session-icon { display:grid; place-items:center; flex:none; width:44px; height:44px; border-radius:12px; background:var(--surface-soft); color:var(--accent-ink); }
.session-icon .icon { width:22px; height:22px; }
.session-info { display:grid; gap:4px; flex:1; min-width:0; }
.session-info strong { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:.95rem; }
.session-info span { font-size:.8125rem; overflow-wrap:anywhere; }
.session-badge { padding:2px 9px; border-radius:999px; background:var(--accent); color:var(--accent-ink); font-size:.72rem; font-weight:700; }
.session-card .button { flex:none; margin:0; }
.session-card .session-revoke, .sessions-footer .session-revoke { color:var(--error); }
.sessions-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:18px; padding:18px 20px; background:var(--surface); border:1px solid var(--line); border-radius:14px; }
.sessions-footer p { margin:4px 0 0; }
.sessions-footer .button { flex:none; margin:0; }
.sessions-footer #revoke-all-access { max-width:360px; white-space:normal; }
@media(max-width:640px) { .sessions-footer #revoke-all-access { max-width:100%; } }
.sessions-content .sessions-note { margin-top:16px; text-align:left; line-height:1.6; }
.sessions-content > .form-error { margin-bottom:12px; }
@media(max-width:640px) { .session-card { flex-wrap:wrap; padding:16px; } .session-card .button { width:100%; } .sessions-footer { flex-direction:column; align-items:stretch; } }
.billing-plans { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; width:100%; align-items:stretch; }
.billing-plans .plan-card { display:flex; flex-direction:column; min-width:0; padding:24px; }
.billing-plans h2 { font-size:clamp(18px,1.8vw,25px); line-height:1.35; margin:20px 0 10px; }
.billing-plans .price { font-size:clamp(32px,3.4vw,48px); margin:20px 0; flex-wrap:wrap; }
.billing-plans .plan-features { flex:1; margin:12px 0 28px; }
.billing-plans .plan-features li { align-items:flex-start; line-height:1.6; }
.billing-plans .plan-features .icon { flex-shrink:0; margin-top:3px; }
.billing-plans .button { white-space:normal; padding:12px; min-height:46px; }
.billing-plans a.button { border-radius:8px; text-decoration:none; }
.billing-plans .fine-print { margin-bottom:0; }
.billing-plans .pro-plan { border-color:var(--accent); }
.billing-plans .annual-price { margin:-10px 0 14px; color:var(--brand); font-size:14px; font-weight:600; line-height:1.6; }
.billing-plans .enterprise-price { font-size:clamp(21px,2vw,29px); line-height:1.4; font-weight:700; margin:20px 0; }
.billing-plans .enterprise-plan { border-color:var(--brand); }
.trial-countdown { font-size:clamp(19px,2vw,26px); line-height:1.5; font-weight:700; margin:12px 0; font-variant-numeric:tabular-nums; }
.trial-dates { margin:18px 0 24px; flex:1; }
.trial-dates div { padding:14px 0; border-bottom:1px solid var(--line); }
.trial-dates dt { font-size:12px; color:var(--muted); margin-bottom:6px; }
.trial-dates dd { margin:0; font-size:14px; line-height:1.5; font-weight:600; }
.plan-status { padding:12px; text-align:center; border:1px solid var(--line); border-radius:10px; font-size:14px; }
.profile-card { max-width:820px; padding:28px; background:var(--surface); border:1px solid var(--line); border-radius:18px; }
.profile-photo-row { display:flex; align-items:center; gap:22px; margin-bottom:28px; }
.profile-photo-row .avatar { width:88px; height:88px; font-size:28px; }
.profile-photo-row .text-button { display:block; margin-top:10px; }
.profile-photo-row p { font-size:12px; margin-bottom:0; }
.profile-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.profile-fields .field { margin:0; min-width:0; }
.profile-wide { grid-column:1/-1; }
.profile-actions { display:flex; align-items:center; gap:16px; margin-top:24px; }
.note-composer #note-title { width:100%; margin:8px 0 5px; }
.note-composer #note-title-hint { display:block; margin-bottom:16px; font-size:12px; }
.note-meta { align-items:flex-start; gap:12px; }
.note-meta .note-kind { text-transform:none; letter-spacing:normal; font-size:16px; line-height:1.5; font-weight:650; overflow-wrap:anywhere; white-space:pre-wrap; }
.note-actions { flex-shrink:0; }
.star-button { min-width:36px; min-height:36px; justify-content:center; }
.star-button.marked { color:#ffd600 !important; }
.star-button.marked .icon { fill:#ffd600; stroke:#ffd600; filter:drop-shadow(0 1px 1px #6a570044); }
@media (max-width:1100px) { .billing-plans { gap:12px; grid-template-columns:repeat(2,minmax(0,1fr)); } .billing-plans .plan-card { padding:18px; } }
@media (max-width:850px) { .billing-plans { grid-template-columns:minmax(0,1fr); } .billing-plans .plan-card { padding:24px; } }
@media (max-width:700px) { .workspace .sidebar, .workspace .client-list { transition:width .4s ease; } .profile-fields { grid-template-columns:minmax(0,1fr); } .profile-card { padding:18px; } .profile-photo-row { align-items:flex-start; gap:14px; } }

/* Bilgi sayfası ve not geçmişi denetimleri */
.brand-link { display:block; min-width:0; padding:0; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; border-radius:8px; }
.brand-link:hover { opacity:.8; }
/* Menü kapalıyken daralt düğmesi gizlenir (mobil çekmece onu programla tıklar); logo şeridin ortasında durur ve üzerine gelince "menüyü aç" simgesine döner (app.js). */
.brand-link { position:relative; }
.brand-expand { position:absolute; inset:0; display:none; place-items:center; border-radius:12px; background:var(--surface-soft); color:var(--ink); opacity:0; transition:opacity .18s; }
.brand-expand .icon { width:20px; height:20px; }
.workspace.sidebar-collapsed .sidebar-heading { align-items:center; }
.workspace.sidebar-collapsed #toggle-sidebar { display:none; }
.workspace.sidebar-collapsed .brand-link { display:grid; place-items:center; width:44px; height:44px; min-height:0; margin-inline:auto; }
/* Açılma animasyonu (refinements.css) kapalı menüde yazıyı sıfır genişlikte görünür tutar; akıştan çıkarılır ki logo düğmesini uzatmasın. */
.workspace.sidebar-collapsed .sidebar .brand { gap:0; }
.workspace.sidebar-collapsed .sidebar .brand>span:last-child { position:absolute; }
.workspace.sidebar-collapsed .brand-expand { display:grid; }
.workspace.sidebar-collapsed .brand-link:is(:hover,:focus-visible) { opacity:1; }
.workspace.sidebar-collapsed .brand-link:is(:hover,:focus-visible) .brand-expand { opacity:1; }
#logout { transition:color .18s ease, background-color .18s ease; }
#logout:hover, #logout:focus-visible { color:#fff; background:#d52f3d; }
#note-important { gap:7px; padding:8px 12px; border:1px solid var(--line); border-radius:8px; }
#note-important span { color:var(--ink); font-weight:600; }
.composer-controls .button[type="submit"] { margin-left:auto; }
.timeline-heading { gap:16px; flex-wrap:wrap; }
#history-filter { width:auto; max-width:100%; min-height:40px; padding:8px 30px 8px 12px; font-size:13px; background:var(--surface); color:var(--ink); border:1px solid var(--line); border-radius:8px; cursor:pointer; }
.about-page { width:100%; max-width:1100px; margin:0 auto; }
.about-intro { padding:24px 0 32px; max-width:850px; }
.about-intro h1 { font-size:clamp(28px,3.5vw,44px); line-height:1.2; margin:12px 0 20px; letter-spacing:-.025em; }
.about-intro p { color:var(--muted); line-height:1.85; font-size:16px; }
.about-section { padding:28px 0; border-top:1px solid var(--line); }
.about-section h2, .about-contact h2 { font-size:21px; margin:0 0 16px; }
.about-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.about-features article { padding:24px; background:var(--surface); border:1px solid var(--line); border-radius:14px; }
.about-features article>.icon { color:var(--accent-ink); width:26px; height:26px; }
.about-features h3 { font-size:16px; margin:18px 0 10px; }
.about-features p, .about-disclosure { font-size:14px; line-height:1.75; color:var(--muted); }
.about-section .legal-links { justify-content:flex-start; margin:20px 0; }
.founder-list { display:flex; flex-wrap:wrap; gap:20px 50px; }
.founder-list>div { display:flex; align-items:center; gap:12px; }
.about-contact { padding:24px; border:1px solid var(--line); border-radius:14px; background:var(--surface); display:flex; align-items:center; justify-content:space-between; gap:24px; }
.about-contact p { margin:0; }
.about-contact .button { flex-shrink:0; }
.about-footer { margin:28px 0 8px; color:var(--muted); font-size:12px; text-align:center; }
@media(max-width:900px) { .about-features { grid-template-columns:minmax(0,1fr); } }
@media(max-width:700px) { .about-contact { align-items:flex-start; flex-direction:column; } }
.offer-notice{margin:0 0 20px;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.offer-notice p{line-height:1.6}.offer-notice button{margin-top:12px}
/* Güncellenen sözleşmeler şeridi: uygulamayı engellemez, kapatılabilir */
.legal-notice{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--warning-bg);border-color:color-mix(in srgb,var(--warning) 30%,transparent)}.legal-notice p{margin-top:4px;font-size:.875rem}.legal-notice-actions .button,.legal-notice-actions .icon-button,.legal-records .button{margin-top:0}.legal-notice-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.ai-page>.legal-notice{margin:12px 16px 0;flex-shrink:0}.about-legal-records{margin-top:14px}
@media (max-width:700px){.legal-notice{flex-direction:column;align-items:stretch}.legal-notice-actions{justify-content:space-between}.legal-records li{flex-direction:column;align-items:stretch}}

/* Sayfa geçişi: anında geri bildirim, ince ilerleme çizgisi ve iskelet yükleme */
.nav-progress{position:relative;height:0;z-index:20;pointer-events:none}
.nav-progress::after{content:'';position:absolute;top:-1px;left:0;height:3px;width:32%;border-radius:2px;background:var(--brand);opacity:0;transform:translateX(-110%);transition:opacity .2s ease}
.main-area.is-loading .nav-progress::after{opacity:1;animation:nav-progress 1.1s cubic-bezier(.4,0,.2,1) infinite}
@keyframes nav-progress{0%{transform:translateX(-110%)}100%{transform:translateX(330%)}}
.workspace .workspace-content.page-leaving,.workspace.login-enter .workspace-content.page-leaving{animation:none;opacity:.45;transition:opacity .16s ease;pointer-events:none}
.page-skeleton{display:grid;gap:14px;max-width:1100px;padding:4px 0;animation:workspace-fade .25s ease-out both}
.page-skeleton .sk{display:block;border-radius:10px;background:linear-gradient(90deg,var(--surface-muted,rgba(0,0,0,.06)) 0%,color-mix(in srgb,var(--surface-muted,rgba(0,0,0,.06)) 55%,var(--surface)) 50%,var(--surface-muted,rgba(0,0,0,.06)) 100%);background-size:200% 100%;animation:sk-shimmer 1.3s ease-in-out infinite}
.page-skeleton .sk-title{height:28px;width:220px}
.page-skeleton .sk-line{height:14px;width:min(420px,70%)}
.page-skeleton .sk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:6px}
.page-skeleton .sk-card{height:84px;border-radius:14px}
.page-skeleton .sk-row{height:44px}
.page-skeleton .sk-row.short{width:60%}
@keyframes sk-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){.main-area.is-loading .nav-progress::after{animation:none;transform:none;width:100%;opacity:.5}.page-skeleton,.page-skeleton .sk{animation:none}.workspace-content.page-leaving{transition:none}}
/* Menü sıralaması */
.nav-order{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}
.nav-order-item{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:grab;user-select:none;transition:border-color .15s,box-shadow .15s,opacity .15s}
.nav-order-item:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}
.nav-order-item.dragging{opacity:.45;cursor:grabbing}
.nav-order-item.drop-before{box-shadow:0 -3px 0 var(--brand)}
.nav-order-item.drop-after{box-shadow:0 3px 0 var(--brand)}
.nav-order-item>.icon{width:18px;height:18px;flex:none;color:var(--brand)}
.nav-order-grip{display:grid;place-items:center;color:var(--muted)}
.nav-order-grip .icon{width:16px;height:16px;fill:currentColor}
.nav-order-index{min-width:18px;font-size:.75rem;font-weight:700;color:var(--muted);text-align:right}
.nav-order-label{flex:1;min-width:0;font-weight:600;font-size:.92rem}
@media(max-width:400px){.nav-order{grid-template-columns:minmax(0,1fr)}.nav-order-item{min-width:0;gap:4px;padding:8px 6px}.nav-order-label{overflow-wrap:anywhere}.nav-order-tools{flex-shrink:0}}
.nav-order-tools{display:flex;gap:2px}
.nav-order-tools .icon-button{width:32px;height:32px;color:var(--muted)}
.nav-order-tools .icon-button:hover:not(:disabled){color:var(--brand)}
.nav-order-tools .icon-button:disabled{opacity:.3;cursor:default}
.nav-order-tools .icon{width:16px;height:16px}
.nav-order-reset{font-size:.85rem}
@media(hover:none){.nav-order-grip{display:none}.nav-order-item{cursor:default}}
/* Son 24 saat uyarısı: ortak web/telefon kabuğunda, form alanının dışında. */
.trial-ending-banner{margin:12px 20px 0;padding:14px 16px;border:1px solid var(--accent-ink);border-left:4px solid var(--accent-ink);border-radius:12px;background:var(--surface-soft);color:var(--ink);overflow-wrap:anywhere}
.trial-ending-banner strong{display:block;font-size:1rem}
.trial-ending-banner p{margin:6px 0 0;font-size:.88rem;line-height:1.55}
@media(max-width:700px){.trial-ending-banner{margin:10px 12px 0;padding:12px}}