/* HYRA POS — Celadon claymorphism adaptation */
:root{
 --hyra-canvas:#e8edf7;--hyra-plate:#f3f6fd;--hyra-plate2:#eaf0fa;--hyra-sunk:#dce4f3;
 --hyra-ink:#232d3c;--hyra-muted:#67758b;--hyra-jade:#7ccfb0;--hyra-jade-ink:#2a7a62;
 --hyra-coral:#e8735c;--hyra-sky:#b7d4f5;--hyra-line:rgba(35,45,60,.10);
 --hyra-sidebar:270px;--hyra-header:78px;--hyra-radius:22px;
 --hyra-clay:0 18px 34px -20px rgba(35,45,60,.35),0 7px 14px -9px rgba(35,45,60,.16),inset 2px 3px 4px rgba(255,255,255,.95),inset -3px -5px 9px rgba(35,45,60,.08);
 --hyra-well:inset 4px 5px 11px -3px rgba(35,45,60,.18),inset -2px -3px 6px rgba(255,255,255,.9);
}
html{scroll-behavior:smooth}
body:not(.qr-order-page){
 background:var(--hyra-canvas)!important;color:var(--hyra-ink)!important;
 font-family:"Albert Sans",Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
body:not(.qr-order-page)::before{
 content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
 background:radial-gradient(48vw 40vw at 12% 6%,rgba(183,212,245,.5),transparent 62%),
 radial-gradient(40vw 36vw at 88% 22%,rgba(124,207,176,.3),transparent 64%),
 radial-gradient(52vw 44vw at 60% 96%,rgba(232,115,92,.12),transparent 66%);
}
body:not(.qr-order-page) .topbar,body:not(.qr-order-page) header.top{
 min-height:var(--hyra-header)!important;height:var(--hyra-header)!important;
 padding:0 28px!important;background:linear-gradient(180deg,rgba(254,254,255,.96),rgba(238,243,252,.94))!important;
 color:var(--hyra-ink)!important;border:1px solid rgba(255,255,255,.9)!important;
 border-radius:0 0 24px 24px!important;box-shadow:0 12px 28px -18px rgba(35,45,60,.35),inset 0 1px #fff!important;
 backdrop-filter:blur(16px);z-index:1000!important;
}
body:not(.qr-order-page) .brand h1{color:var(--hyra-ink)!important;font-size:21px!important;font-weight:650!important;letter-spacing:-.6px!important}
body:not(.qr-order-page) .brand span{color:var(--hyra-muted)!important;opacity:1!important;font-size:10px!important;letter-spacing:1px!important}
body:not(.qr-order-page) .user-area{color:var(--hyra-muted)!important;display:flex;align-items:center;gap:14px}
body:not(.qr-order-page) .logout,body:not(.qr-order-page) header.top a{
 color:var(--hyra-ink)!important;text-decoration:none!important;border:0!important;border-radius:999px!important;
 padding:10px 18px!important;background:linear-gradient(180deg,#fff 0%,#f5f8fd 46%,#e9effa 46.01%,#dee7f6 100%)!important;
 box-shadow:0 7px 14px -9px rgba(35,45,60,.5),inset 0 1px #fff!important;font-weight:700!important;
}
body:not(.qr-order-page) .logout:hover,body:not(.qr-order-page) header.top a:hover{transform:translateY(-2px);box-shadow:0 13px 20px -12px rgba(35,45,60,.55),inset 0 1px #fff!important}
body:not(.qr-order-page) .sidebar{
 top:var(--hyra-header)!important;width:var(--hyra-sidebar)!important;padding:24px 16px 30px!important;
 background:linear-gradient(160deg,#fafcff,#f3f6fd 50%,#eaf0fa)!important;border:0!important;
 border-right:1px solid rgba(255,255,255,.75)!important;box-shadow:8px 0 26px -22px rgba(35,45,60,.4)!important;
}
body:not(.qr-order-page) .sidebar-label{color:#8a97aa!important;font-size:10px!important;letter-spacing:1.5px!important;font-weight:800!important;padding:15px 12px 8px!important}
body:not(.qr-order-page) .menu-link,body:not(.qr-order-page) .supplier-submenu a{
 display:flex!important;align-items:center!important;gap:11px!important;min-height:44px;padding:10px 13px!important;
 margin:4px 0!important;border:1px solid transparent!important;border-radius:14px!important;
 color:#58677d!important;text-decoration:none!important;font-size:12px!important;font-weight:650!important;
 transition:transform .2s,box-shadow .2s,background .2s!important;
}
body:not(.qr-order-page) .menu-link:hover,body:not(.qr-order-page) .supplier-submenu a:hover{
 color:var(--hyra-jade-ink)!important;background:linear-gradient(180deg,#fff,#eaf0fa)!important;
 box-shadow:var(--hyra-well)!important;transform:translateX(2px)
}
body:not(.qr-order-page) .menu-link.active,body:not(.qr-order-page) .supplier-submenu a.active{
 color:#205c4a!important;background:linear-gradient(180deg,#b2e7d2 0%,#90d9bd 46%,#6bc5a5 46.01%,#52b492 100%)!important;
 box-shadow:0 10px 18px -12px rgba(42,122,98,.8),inset 0 1px rgba(255,255,255,.8),inset 0 -1px rgba(16,72,56,.25)!important;
 font-weight:800!important
}
body:not(.qr-order-page) .sidebar-subgroup{border-radius:15px;background:rgba(220,228,243,.42);margin:8px 0;padding:4px}
body:not(.qr-order-page) .sidebar-subgroup summary{cursor:pointer;padding:10px 12px;color:#67758b;font-size:11px;font-weight:800;letter-spacing:.5px}
body:not(.qr-order-page) .sidebar-user{border-top:1px solid var(--hyra-line)!important;color:var(--hyra-muted)!important;margin-top:24px!important;padding:18px 12px!important;font-size:11px!important}
body:not(.qr-order-page) .main,body:not(.qr-order-page) main.wrap{
 margin-left:var(--hyra-sidebar)!important;padding:calc(var(--hyra-header) + 30px) 30px 34px!important;
 min-height:100vh;box-sizing:border-box;position:relative;z-index:1
}
body:not(.qr-order-page) .page-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}
body:not(.qr-order-page) .page-title h2,body:not(.qr-order-page) .head h1{
 color:var(--hyra-ink)!important;font-weight:400!important;letter-spacing:-1px!important
}
body:not(.qr-order-page) .page-title p{color:var(--hyra-muted)!important}
body:not(.qr-order-page) .date-label{border-radius:999px;padding:10px 16px;background:var(--hyra-plate);box-shadow:var(--hyra-well);color:var(--hyra-muted)}
body:not(.qr-order-page) .section-title{color:var(--hyra-ink)!important;font-weight:650!important;letter-spacing:-.4px;margin:24px 0 14px!important}
body:not(.qr-order-page) .card,body:not(.qr-order-page) .panel,body:not(.qr-order-page) .stat-card,
body:not(.qr-order-page) .operation-card,body:not(.qr-order-page) .finance-card,
body:not(.qr-order-page) .stock-summary-card,body:not(.qr-order-page) .daily-total-card{
 background:linear-gradient(160deg,#fafcff 0%,#f3f6fd 48%,#eaf0fa 100%)!important;
 border:1px solid rgba(255,255,255,.9)!important;border-radius:21px!important;
 box-shadow:var(--hyra-clay)!important;color:var(--hyra-ink)!important
}
body:not(.qr-order-page) .operation-card,body:not(.qr-order-page) .stat-card{padding:19px!important}
body:not(.qr-order-page) .operation-card .label,body:not(.qr-order-page) .stat-card .label,
body:not(.qr-order-page) .daily-total-card small,body:not(.qr-order-page) .finance-card small{color:var(--hyra-muted)!important}
body:not(.qr-order-page) .operation-card .number,body:not(.qr-order-page) .stat-value,
body:not(.qr-order-page) .finance-card strong,body:not(.qr-order-page) .daily-total-card strong{color:var(--hyra-ink)!important}
body:not(.qr-order-page) .operation-card .number.green{color:#2a9472!important}
body:not(.qr-order-page) .operation-card .number.red{color:#d66d5a!important}
body:not(.qr-order-page) .panel-header{border-bottom:1px solid var(--hyra-line)!important}
body:not(.qr-order-page) .panel-header h3{color:var(--hyra-ink)!important}
body:not(.qr-order-page) .btn,body:not(.qr-order-page) button:not(.sidebar-toggle):not(.hyra-menu-toggle):not(.close),
body:not(.qr-order-page) input[type=submit],body:not(.qr-order-page) .finance-btn{
 border:0!important;border-radius:999px!important;padding:10px 18px!important;
 background:linear-gradient(180deg,#fff 0%,#f5f8fd 46%,#e9effa 46.01%,#dee7f6 100%)!important;
 color:var(--hyra-ink)!important;box-shadow:0 9px 16px -12px rgba(35,45,60,.55),inset 0 1px #fff!important;
 font-weight:700!important;cursor:pointer;transition:transform .2s,box-shadow .2s
}
body:not(.qr-order-page) button:hover,body:not(.qr-order-page) .btn:hover,body:not(.qr-order-page) .finance-btn:hover{
 transform:translateY(-2px);box-shadow:0 15px 22px -13px rgba(35,45,60,.55),inset 0 1px #fff!important
}
body:not(.qr-order-page) .btn-primary,body:not(.qr-order-page) .primary,body:not(.qr-order-page) button[type=submit],
body:not(.qr-order-page) .finance-form button{
 background:linear-gradient(180deg,#b2e7d2 0%,#90d9bd 46%,#6bc5a5 46.01%,#52b492 100%)!important;
 color:#174c3c!important;box-shadow:0 10px 18px -12px rgba(42,122,98,.85),inset 0 1px rgba(255,255,255,.8)!important
}
body:not(.qr-order-page) input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
body:not(.qr-order-page) select,body:not(.qr-order-page) textarea{
 border:1px solid rgba(255,255,255,.95)!important;border-radius:13px!important;padding:11px 13px!important;
 background:#eaf0fa!important;color:var(--hyra-ink)!important;box-shadow:var(--hyra-well)!important;outline:none
}
body:not(.qr-order-page) input:focus,body:not(.qr-order-page) select:focus,body:not(.qr-order-page) textarea:focus{
 border-color:rgba(42,122,98,.45)!important;box-shadow:0 0 0 3px rgba(124,207,176,.2),var(--hyra-well)!important
}
body:not(.qr-order-page) table{border-collapse:separate!important;border-spacing:0!important}
body:not(.qr-order-page) thead th{background:#e4ebf7!important;color:#5c6b80!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.5px}
body:not(.qr-order-page) th,body:not(.qr-order-page) td{border-color:rgba(35,45,60,.08)!important}
body:not(.qr-order-page) tbody tr:hover{background:rgba(183,212,245,.16)!important}
body:not(.qr-order-page) .footer{color:#8996a9!important;border-top:1px solid var(--hyra-line)!important}
body:not(.qr-order-page) .sidebar-toggle{background:#eaf0fa!important;color:var(--hyra-ink)!important;border:0!important;border-radius:12px!important;box-shadow:var(--hyra-well)!important}
body:not(.qr-order-page) .sidebar-overlay{background:rgba(35,45,60,.28)!important}
body:not(.qr-order-page) .login-card{
 background:linear-gradient(160deg,#fafcff,#f3f6fd 48%,#eaf0fa)!important;border:1px solid #fff!important;
 border-radius:28px!important;box-shadow:var(--hyra-clay)!important
}
body:not(.qr-order-page) .login-card .brand h1{color:var(--hyra-jade-ink)!important}
body:not(.qr-order-page) .login-card button[type=submit]{width:100%;padding:14px!important}
body:not(.qr-order-page) .app-brand-logo{border-radius:12px!important;box-shadow:var(--hyra-clay)!important}
.celadon-credit{position:relative;z-index:2;text-align:center;padding:9px 12px;color:#8996a9;font:10px/1.4 "Albert Sans",sans-serif}
.celadon-credit a{color:#2a7a62;text-decoration:none;font-weight:700}
@media(max-width:900px){
 body:not(.qr-order-page) .sidebar{transform:translateX(-105%);transition:transform .28s ease;width:min(290px,84vw)!important}
 body.hyra-sidebar-open:not(.qr-order-page) .sidebar,body.sidebar-open:not(.qr-order-page) .sidebar{transform:translateX(0)}
 body:not(.qr-order-page) .main,body:not(.qr-order-page) main.wrap{margin-left:0!important;padding:calc(var(--hyra-header) + 22px) 16px 26px!important}
 body:not(.qr-order-page) .user-area{gap:8px;font-size:11px}
}
@media(max-width:600px){
 body:not(.qr-order-page) .topbar,body:not(.qr-order-page) header.top{padding:0 13px!important;border-radius:0 0 17px 17px!important}
 body:not(.qr-order-page) .brand h1{font-size:16px!important}
 body:not(.qr-order-page) .brand span{display:none!important}
 body:not(.qr-order-page) .user-area>span{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body:not(.qr-order-page) .logout{padding:8px 11px!important;font-size:10px}
 body:not(.qr-order-page) .page-title{align-items:flex-start;flex-direction:column}
 body:not(.qr-order-page) .main,body:not(.qr-order-page) main.wrap{padding-left:12px!important;padding-right:12px!important}
}