/* =====================================================================
   NEXORA Console — shared component layer (staff app, HRMS, Accounting, Website)
   Quiet action buttons · section labels · tables · phone app bar · responsive guards
   ===================================================================== */
:root{
  --sh-ink:#0E1116; --sh-ink-2:#2A313C; --sh-muted:#6B7586; --sh-faint:#9AA3B2;
  --sh-line:#E3E7EE; --sh-line-2:#EEF1F5; --sh-bg:#F3F5F8;
  --sh-lime:#C6F432; --sh-lime-2:#B4E21F; --sh-lime-soft:#F1FCD0; --sh-lime-ink:#3F5A00; --sh-coral:#FF6B4A; --sh-red:#E5484D;
  --sh-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* modals: centred, clean */
.modal-content{border-radius:18px !important;border:1px solid var(--sh-line) !important;}
.modal-header{border-bottom:1px solid var(--sh-line-2) !important;}
.modal-header .modal-title{font-weight:800 !important;letter-spacing:-.02em;}
.modal-backdrop.show{opacity:.32 !important;background:#0E1116 !important;}

/* quiet action buttons: small coloured pills → outlined icon buttons */
.btn.btn-sm.btn-warning,.btn.btn-sm.btn-danger,.btn.btn-sm.btn-info,.btn.btn-sm.btn-success,.btn.btn-sm.btn-secondary{
  background:#fff !important;border:1px solid var(--sh-line) !important;box-shadow:none !important;border-radius:9px !important;color:var(--sh-ink-2) !important;}
.btn.btn-sm.btn-warning i,.btn.btn-sm.btn-info i,.btn.btn-sm.btn-success i,.btn.btn-sm.btn-secondary i{color:var(--sh-ink-2) !important;}
.btn.btn-sm.btn-danger,.btn.btn-sm.btn-danger i{color:var(--sh-red) !important;}
.btn.btn-sm.btn-warning:hover{background:var(--sh-lime) !important;border-color:var(--sh-lime-2) !important;}
.btn.btn-sm.btn-danger:hover{background:#FDECEC !important;border-color:#F7C5C7 !important;}
.btn.btn-sm.btn-info:hover,.btn.btn-sm.btn-success:hover,.btn.btn-sm.btn-secondary:hover{background:var(--sh-bg) !important;}

/* console section labels */
.card > .card-header{font:700 11.5px var(--sh-mono) !important;letter-spacing:.07em !important;text-transform:uppercase;color:var(--sh-muted) !important;background:transparent !important;}
.card > .card-header i:first-child{color:var(--sh-ink) !important;}
.card > .card-header .btn{font-family:"Manrope",system-ui,sans-serif !important;text-transform:none;letter-spacing:0;font-size:12.5px !important;}

/* tables */
.table>tbody>tr>td{vertical-align:middle;}
.table>tbody>tr:hover>td{background:#FAFBFC !important;}

/* phone app bar (staff app) */
.nx-mtop{display:none;}
@media (max-width:991.98px){
  .nx-mtop{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:1150;height:60px;padding:0 14px 0 12px;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--sh-line);}
  .nx-mtop-logo{width:30px;height:30px;border-radius:9px;object-fit:cover;}
  .nx-mtop-t{flex:1;min-width:0;line-height:1.15;}
  .nx-mtop-t small{display:block;font:700 10px var(--sh-mono);letter-spacing:.08em;color:var(--sh-faint);text-transform:uppercase;}
  .nx-mtop-t b{display:block;font:800 16px "Manrope",system-ui,sans-serif;color:var(--sh-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em;}
  .nx-mtop-btn{position:relative;width:42px;height:42px;border-radius:12px;border:1px solid var(--sh-line);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--sh-ink);padding:0;flex:0 0 auto;}
  .nx-mtop-menu{background:var(--sh-ink);border-color:var(--sh-ink);color:#fff;}
  .nx-mtop-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
  .nx-mtop-btn em{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;border-radius:9px;background:var(--sh-coral);color:#fff;font:800 10px/18px "Manrope",sans-serif;font-style:normal;text-align:center;padding:0 4px;box-shadow:0 0 0 2px #fff;}
}

/* responsive guards */
@media (max-width:991.98px){
  body{overflow-x:clip;}
  img, video, canvas{max-width:100%;}
  .table-responsive, .table-wrapper, .tabs-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;}
}