/* Shared interior surfaces. Editing controls never tilt or move on hover. */
.ybm-app-ui{background:linear-gradient(135deg,#eef5fb 0%,#f6f8fc 55%,#eaf4f8 100%)}
.ybm-app-ui .ybm-sidebar{background:linear-gradient(165deg,#fff 0%,#f4f9fd 100%);border-right:1px solid #d8e7f0;box-shadow:4px 0 24px #153e6510}
.ybm-app-ui .ybm-topbar{background:rgba(255,255,255,.97);border-bottom:1px solid #d8e7f0;box-shadow:0 4px 18px #23456808}
.ybm-app-ui .ybm-content{background:transparent}
.ybm-app-ui :is(.ybm-card,.smart-card,.teklif-kart){border-color:#d8e6ef;border-radius:14px;background:linear-gradient(145deg,#fff,#fafdff);box-shadow:0 7px 24px #214b7310,inset 0 1px 0 #fff}
.ybm-app-ui .stat-card{border-radius:14px;box-shadow:0 6px 20px #2049690d}
.ybm-app-ui .card-title,.ybm-app-ui .topbar-title{color:#153f60}
.ybm-app-ui .stat-icon{box-shadow:inset 0 1px 0 #ffffffa8,0 3px 8px #153e6510}
.ybm-app-ui .ybm-table th{background:#edf5fa;color:#1d4c70}
.ybm-app-ui .ybm-table tbody tr:hover{background:#f0f8fd}
.ybm-app-ui :is(input,select,textarea):focus-visible{outline:2px solid #2386b5;outline-offset:2px}
.ybm-app-ui :is(a,button):focus-visible{outline:2px solid #2386b5;outline-offset:3px}
.ybm-app-ui .smart-option{background:linear-gradient(130deg,#f5fafe,#fff);border-color:#d6e6f0}
.ybm-app-ui .smart-sticky{box-shadow:0 -5px 20px #214b730c;border-radius:12px 12px 0 0}
@media(min-width:1025px){.ybm-app-ui .ybm-topbar{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}
@media(max-width:1024px){
 .ybm-app-ui .ybm-main{min-width:0;max-width:100%}
 .ybm-app-ui :is(.ybm-card,.smart-card,.teklif-kart){box-shadow:0 3px 12px #214b730c;border-radius:12px}
 .ybm-app-ui .ybm-topbar{backdrop-filter:none;-webkit-backdrop-filter:none}
 .ybm-app-ui .card-header-row{gap:10px;flex-wrap:wrap}
 .ybm-app-ui :is(.ybm-table-wrap,.table-responsive){overscroll-behavior-inline:contain}
 .ybm-app-ui .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ybm-app-ui .stat-card{min-width:0}
 .ybm-app-ui .stat-value{overflow-wrap:anywhere}
}
@media(max-width:360px){.ybm-app-ui .stats-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.ybm-app-ui .stat-card{transition:none;transform:none!important}}
@media print{
 .ybm-app-ui{background:#fff}
 .ybm-app-ui :is(.ybm-sidebar,.ybm-topbar,.sidebar-resizer,.ybm-sidebar-backdrop){display:none!important}
 .ybm-app-ui .ybm-main{margin:0!important;width:100%}
 .ybm-app-ui :is(.ybm-card,.smart-card,.teklif-kart,.stat-card){background:#fff!important;box-shadow:none!important;transform:none!important}
}
/* Complete depth system: visible on desktop, phones and tablets. */
.ybm-brand-art{mix-blend-mode:multiply;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.ybm-depth-ui{--ui-edge:#c1dbea;--ui-shadow:#1b527224}
.ybm-depth-ui :is(.ybm-card,.smart-card,.teklif-kart,.custom-card,.card,.login-card){border:1px solid var(--ui-edge);border-bottom:4px solid #bed5e4;border-radius:18px;background:linear-gradient(130deg,#fff 10%,#f1f8fc 100%);box-shadow:0 12px 26px var(--ui-shadow),0 2px 0 #ffffff inset,0 -1px 0 #ffffffa8 inset}
.ybm-depth-ui :is(.stat-card,.card.stat){border:1px solid #b9d6e8;border-bottom:5px solid #a8c9df;background:radial-gradient(ellipse at 95% 0,#c9edff 0,transparent 60%),linear-gradient(145deg,#fff,#e9f5fd);box-shadow:0 10px 18px #175d8426,inset 0 2px 0 #fff}
.ybm-depth-ui .stat-icon{border-radius:12px!important;border:1px solid #ffffffbb;box-shadow:3px 4px 0 #19598622,inset 0 1px 1px #fff;transform:perspective(250px) rotateY(-14deg) rotateX(7deg)}
.ybm-depth-ui :is(.btn,.btn-primary,.btn-success,.btn-warning,.hero-action){box-shadow:0 4px 0 #123c582e,0 7px 12px #123c5818;transition:transform .15s,box-shadow .15s}
.ybm-depth-ui :is(.btn,.btn-primary,.btn-success,.btn-warning,.hero-action):active{transform:translateY(3px);box-shadow:0 1px 0 #123c582e}
.ybm-app-ui .ybm-topbar{position:relative;background:linear-gradient(115deg,#e5f4fe,#fff 55%,#d9effb);border-bottom:1px solid #b5d4e7;box-shadow:0 5px 16px #21537116;min-height:68px;padding-right:24px;isolation:isolate}
.ybm-app-ui .topbar-title{font-weight:800;letter-spacing:-.3px}
.ybm-app-ui .ybm-topbar>:not(.depth-header-cube){position:relative;z-index:1}
.depth-header-cube{position:absolute;pointer-events:none;right:30%;top:13px;width:35px;height:35px;opacity:.75;filter:drop-shadow(5px 7px 3px #14518120)}
.depth-header-cube i{position:absolute;display:block;width:26px;height:26px;border:1px solid #50afd577;background:#a1dcf3;transform:skewY(30deg);left:0;top:9px}
.depth-header-cube i:nth-child(2){left:26px;transform:skewY(-30deg);background:#459bc8}
.depth-header-cube i:nth-child(3){left:13px;top:-13px;transform:rotate(-30deg) skewX(30deg) scaleY(.866);background:#c6efff}
.ybm-app-ui .sidebar-brand{background:#fff;box-shadow:0 5px 14px #2153710d;position:relative}
.ybm-app-ui .sidebar-nav .nav-item{border-radius:11px;margin:3px 9px;padding-top:11px;padding-bottom:11px;transition:box-shadow .18s,background .18s}
.ybm-app-ui .sidebar-nav .nav-item.active{background:linear-gradient(125deg,#e5f5ff,#f6fcff);box-shadow:inset 3px 0 #2b9bd0,0 4px 9px #1f5d7917;border:1px solid #c5e5f3}
.ybm-auth-ui{position:relative;isolation:isolate;background:radial-gradient(ellipse at 20% 20%,#daeefa,transparent 50%),linear-gradient(135deg,#ecf6fd,#d0e6f6)!important;min-height:100dvh}
.ybm-auth-ui>.depth-scene{position:fixed;inset:0;z-index:-1;opacity:.85}
.ybm-auth-ui .login-card{background:linear-gradient(140deg,#fff,#f5fbff)!important;border-top:5px solid #37a4d0;box-shadow:0 22px 55px #1d54743b,0 5px 0 #b4d2e7,inset 0 2px 0 #fff!important}
.ybm-auth-ui .depth-toggle{position:fixed;bottom:18px;right:18px;color:#175577}
.ybm-auth-ui .depth-object{right:12%;top:24%;--size:96px}
.ybm-auth-ui .depth-object:nth-child(2){right:78%;top:63%;--size:52px}
.ybm-auth-ui .depth-object:nth-child(3){right:75%;top:17%;--size:40px}
.ybm-auth-ui .depth-face{border-color:#4c9ec56b;background:linear-gradient(130deg,#bcecffc2,#4293bd7a)}
.ybm-auth-ui .depth-orbit{right:5%;top:40%;border-color:#69afd577}
@media(hover:hover) and (pointer:fine){.ybm-depth-ui [data-depth-card]:hover{border-color:#5eb5db;box-shadow:0 17px 27px #175d8438,0 0 0 1px #8dd7f4,inset 0 2px 0 #fff}}
@media(max-width:1024px),(pointer:coarse){
 .ybm-depth-ui :is(.ybm-card,.smart-card,.teklif-kart,.custom-card,.card,.login-card){border-bottom-width:4px;box-shadow:0 7px 15px #175d8425,inset 0 2px 0 #fff}
 .ybm-depth-ui .stat-card{box-shadow:0 7px 12px #175d8430;border-bottom-width:5px}
 .ybm-app-ui .ybm-topbar{min-height:62px;padding-right:14px}
 .depth-header-cube{right:45%;transform:scale(.7);opacity:.55}
 .ybm-auth-ui>.depth-scene{opacity:.65}
 .ybm-auth-ui .depth-object{right:8%;top:8%;transform:scale(.7)}
 .ybm-depth-ui [data-depth-card].depth-pressed{transform:perspective(800px) rotateX(2deg) scale(.99);box-shadow:0 3px 6px #175d8430}
}
@media(prefers-reduced-motion:reduce){.ybm-depth-ui [data-depth-card].depth-pressed,.ybm-depth-ui .btn:active{transform:none}.ybm-depth-ui *{scroll-behavior:auto}}
@media print{.depth-header-cube{display:none}.ybm-depth-ui :is(.card,.ybm-card,.smart-card,.login-card,.teklif-kart){box-shadow:none!important;border-bottom-width:1px!important;background:#fff!important}.ybm-brand-art{mix-blend-mode:normal}}
/* Normalize near-white scan pixels before compositing onto the surrounding surface. */
.ybm-brand-art{filter:brightness(1.045) contrast(1.015)}
@media(max-width:600px){
 .ybm-auth-ui{height:auto!important;min-height:100dvh;padding:24px 16px!important;box-sizing:border-box}
 .ybm-auth-ui .login-card{position:relative;width:100%!important;max-width:440px!important;margin:20px auto!important;padding:28px 24px!important}
 .ybm-auth-ui .login-card::before{content:"";position:absolute;right:20px;top:20px;width:22px;height:22px;border:1px solid #99d4ed;background:linear-gradient(140deg,#dcf5ff,#7ac6e6);transform:perspective(150px) rotateX(22deg) rotateY(-32deg) rotateZ(12deg);box-shadow:4px 4px 0 #468dbd55;pointer-events:none}
}
.ybm-depth-ui .btn-ybm{box-shadow:0 4px 0 #164b6429,0 7px 12px #184b651a;transition:transform .14s,box-shadow .14s}
.ybm-depth-ui .btn-ybm:active{transform:translateY(3px);box-shadow:0 1px 0 #164b6429}
.ybm-depth-ui .teknisyen-header.auto-hide:not(.hidden){max-height:300px;box-shadow:0 7px 14px #175d8420}
@media(max-width:1024px){.ybm-app-ui .depth-header-cube{right:22px;top:15px;transform:scale(.65)}}
@media(prefers-reduced-motion:reduce){.ybm-depth-ui .btn-ybm:active{transform:none}}
.ybm-depth-ui :is(.kart,.reset-card,.panel){border:1px solid #b9d8e9;border-bottom:4px solid #aacbdf;border-radius:18px;background:linear-gradient(130deg,#fff,#eff8fd);box-shadow:0 12px 25px #164e7226,inset 0 2px 0 #fff}
.ybm-depth-ui:has(.page-logo){background:linear-gradient(135deg,#e9f5fc,#d7ebf7)!important}
.ybm-depth-ui .logo-wrap{color:#17557a}
.ybm-depth-ui .hero[data-depth-hero]{position:relative}
@media print{.ybm-depth-ui :is(.kart,.reset-card,.panel){box-shadow:none!important;background:#fff!important;border-bottom-width:1px!important}}
/* Give blended artwork a painted root backdrop, including standalone body gradients. */
html:has(body.ybm-depth-ui){background:#e8f3fc}
@media(max-width:600px){.ybm-depth-ui .page-logo{width:125px}.ybm-depth-ui:has(>.page-logo) .card{margin-top:125px!important}}
@media print{html:has(body.ybm-depth-ui){background:#fff}}