.mobile-filter-label{display:none}
#notifications-button i{display:none!important}#notifications-button:after{box-shadow:0 3px 8px #bd123055}
#notifications-button:after{content:attr(data-count);display:none;position:absolute;right:-7px;top:-7px;min-width:18px;height:18px;padding:0 4px;border:2px solid #fafafe;border-radius:12px;background:#df1235;color:#fff;font:800 9px/14px Inter,Arial;text-align:center}#notifications-button.has-notifications:after{display:block}#notifications-button:not(.has-notifications) i{display:none}#notifications-panel{position:fixed;z-index:60;right:18px;top:82px;width:min(390px,calc(100vw - 24px));max-height:min(560px,calc(100vh - 100px));overflow:auto;background:#fff;border:1px solid #dfe3ed;border-radius:16px;box-shadow:0 24px 70px #0a123b38}#notifications-panel[hidden]{display:none}#notifications-panel>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e8eaf0}#notifications-panel>header small,#notifications-panel>header strong{display:block}#notifications-panel>header small{color:#747d97;font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}#notifications-panel>header button{border:0;background:none;color:#3c4c91;font-size:11px;font-weight:800}.notification-list{display:grid}.notification-list>p{padding:28px;text-align:center;color:#747d97}.notification-item{position:relative;display:grid;gap:3px;width:100%;padding:14px 18px 14px 22px;border:0;border-bottom:1px solid #eef0f4;background:#fff;text-align:left;color:#172044}.notification-item.unread{background:#f5f8ff}.notification-item.unread:before{content:"";position:absolute;left:9px;top:20px;width:7px;height:7px;border-radius:50%;background:#df1235}.notification-item span{font-weight:800}.notification-item small,.notification-item time{color:#747d97;font-size:10px}.notification-item:hover{background:#eef3ff}
@media (min-width:601px) and (max-width:900px){
  .sidebar>.brand .staff-brand-company{display:none!important}
  .sidebar>.brand{justify-content:center;padding-inline:0!important}
  .sidebar .session-countdown{display:none!important}
  .sidebar-foot{padding-inline:8px}
}
@media (max-width:600px){
  #view{padding:20px 12px 48px}
  #view>.card{padding:20px 16px;border-radius:18px}
  .admin-toolbar{gap:16px;margin-bottom:18px}
  .admin-toolbar h3{font-size:28px}
  .admin-toolbar .export-row{display:grid;grid-template-columns:repeat(3,1fr);width:100%}
  .admin-toolbar .export-row .mini-btn{min-height:44px;font-size:13px}
  .filter-panel{gap:8px;margin-bottom:18px;min-width:0;width:100%}
  .mobile-filter-label{display:block;margin:8px 2px -3px;color:#707994;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
  .filter-panel input,.filter-panel select{display:block;width:100%!important;min-width:0!important;max-width:100%!important;min-height:48px;height:48px;padding:11px 13px;font-size:14px;border-radius:11px}
  .filter-panel input[type=date]{position:relative;inline-size:100%!important;min-inline-size:0!important;max-inline-size:100%!important;color:#34405f;-webkit-appearance:none;appearance:none;overflow:hidden}
  .filter-panel input[type=date]::-webkit-date-and-time-value{text-align:left;min-width:0}
  .results-count{margin:8px 0 4px}
  .ticket-row{display:grid!important;grid-template-columns:1fr auto auto!important;gap:8px 10px!important;padding:17px 4px!important;align-items:center}
  .ticket-row>div:first-child{display:block!important;grid-column:1/-1;min-width:0}
  .ticket-row>div:first-child strong{font-size:15px;overflow-wrap:anywhere}
  .ticket-row>div:first-child small{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
  .ticket-row>small:nth-child(2){display:none!important}
  .ticket-row>.pill{display:inline-block!important;grid-column:1;padding:5px 10px}
  .ticket-row>.priority{display:inline-block!important;grid-column:2;font-size:11px}
  .ticket-row>.inline-result{display:block!important;grid-column:3;justify-self:end}
  .inline-result summary{min-width:58px;text-align:center;padding:8px 10px}
  .modal-backdrop{padding:10px}
  .modal{padding:20px 16px;max-height:94vh;border-radius:15px}
  #notifications-button:after{right:2px;top:2px;min-width:17px;height:17px;border-width:1px;font-size:9px;line-height:15px}
  #notifications-panel{top:80px;right:8px;width:calc(100vw - 16px);max-height:calc(100vh - 94px)}
}
