:root{--soft-canvas:#f6f5f2;--soft-surface:#fffefd;--soft-navy:#263b63;--soft-navy-deep:#1d3155;--soft-text:#334155;--soft-muted:#718096;--soft-coral:#ef766f;--soft-blue:#527bc7;--soft-line:#e6e8ed;--soft-shadow:0 12px 34px rgba(38,59,99,.08),0 2px 8px rgba(38,59,99,.04);--soft-font:Inter,"IBM Plex Sans","Aptos","Segoe UI",sans-serif}
html,body{font-family:var(--soft-font)!important;background:var(--soft-canvas)!important;color:var(--soft-text)!important}.app-shell{background:var(--soft-canvas)!important}.sidebar{margin:12px 0 12px 12px!important;height:calc(100vh - 24px)!important;border-radius:18px!important;background:var(--soft-navy-deep)!important;border:0!important;box-shadow:0 18px 46px rgba(29,49,85,.18)!important;overflow:hidden}.app-shell>main{min-width:0}
.brand{padding:20px 18px!important}.brand-mark{border-radius:12px!important;background:linear-gradient(145deg,#6d92d5,#3d68b8)!important}.nav-item,.tw-nav-item{margin:3px 8px;width:calc(100% - 16px)!important;border-radius:12px!important;padding-block:10px!important}.nav-item.active,.tw-nav-item-active{background:rgba(255,255,255,.13)!important;box-shadow:none!important}.menu-group>summary{margin:3px 8px;border-radius:12px;padding:11px 12px!important}.menu-group>summary:hover,.settings-menu-group>summary:hover{background:rgba(255,255,255,.06)}.settings-menu-group>summary{display:grid!important;grid-template-columns:24px minmax(0,1fr) 14px!important;align-items:center!important;gap:7px!important;margin:3px 8px!important;padding:9px 10px!important;border-radius:10px}.settings-group-icon{display:grid!important;width:22px;height:22px;place-items:center;border-radius:7px;background:rgba(255,255,255,.09);color:#bdd1f4;font-size:12px}.settings-subnav{border-left:0!important;padding-left:6px!important}.settings-menu-group .menu-items{padding-left:15px!important}.settings-menu-group .nav-item{font-size:11px!important;color:#b9c8df!important}
.topbar{margin:12px 12px 0 12px!important;border-radius:16px 16px 0 0!important;background:var(--soft-navy)!important;border:0!important}.contextbar{margin:0 12px!important;padding-inline:24px!important}.content{margin:0 12px 12px!important;background:var(--soft-canvas)!important;border-radius:0 0 16px 16px!important}.page-head h1,.customer-directory h1{font-weight:600!important;color:#26364f!important}.page-head p{color:var(--soft-muted)!important}
.tw-card,.card,.panel,.price-workspace,.customer-crm,.metric-card,.dashboard-card,.dashboard-widget,.analytics-widget{border:1px solid rgba(230,232,237,.86)!important;border-radius:16px!important;background:var(--soft-surface)!important;box-shadow:var(--soft-shadow)!important}.tw-card.p-6{padding:28px!important}.primary,.tw-button-primary{border:0!important;border-radius:12px!important;background:linear-gradient(145deg,#6088d0,#3f6dbc)!important;box-shadow:0 8px 18px rgba(63,109,188,.19)!important;font-weight:600!important}.primary:hover,.tw-button-primary:hover{background:linear-gradient(145deg,#557fc9,#365fa9)!important;transform:translateY(-1px)}.secondary,.tw-button-secondary{border:1px solid var(--soft-line)!important;border-radius:12px!important;background:#fff!important;color:#45556d!important;box-shadow:0 5px 14px rgba(38,59,99,.05)!important}
input:not([type=checkbox]):not([type=radio]),select,textarea,.tw-input{border-color:var(--soft-line)!important;border-radius:12px!important;background:#fff!important}.form-error,[role=alert]{color:#d85f59!important}.action-danger-button{background:var(--soft-coral)!important;border-radius:12px!important}.badge,.status-badge,.quote-count-badge{border-radius:999px!important}
thead th,.grid-head{background:#f7f7f5!important;border:0!important}.grid-row{border-color:#eef0f3!important;min-height:54px}tbody td{padding-block:15px!important;border-color:#eef0f3!important}tbody tr:hover,.grid-row:not(.grid-head):hover{background:#fafbfd!important}.category-group>summary,.subcategory-group>summary,.price-toolbar,.grid-tools,.quote-builder-context,.quote-panel-title{background:#f9f9f7!important}
.form-drawer,.product-drawer,.quote-builder,.preview-drawer{border-radius:20px 0 0 20px!important;box-shadow:-20px 0 55px rgba(38,59,99,.17)!important}.form-drawer-backdrop,.product-drawer-backdrop,.quote-builder-backdrop,.preview-backdrop{background:rgba(38,49,70,.36)!important}.login-shell{background:#f2f4f7!important}.login-card{border:0!important;border-radius:20px!important;box-shadow:0 24px 70px rgba(38,59,99,.13)!important}
/* Sabit uygulama kabuğu: içerik ve navigasyon birbirinden bağımsız kayar. */
.app-shell:not(.hidden){height:100vh!important;min-height:0!important;overflow:hidden!important}.app-shell>main{height:100vh!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.topbar,.contextbar{flex:0 0 auto!important}.content{width:auto!important;max-width:none!important;min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}
.sidebar{display:flex!important;flex-direction:column!important;min-height:0!important}.sidebar>.brand,.sidebar>.sidebar-personalization,.sidebar>.sidebar-footer{flex:0 0 auto!important}.sidebar>nav{display:block!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;padding:8px 0 18px!important;scrollbar-gutter:stable}.sidebar>nav::-webkit-scrollbar{width:7px}.sidebar>nav::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:rgba(255,255,255,.22);background-clip:padding-box}.sidebar>nav{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.24) transparent}
/* Genel form yüzeyi üst bardaki koyu arama alanını ezmemeli. */
.topbar .global-search{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:none!important}.topbar .global-search:focus-within{background:rgba(255,255,255,.12)!important;border-color:rgba(191,219,254,.7)!important}.topbar .global-search input[type="search"]{min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important}.topbar .global-search input[type="search"]::placeholder{color:#becbe0!important}.topbar .global-search input[type="search"]:focus{border:0!important;box-shadow:none!important}.topbar .global-search kbd{background:rgba(255,255,255,.06)!important}
@media(max-width:850px){.sidebar{margin:0!important;height:100vh!important;border-radius:0!important}.topbar{margin:0!important;border-radius:0!important}.contextbar,.content{margin-inline:0!important}.content{border-radius:0!important}.tw-card.p-6{padding:20px!important}.app-shell>main{height:100dvh!important}}
@media(prefers-reduced-motion:reduce){.primary:hover,.tw-button-primary:hover{transform:none!important}}