/* Shared module: buttons — auto-split from the old single styles.css, 94 rule block(s). Do not duplicate class names across files. */

.icon-btn{border:0;background:rgba(255,255,255,.09);color:#fff;width:42px;height:42px;border-radius:12px;cursor:pointer}

.icon-btn:hover{background:rgba(255,255,255,.16)}

.user-btn{height:46px;border:0;background:#153b55;color:#fff;border-radius:13px;padding:5px 10px;display:flex;align-items:center;gap:9px;cursor:pointer}

.link-btn{border:0;background:none;color:var(--primary);cursor:pointer}

.primary-btn,.secondary-btn,.danger-btn,.success-btn{border:0;border-radius:10px;padding:9px 13px;color:#fff;cursor:pointer;font-weight:600;}

.primary-btn{background:var(--primary)}

.secondary-btn{background:#5e7280}

.danger-btn{background:var(--danger)}

.mini-btn{border:1px solid #cfe0e9;background:#fff;border-radius:8px;padding:5px 8px;cursor:pointer}

.mini-btn:hover{background:#eef7fb}

.secura-menu-btn,.secura-icon-btn{width:44px;height:44px;display:grid;place-items:center;border:1px solid #174760;border-radius:11px;background:#0c2c45;color:#fff;cursor:pointer;font-size:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}

.secura-menu-btn:hover,.secura-icon-btn:hover{border-color:#18a8dc;background:#0f3653}

.secura-menu-btn{font-size:24px}

.secura-user-btn{height:48px;min-width:145px;display:flex;align-items:center;gap:9px;padding:4px 7px 4px 11px;border:1px solid #173f58;border-radius:13px;background:#0b2c45;color:#fff;cursor:pointer;direction:rtl}

.secura-control-btn,.secura-control-select,.secura-date-box,.secura-site-select{height:42px;border:1px solid #174760;border-radius:11px;background:#0a2941;color:#fff;padding:0 14px;font-size:11px;font-weight:600;outline:none}

.secura-control-btn{cursor:pointer;white-space:nowrap}

.secura-control-btn:hover,.secura-control-select:hover,.secura-site-select:hover{border-color:#169fd2;background:#0c3450}

@media (max-width:1050px){
.secura-user-btn{min-width:110px}
}

@media (max-width:1050px){
.secura-control-btn:nth-of-type(1),#headerScope{display:none}
}

@media (max-width:820px){
.secura-user-btn{min-width:auto}
}

.secura-user-btn{direction:rtl !important}

.secura-menu-btn.active{border-color:#12b9e8;background:#0d3a57;box-shadow:0 0 0 2px rgba(18,185,232,.08)}

body[data-theme="dark"] .mini-btn,body[data-theme="dark"] .close-btn{background:#102e42;color:#dbeaf2;border-color:#2a4b5e}

body[data-theme="dark"] .mini-btn:hover,body[data-theme="dark"] .user-menu button:hover{background:#153b52!important;color:#fff!important}

.lang-en .secura-user-btn,.lang-en .secura-user-text{direction:ltr!important}

.icon-btn,
.secura-icon-btn,
.secura-menu-btn{
  background:
    linear-gradient(180deg,rgba(25,78,108,.96),rgba(7,38,59,.98))!important;
  border:1px solid #2b7499!important;
  color:#fff!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.26),
    inset 0 -3px 0 rgba(0,0,0,.20),
    0 4px 0 rgba(2,24,38,.45),
    0 8px 14px rgba(0,0,0,.24)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.5),0 0 7px rgba(82,213,255,.36);
  filter:saturate(1.25) brightness(1.07);
  transition:transform .14s ease,filter .14s ease,box-shadow .14s ease;
}

.icon-btn:hover,
.secura-icon-btn:hover,
.secura-menu-btn:hover{
  transform:translateY(-2px);
  filter:saturate(1.6) brightness(1.18);
  border-color:#56d8ff!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -3px 0 rgba(0,0,0,.15),
    0 6px 0 rgba(2,24,38,.38),
    0 11px 19px rgba(0,0,0,.28),
    0 0 18px rgba(69,212,255,.30)!important;
}

.icon-btn:active,
.secura-icon-btn:active,
.secura-menu-btn:active{
  transform:translateY(2px);
  box-shadow:
    inset 0 2px 5px rgba(0,0,0,.28),
    0 2px 0 rgba(2,24,38,.48)!important;
}

.icon-btn,.secura-icon-btn,.secura-menu-btn{
  background:transparent!important;
  border:1px solid rgba(71,145,180,.34)!important;
  box-shadow:none!important;
  color:#eaf8ff!important;
}

.icon-btn:hover,.secura-icon-btn:hover,.secura-menu-btn:hover{
  background:rgba(41,123,161,.12)!important;
  border-color:rgba(86,216,255,.55)!important;
  box-shadow:none!important;
}

.icon-btn:active,.secura-icon-btn:active,.secura-menu-btn:active{transform:translateY(1px);box-shadow:none!important}

@media (max-width:700px){
.manhole-routes-actions .primary-btn{width:100%}
}

.route-edit-btn{min-width:130px}

.route-edit-btn.active{
  background:#0b8f62!important;
  border-color:#3bd8a0!important;
  color:#fff!important;
  box-shadow:0 0 0 2px rgba(59,216,160,.15),0 6px 14px rgba(0,0,0,.18)!important
}

#editSelectedRouteBtn.enabled{opacity:1;cursor:pointer;border-color:#29c7f0;color:#ecfbff}

.route-linked-item .mini-btn.danger{border-color:rgba(221,71,82,.55);color:#ff8b95}

.route-linked-item .mini-btn.danger:hover{background:rgba(221,71,82,.13)}

@media (max-width:700px){
.route-linked-item .mini-btn{grid-column:auto}
}

.route-start-btn.active{background:#0c8f63!important;border-color:#42dda8!important;color:#fff!important}

.compact-btn.active{background:#a96412!important;border-color:#e9a74c!important}

.mr74-tab-btn.active{border-color:#21bfe8;background:rgba(33,191,232,.18);color:#8beaff}

#waterwayAddDeviceBtn.active{background:#119f79!important;border-color:#119f79!important}

#waterwayAddCrossingBtn.active{background:#a86b18!important;border-color:#c4872c!important}

#waterwayStartDrawingBtn.ready:not(:disabled){
  opacity:1!important;
  cursor:pointer!important;
}

#routeStartDrawingBtn.ready:not(:disabled){
  opacity:1!important;
  cursor:pointer!important;
}

.ww93-date-filters .secondary-btn{
  align-self:end!important;
  height:40px!important;
  min-width:98px!important;
  padding:0 16px!important;
  border-radius:10px!important;
  background:linear-gradient(180deg, #2bb2e6 0%, #1493c9 100%)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:700!important;
  box-shadow:0 8px 18px rgba(17,145,201,.22)!important;
}

.ww93-date-filters .secondary-btn:hover{filter:brightness(1.06)!important}

@media (max-width:900px){
.ww93-date-filters .secondary-btn{width:100%!important}
}

.ww77-header-actions .primary-btn,
.ww77-header-actions .secondary-btn{
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

@media (max-width:760px){
.ww77-header-actions .primary-btn,
  .ww77-header-actions .secondary-btn{flex:1 1 180px!important}
}

@media (max-width:760px){
.platform-empty-management-actions select,
  .platform-empty-management-actions .primary-btn{
    flex:1 1 190px!important;
  }
}

#damEditPointsBtn.active{background:#0d8ebd!important;color:#fff!important;border-color:#0d8ebd!important}

#notifBtn .app-ui-icon,#themeBtn .app-ui-icon,#menuToggle .app-ui-icon{color:inherit}

#notifBtn .notification-bell-slot{display:grid;place-items:center;width:26px;height:26px;line-height:1;pointer-events:none}

#notifBtn .notification-bell-glyph{width:22px!important;height:22px!important;filter:drop-shadow(0 2px 5px rgba(245,158,11,.24))}

#notifBtn .notification-bell-glyph svg{stroke:#f59e0b!important;stroke-width:1.9!important}

#notifBtn:hover .notification-bell-glyph{transform:rotate(-7deg) scale(1.05);transition:transform .18s ease}

.v134-modebar .secondary-btn.active{border-color:#26b9e7;background:rgba(38,185,231,.14);box-shadow:0 0 0 2px rgba(38,185,231,.08) inset}

body[data-theme="dark"] .v141-master-actions .secondary-btn,
body[data-theme="dark"] .v141-pump-mini-actions .secondary-btn,
body[data-theme="dark"] .v140-pump-actions .secondary-btn,
body[data-theme="dark"] .v143-gate-actions .secondary-btn,
body.theme-dark .v141-master-actions .secondary-btn,
body.theme-dark .v141-pump-mini-actions .secondary-btn,
body.theme-dark .v140-pump-actions .secondary-btn,
body.theme-dark .v143-gate-actions .secondary-btn{background:#315165!important;color:#fff!important;border-color:#466a80!important}

.user-btn .secura-avatar{overflow:hidden;padding:0}

.user-btn .secura-avatar img,.user-center-avatar img,.profile-photo-preview img{width:100%;height:100%;object-fit:cover;display:block}

.reminder-row-actions .mini-btn{padding:6px 8px}

@media (max-width:700px){
.dash157-event .mini-btn{grid-column:2/4;width:100%}
}

.v143-master-console .danger-btn.is-live,.alarm-live{box-shadow:0 0 0 2px rgba(255,255,255,.08),0 0 20px rgba(239,68,68,.35)}

.v143-dam-ops-strip .danger-btn.is-live,.v143-master-console .danger-btn.is-live{animation:sirenPulse 1.1s ease-in-out infinite;box-shadow:0 0 0 2px rgba(255,255,255,.06),0 0 18px rgba(239,68,68,.34)}

body:not([data-theme="dark"]) .mini-btn,
body:not([data-theme="dark"]) .link-btn{
  color:#18435b;
}

.notification-mute-btn{position:relative;overflow:visible}

.notification-mute-btn .notification-sound-slot{display:grid;place-items:center;line-height:1}

.notification-mute-btn.is-muted{border-color:rgba(255,181,71,.82)!important;background:linear-gradient(180deg,#173b52,#102f46)!important;box-shadow:0 0 0 1px rgba(255,181,71,.12),0 0 18px rgba(255,181,71,.12)!important}

.notification-mute-btn.is-muted::after{content:"";position:absolute;inset-inline-end:5px;top:5px;width:7px;height:7px;border-radius:50%;background:#ffb547;box-shadow:0 0 0 3px rgba(255,181,71,.16),0 0 10px rgba(255,181,71,.45)}

.notification-mute-btn.is-muted .app-ui-icon{--ic1:#ffcf70;--ic2:#ff9f43}

.notification-mute-btn[aria-pressed="false"] .app-ui-icon{--ic1:#6fd7ff;--ic2:#2ca6d8}

@media (max-width:820px){
.notification-mute-btn{width:42px;height:42px}
}

.route-add-manhole-btn.active{background:#0b9668!important;border-color:#28c78f!important;color:#fff!important;box-shadow:0 0 0 3px rgba(40,199,143,.13)}

.route-add-sensor-btn.sensor-place-active,.route-add-sensor-btn.active{background:#0b8fb8!important;border-color:#2cc5ee!important;color:#fff!important;box-shadow:0 0 0 3px rgba(44,197,238,.16)}

.route-auto-divide-actions .primary-btn{min-width:245px}

@media (max-width:700px){
.route-auto-divide-actions .primary-btn{width:100%}
}

#damStartDrawBtn.active,#damEditPointsBtn.active{box-shadow:0 0 0 2px rgba(41,203,246,.18),0 7px 16px rgba(0,0,0,.18)}

@media (min-width:1321px) and (max-width:1600px){
.secura-user-btn{min-width:132px!important}
}

@media (min-width:1321px) and (max-width:1600px){
.secura-icon-btn{width:42px!important;height:42px!important}
}

@media (min-width:1051px) and (max-width:1320px){
.secura-user-btn{min-width:124px!important}
}

@media (min-width:1051px) and (max-width:1320px){
.secura-icon-btn{width:40px!important;height:40px!important}
}

@media (min-width:1051px) and (max-width:1320px){
#resetHeaderBtn{display:none!important}
}

@media (min-width:1051px) and (max-width:1320px){
.secura-control-btn{padding-inline:10px!important}
}

@media (min-width:821px) and (max-width:1050px){
.secura-user-btn{min-width:48px!important;width:48px!important;padding:4px!important;justify-content:center!important}
}

@media (min-width:821px) and (max-width:1050px){
.secura-user-btn .secura-chevron{display:none!important}
}

@media (min-width:821px) and (max-width:1050px){
.secura-icon-btn{width:38px!important;height:38px!important}
}

@media (min-width:821px) and (max-width:1050px){
.secura-control-btn{padding-inline:8px!important}
}

@media (max-width:820px){
.secura-user-btn{min-width:46px!important;width:46px!important;padding:4px!important;justify-content:center!important}
}

@media (max-width:820px){
.secura-user-btn .secura-chevron{display:none!important}
}

@media (max-width:820px){
.secura-icon-btn{width:38px!important;height:38px!important}
}