/* Uzman Çözümler · Netlik / identity 1.0. Layout and behavior stay in their modules. */
@import url('/brand/tokens.css');
:root{color-scheme:light;font-family:var(--font-ui);font-size:14px;--bg:var(--surface-page);--ink:var(--text-strong);--muted:var(--text-muted);--purple:var(--action);--soft:var(--surface-accent);--border:var(--line);--white:#fff;--green:var(--positive);--danger:var(--negative);font-synthesis:none}
body{background:var(--surface-page);color:var(--text-strong);line-height:1.55;font-weight:500}button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{touch-action:manipulation}a{color:var(--action)}
:where(.form-row,.finance-filter,.finance-form-grid,.two-col)>*{min-width:0}input,select,textarea{max-width:100%}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid var(--focus);outline-offset:1px}::selection{background:#ccdefb;color:var(--text-strong)}
.brand{display:block;flex-shrink:0;line-height:1}.brand-logo{display:block;width:188px;height:48px;max-width:100%;object-fit:contain;object-position:left center}.brand-mark{background:var(--action)}
.shell{grid-template-columns:252px minmax(0,1fr)}.sidebar{padding:28px 20px;gap:24px;background:#fff}.sidebar .brand{padding:4px 6px}.workspace{border-color:var(--line);padding:13px 11px;background:var(--surface-page)}.workspace strong{font-size:13px}.workspace small{font-size:12px;color:var(--text-muted)}.workspace-icon{background:var(--surface-accent);color:var(--action);border-radius:10px}
.nav-label{font-size:11px;color:var(--text-muted);letter-spacing:.12em}.nav-item{min-height:46px;font-size:13px;font-weight:600;color:var(--text-muted);border-radius:10px;gap:10px;transition:background .15s,color .15s}.nav-item:hover{background:var(--surface-page);color:var(--text-strong)}.nav-item.active{color:var(--action);background:var(--surface-accent);box-shadow:inset 3px 0 var(--action)}.nav-item>span:first-child{font-size:20px}
.sidebar-note{background:var(--surface-page);border:1px solid var(--line);color:var(--text-muted);font-size:12px}.sidebar-note strong{font-size:13px;color:var(--text-strong)}.status-dot{background:var(--positive)}
.demo-strip{background:var(--surface-accent);color:var(--text-muted);font-size:11px;letter-spacing:.035em}.topbar{min-height:82px;font-size:13px}.breadcrumb{color:var(--text-muted)}.top-controls label{font-size:12px}.top-controls select{font-size:13px}.page-heading{padding:30px 0 26px;align-items:center}.page-heading p{font-size:14px;line-height:1.65;max-width:62ch}.eyebrow{font-size:11px;letter-spacing:.12em;color:var(--text-muted);font-weight:750}
h1{font-size:clamp(26px,2.3vw,34px);font-weight:750;line-height:1.2;letter-spacing:-.045em}h2{font-size:20px;font-weight:750;line-height:1.35;letter-spacing:-.035em}h3{font-size:16px;font-weight:700;line-height:1.4}
.button{min-height:46px;border-radius:10px;padding:12px 17px;font-size:13px;line-height:1.45;font-weight:700;transition:background .15s,box-shadow .15s;white-space:normal;text-decoration:none}.primary{background:var(--action);color:#fff;box-shadow:0 2px 3px #132d4610}.primary:hover:not(:disabled){background:var(--action-hover)}.secondary{background:var(--surface-secondary);color:var(--text-strong);box-shadow:inset 0 0 0 1px var(--line)}.secondary:hover:not(:disabled){background:#e1e9f3}.danger{background:var(--negative-soft);color:var(--negative)}.ink{background:var(--text-strong);color:#fff}.ink:hover:not(:disabled){background:#204561}
.tiny-button,.icon-button{min-height:44px;min-width:44px;font-size:12px;color:var(--text-muted);border-radius:9px}.icon-button{font-size:25px;background:var(--surface-secondary)}.text-button{color:var(--action);font-size:13px;min-height:44px;text-align:left;line-height:1.5}.scopebar{font-size:12px;gap:12px;flex-wrap:wrap}.scopebar select{min-height:44px;font-size:14px}.access-tag{color:var(--text-strong);background:var(--surface-secondary);font-size:11px;padding:7px 10px}
.stats{gap:18px}.stats article{border-radius:16px;padding:22px 24px;box-shadow:var(--shadow-card)}.stats article>span{font-size:13px;color:var(--text-muted)}.stats strong{font-size:36px;line-height:1.2;font-weight:750;font-variant-numeric:tabular-nums}.stats small{font-size:12px;color:var(--text-muted)}
.card{border-radius:16px;padding:24px;box-shadow:var(--shadow-card)}.card-title input{font-size:13px;min-height:44px}.list-head{font-size:11px;color:var(--text-muted)}.appointment-person strong,.appointment-person .name-button{font-size:14px}.appointment-person small{font-size:12px;color:var(--text-muted);line-height:1.6}.appointment-time{font-size:17px;font-variant-numeric:tabular-nums}.tag{font-size:12px;background:var(--surface-accent);color:var(--action);font-weight:600}.tag.green{background:var(--positive-soft);color:var(--positive)}.tag.gray{background:var(--surface-secondary);color:var(--text-muted)}
.card-foot,.progress-card p,.progress-card small,.help,.optional{font-size:12px;color:var(--text-muted);line-height:1.7}.empty{font-size:14px;color:var(--text-muted)}.empty strong{color:var(--text-strong)}.feedback,.form-error,.inline-status{font-size:14px;line-height:1.7}.feedback{background:var(--positive-soft);color:var(--positive)}.feedback.error,.form-error{color:var(--negative)}.feedback.error{background:var(--negative-soft)}
.command-card{background:#edf5f5;border:1px solid #c9e3df;border-radius:16px;padding:26px}.command-badge{color:var(--positive);font-size:11px;font-weight:800;letter-spacing:.09em}.command-card h2{color:var(--text-strong);font-size:23px;line-height:1.35}.command-card p,.command-card label,.command-card small{color:var(--text-muted);font-size:13px;line-height:1.75}.command-card textarea{background:#fff;border-color:#b5cecb}.command-card .text-button{color:var(--positive)}
label{font-size:13px;font-weight:650;color:var(--text-strong)}input,select,textarea{font-size:14px;line-height:1.5;border-color:var(--line-strong);border-radius:10px;color:var(--text-strong);background:#fff}input:not([type=checkbox]):not([type=radio]),select{min-height:46px}input[type=checkbox],input[type=radio]{accent-color:var(--action)}
dialog{border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 80px #132d4638}dialog::backdrop{background:#10273980;backdrop-filter:blur(4px)}.dialog-header{padding:24px 24px 16px}.dialog-body{padding:0 24px 24px}.dialog-footer{padding:16px 24px}.dialog-header h2{font-size:21px}.dialog-footer .button{min-height:46px}.segmented{background:var(--surface-page)}.segmented label{font-size:13px;min-height:44px}.segmented input{min-height:0}dt{font-size:13px}dd{font-size:14px}
.person-row p,.history-row small,.audit-row time,.audit-row p,.module-item small{font-size:12px;color:var(--text-muted)}.person-row strong,.history-row strong,.audit-row strong,.name-button{font-size:14px}.field-preview{font-size:12px}.field-preview span{background:var(--surface-accent);color:var(--text-muted)}.conversion-box{background:var(--surface-accent)}footer{color:var(--text-muted);font-size:12px;line-height:1.7}
.auth-layout{grid-template-columns:minmax(340px,46%) minmax(0,1fr)}.auth-story{background:var(--text-strong);color:#fff;padding:48px clamp(32px,5vw,88px);position:relative;overflow:hidden}.auth-story:after{content:'';position:absolute;width:320px;height:320px;right:-150px;bottom:-160px;border:50px solid #24465e;border-radius:95px;transform:rotate(-18deg);pointer-events:none}.auth-story>div,.auth-story>small,.auth-story>.brand{position:relative;z-index:1}.auth-story h1{font-size:clamp(36px,4.2vw,62px);font-weight:650;line-height:1.12;letter-spacing:-.05em;margin:24px 0}.auth-story .eyebrow{color:#83d4c9}.auth-story p{color:#d3e1ef;font-size:16px}.auth-story small{color:#b8cadd;font-size:12px}.auth-points span{color:#83d4c9;font-size:13px}.auth-points strong{color:#dce8f5;font-size:14px}.auth-main{background:var(--surface-page)}.auth-card{max-width:440px}.auth-card h2{font-size:30px;line-height:1.25}.auth-card .help,.auth-switch{font-size:14px;color:var(--text-muted)}.auth-card input,.auth-card select{min-height:50px}.password-field button{color:var(--action);min-width:62px;font-size:13px}.auth-switch a{color:var(--action)}.auth-card form>.button{min-height:50px}.security-status,.invite-summary,.invite-result,.setup-checklist,.session-confirm{background:var(--surface-accent);border-color:var(--line);color:var(--text-strong)}
.booking-page .booking-shell{max-width:1140px}.booking-page .wordmark{display:block;letter-spacing:0}.booking-page .wordmark img{width:176px;height:44px;display:block}.booking-page .intro h1{font-weight:750}.booking-page .intro>p:last-child,.booking-page .hint,.booking-page .small,.booking-page .zone,.booking-page .header-note{color:var(--text-muted)}.booking-page .booking-card{border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-card)}.booking-page .section-title>span{color:var(--action);background:var(--surface-accent);border-color:var(--line);font-weight:700}.booking-page .slot{border-color:var(--line-strong);color:var(--text-strong);font-size:14px;min-height:48px}.booking-page .slot[aria-pressed=true]{background:var(--surface-accent);border-color:var(--action);color:var(--action)}.booking-page .periods button{min-height:44px;background:var(--surface-secondary);color:var(--text-muted)}.booking-page .periods button[aria-pressed=true]{background:var(--surface-accent);color:var(--action)}.booking-page .booking-note{background:#edf5f5;border:1px solid #c9e3df;border-radius:16px;padding:24px;color:var(--text-muted)}.booking-page .booking-note h2{color:var(--text-strong)}.booking-page .note-icon{color:var(--positive)}.booking-page .summary dt,.booking-page #slot-status,.booking-page #booking-success>p{color:var(--text-muted)}.booking-page .success-mark{background:var(--positive-soft);color:var(--positive)}.booking-page .consent input{min-height:19px;accent-color:var(--action)}.booking-page .form-error,.booking-page #page-error{color:var(--negative)}.booking-page footer strong{color:var(--text-strong)}
.startup{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-card)}.startup-brand{color:var(--action)}
@media(min-width:761px){.sidebar{height:100dvh;position:sticky;top:0;overflow-y:auto;scrollbar-width:thin}.demo-strip:not([hidden])~.shell .sidebar{height:calc(100dvh - 33px)}}
@media(max-width:1150px) and (min-width:761px){.shell{grid-template-columns:230px minmax(0,1fr)}.sidebar{padding:26px 16px}.brand-logo{width:180px}.page-heading{align-items:flex-start;flex-wrap:wrap}.stats article{padding:20px 17px}}
@media(max-width:760px){.shell{display:block}.sidebar{padding:18px 18px 0;gap:18px}.brand-logo{width:172px;height:44px}.sidebar .brand{padding:0}.nav-item{font-size:13px;min-height:48px;gap:7px;padding:12px}.nav-item.active{box-shadow:inset 0 -3px var(--action);border-radius:10px 10px 0 0}.demo-strip{font-size:10px;line-height:1.2}.topbar{min-height:70px}.top-controls select{font-size:13px;max-width:100%}.page-heading{padding:25px 0 22px}.page-heading p{font-size:14px}.page-heading .button{font-size:14px}.scopebar{gap:8px}.scopebar select{width:150px;font-size:16px}.access-tag{font-size:11px}.stats{gap:9px}.stats article{padding:15px 11px;border-radius:12px}.stats article>span{font-size:12px;min-height:38px;line-height:1.55}.stats strong{font-size:28px}.card{padding:20px 16px}.card-title{flex-wrap:wrap}.card-title input{font-size:14px;max-width:160px}.appointment-person strong,.appointment-person .name-button{font-size:14px}.appointment-person small{font-size:12px}.tag{font-size:11px}.command-card{padding:22px}.card-foot{font-size:12px}.form-row{gap:12px}.segmented{flex-wrap:wrap}.segmented label{font-size:13px}input,select,textarea{font-size:16px}.button,.tiny-button{min-height:46px}.dialog-header{padding:20px 18px 14px}.dialog-body{padding:0 18px 22px}.dialog-footer{padding:14px 18px;gap:8px}.dialog-header h2{font-size:20px}.dialog-footer .button{font-size:13px}.person-row .button{font-size:13px}.audit-row time,.audit-row p{font-size:13px}.booking-page .booking-shell{padding:0 18px}.booking-page header{gap:12px;flex-wrap:wrap}.booking-page .header-note{display:none}.booking-page .wordmark img{width:158px;height:40px}.booking-page .zone{font-size:12px}.booking-page .booking-card{padding:22px 18px}.booking-page .intro h1{font-size:38px}.booking-page .booking-note{padding:24px}.booking-page .hint{font-size:13px}}
@media(max-width:700px){.auth-layout{display:block}.auth-story{padding:24px;min-height:94px}.auth-story:after{display:none}.auth-main{padding:34px 24px 48px}.auth-card h2{font-size:28px}.auth-card .eyebrow{font-size:11px}.account-label{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:420px){.finance-filter{grid-template-columns:minmax(0,1fr)}.finance-filter>button{grid-column:auto}}
