/* OIIO SOFTWARE shared Mavi Kartlar theme. Loaded after each application's base CSS. */
body.eo-blue-cards {
  --eo-card-blue:#155ed5; --eo-card-blue-hover:#104bb0; --eo-card-ink:#294669;
  --eo-card-line:#d0dff1; --eo-card-soft:#f4f8fe; --eo-card-icon:#eaf2ff;
}
.eo-blue-cards :is(.sidebar,.staff-sidebar,.customer-sidebar,.acc-sidebar),
.eo-blue-cards.eo-dental-panel .shell>aside {
  background:var(--eo-card-soft);border-right:1px solid var(--eo-card-line);color:var(--eo-card-ink);
}
.eo-blue-cards :is(.sidebar-brand,.staff-sidebar>.side-logo,.customer-sidebar>a:first-child,.acc-sidebar>.acc-brand),
.eo-blue-cards.eo-dental-panel .shell>aside>.brand {
  background:var(--eo-card-blue);border:1px solid var(--eo-card-blue);border-radius:14px;
  padding:18px 14px;color:#fff;display:flex;align-items:center;justify-content:center;
}
/* Keep the supplied logo and its own colors readable on the blue brand tile. */
.eo-blue-cards :is(.sidebar-logo,.staff-logo-img,.customer-logo),
.eo-blue-cards.eo-dental-panel .shell>aside>.brand img {
  background:var(--eo-theme-surface,#fff);border-radius:10px;object-fit:contain;padding:6px;
}
.eo-blue-cards .sidebar-brand{margin:14px 12px 0}
.eo-blue-cards .staff-sidebar>.side-logo{margin:0 0 18px}
.eo-blue-cards .customer-sidebar>a:first-child{padding:14px}
.eo-blue-cards .customer-logo{margin:0 auto;width:140px;height:88px}
.eo-blue-cards .acc-sidebar>.acc-brand{justify-content:flex-start;gap:10px}
.eo-blue-cards .acc-brand{margin-inline:0;letter-spacing:0}
.eo-blue-cards .acc-brand small{color:var(--eo-theme-ink,#dceaff)}
.eo-blue-cards .sidebar-nav{padding:14px 12px}
.eo-blue-cards .admin-nav-group{border-bottom-color:var(--eo-card-line)}
.eo-blue-cards .admin-nav-group>summary{color:var(--eo-theme-ink,#57718f)}
.eo-blue-cards .admin-nav-items{display:grid;gap:8px;padding-bottom:9px}
.eo-blue-cards .admin-nav-group:not([open])>.admin-nav-items{display:none}
.eo-blue-cards :is(.sidebar,.staff-sidebar,.customer-sidebar,.acc-sidebar) nav>a,
.eo-blue-cards .sidebar-nav .nav-item,
.eo-blue-cards.eo-dental-panel .shell>aside nav>a {
  display:flex;align-items:center;gap:11px;min-height:48px;padding:10px 12px;
  margin:0;border:1px solid var(--eo-card-line);border-radius:12px;background:var(--eo-theme-surface,#fff);
  color:var(--eo-card-ink);text-decoration:none;font-weight:500;line-height:1.45;
  box-shadow:0 3px 7px #173d6d08;transition:background .16s,border-color .16s,box-shadow .16s;
}
.eo-blue-cards :is(.staff-sidebar,.customer-sidebar,.acc-sidebar) nav,
.eo-blue-cards.eo-dental-panel .shell>aside nav{gap:9px}
.eo-blue-cards :is(.sidebar,.staff-sidebar,.customer-sidebar,.acc-sidebar) nav>a:hover,
.eo-blue-cards .sidebar-nav .nav-item:hover,
.eo-blue-cards.eo-dental-panel .shell>aside nav>a:hover {
  background:var(--eo-theme-surface,#edf4ff);border-color:var(--eo-theme-line,#91b4e8);color:var(--eo-theme-ink,#104fae);box-shadow:0 4px 10px #155ed512;
}
.eo-blue-cards :is(.sidebar,.staff-sidebar,.customer-sidebar,.acc-sidebar) nav>a:is(.active,[aria-current="page"]),
.eo-blue-cards .sidebar-nav .nav-item:is(.active,[aria-current="page"]),
.eo-blue-cards.eo-dental-panel .shell>aside nav>a[aria-current="page"] {
  background:var(--eo-card-blue);border-color:var(--eo-card-blue);color:#fff;
  box-shadow:0 5px 12px #155ed52b;font-weight:600;
}
.eo-blue-cards :is(.sidebar,.staff-sidebar,.customer-sidebar,.acc-sidebar) nav>a>i,
.eo-blue-cards .sidebar-nav .nav-item>i,
.eo-blue-cards.eo-dental-panel .shell>aside nav>a>i {
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;
  width:32px;height:32px;border-radius:9px;background:var(--eo-card-icon);color:var(--eo-theme-ink,#2865bf);font-size:15px;
}
.eo-blue-cards :is(.sidebar,.staff-sidebar,.customer-sidebar,.acc-sidebar) nav>a:is(.active,[aria-current="page"])>i,
.eo-blue-cards .sidebar-nav .nav-item:is(.active,[aria-current="page"])>i,
.eo-blue-cards.eo-dental-panel .shell>aside nav>a[aria-current="page"]>i {background:var(--eo-theme-surface,#ffffff26);color:#fff}
.eo-blue-cards .nav-item>.nav-badge{margin-left:auto;background:var(--eo-theme-surface,#e8f1ff);color:var(--eo-theme-ink,#174c9f)}
.eo-blue-cards .dental-nav-label{flex:1;min-width:0}
.eo-blue-cards .dental-nav-arrow{margin-left:auto;opacity:.65}
.eo-blue-cards .sidebar #navigation>a>svg,
.eo-blue-cards .acc-sidebar nav>a>span[aria-hidden="true"] {
  flex:0 0 32px;width:32px;height:32px;box-sizing:border-box;padding:7px;
  border-radius:9px;background:var(--eo-card-icon);color:var(--eo-theme-ink,#2865bf);
}
.eo-blue-cards .sidebar #navigation>a:is(.active,[aria-current="page"])>svg,
.eo-blue-cards .acc-sidebar nav>a[aria-current="page"]>span[aria-hidden="true"]{background:var(--eo-theme-surface,#ffffff26);color:#fff}
.eo-blue-cards .acc-sidebar nav>a>span[aria-hidden="true"]{display:grid;place-items:center;padding:0;font-size:20px}
.eo-blue-cards.eo-dental-panel .shell>aside>.brand{width:100%;max-width:none;margin:0}
.eo-blue-cards.eo-dental-panel .shell>aside>.brand img{width:150px;height:82px}
.eo-blue-cards.eo-dental-panel .shell>aside .mode{padding:0 10px;color:var(--eo-theme-ink,#466a99)}
.eo-blue-cards.eo-dental-panel .aside-foot{border-top:1px solid var(--eo-card-line);padding-top:20px}
.eo-blue-cards .dealer-nav {background:var(--eo-card-soft);border-block:1px solid var(--eo-card-line);gap:9px;padding:12px 20px}
.eo-blue-cards .dealer-nav>a,.eo-blue-cards .dealer-subnav>a {
  border:1px solid var(--eo-card-line);border-radius:12px;background:var(--eo-theme-surface,#fff);color:var(--eo-card-ink);
  padding:11px 15px;box-shadow:0 3px 7px #173d6d08;text-decoration:none;
}
.eo-blue-cards .dealer-nav>a:is(:hover,[aria-current="page"]){background:var(--eo-card-blue);border-color:var(--eo-card-blue);color:#fff}
.eo-blue-cards .dealer-nav>a>i{color:inherit}
.eo-blue-cards :is(.tab-links,.customer-tabs,.admin-platform-nav)>a {
  border:1px solid var(--eo-card-line);border-radius:10px;background:var(--eo-theme-surface,#fff);color:var(--eo-card-ink);box-shadow:0 3px 7px #173d6d08;
}
.eo-blue-cards :is(.tab-links,.customer-tabs,.admin-platform-nav)>a:is(.active,[aria-current="page"]){background:var(--eo-card-blue);color:#fff;border-color:var(--eo-card-blue)}
/* Explicit action classes only: destructive actions and icon-only toggles keep their meaning. */
.eo-blue-cards :is(.btn-primary,.btn-gold,.eo-button-primary,.customer-button,.staff-btn,.button,.btn):not(:is(.danger,.btn-danger,.btn-red,.secondary,.btn-secondary,.btn-ghost,.btn-outline,.ghost,.customer-button-outline,.outline,.quiet,.btn-success,.success)) {
  background:var(--eo-card-blue);color:#fff;border:1px solid var(--eo-card-blue);border-radius:12px;
  box-shadow:0 4px 10px #155ed520;
}
.eo-blue-cards :is(.btn-primary,.btn-gold,.eo-button-primary,.customer-button,.staff-btn,.button,.btn):not(:is(.danger,.btn-danger,.btn-red,.secondary,.btn-secondary,.btn-ghost,.btn-outline,.ghost,.customer-button-outline,.outline,.quiet,.btn-success,.success)):hover {
  background:var(--eo-card-blue-hover);border-color:var(--eo-card-blue-hover);color:#fff;
}
.eo-blue-cards :is(.btn-outline,.btn-ghost,.btn-secondary,.button.secondary,.staff-btn.ghost,.customer-button-outline) {
  border:1px solid var(--eo-card-line);border-radius:12px;background:var(--eo-theme-surface,#fff);color:var(--eo-card-blue);box-shadow:0 3px 7px #173d6d08;
}
.eo-blue-cards :is(.btn-outline,.btn-ghost,.btn-secondary,.button.secondary,.staff-btn.ghost,.customer-button-outline):hover {background:var(--eo-theme-surface,#edf4ff);border-color:var(--eo-theme-line,#91b4e8)}
.eo-blue-cards:is(.eo-dental-panel,.eo-accounting-panel) main button:not(:is(.quiet,.secondary,.danger,.tooth)),
.eo-blue-cards.eo-dental-login form>button {
  border:1px solid var(--eo-card-blue);border-radius:12px;background:var(--eo-card-blue);color:#fff;box-shadow:0 4px 10px #155ed520;
}
.eo-blue-cards:is(.eo-dental-panel,.eo-accounting-panel) main button:not(:is(.quiet,.secondary,.danger,.tooth)):hover,
.eo-blue-cards.eo-dental-login form>button:hover{background:var(--eo-card-blue-hover)}
.eo-blue-cards :is(.eo-glass-button,.eo-staff-button){border:1px solid var(--eo-card-line);border-radius:12px;background:var(--eo-theme-surface,#fff);color:var(--eo-card-blue);box-shadow:0 3px 7px #173d6d08}
.eo-blue-cards :is(.eo-glass-button,.eo-staff-button):hover{background:var(--eo-theme-surface,#edf4ff);border-color:var(--eo-theme-line,#91b4e8);color:var(--eo-card-blue)}
.eo-blue-cards :is(a,button,summary):focus-visible{outline:3px solid #6a9fe8;outline-offset:3px}
.eo-blue-cards :is(button,[type="submit"]):disabled{opacity:.5;box-shadow:none;cursor:not-allowed}
@media(max-width:700px){
  .eo-blue-cards.eo-dental-panel .shell>aside nav>a{flex:0 0 auto;min-height:44px;padding:8px 11px}
  .eo-blue-cards.eo-dental-panel .shell>aside nav>a>i{flex-basis:28px;width:28px;height:28px;font-size:13px}
  .eo-blue-cards.eo-dental-panel .shell>aside>.brand{width:170px;min-height:70px;padding:10px}
  .eo-blue-cards.eo-dental-panel .shell>aside>.brand img{width:125px;height:54px}
  .eo-blue-cards .dealer-nav{padding:10px;gap:8px}
  .eo-blue-cards .dealer-nav>a{padding:10px 12px;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.eo-blue-cards :is(a,button){transition:none}}
@media print{
  .eo-blue-cards :is(.sidebar,.staff-sidebar,.customer-sidebar,.acc-sidebar,.dealer-nav),
  .eo-blue-cards.eo-dental-panel .shell>aside{display:none!important}
  .eo-blue-cards :is(.button,.btn,.customer-button){box-shadow:none}
}
