/* Skynet responsive staff CRM - 2026-10-20. Display-only changes. */
@media screen and (max-width:900px) {
  html,body {max-width:100%;overflow-x:clip;}
  .app,.main,.main.sidebar-unpinned,.content {min-width:0;max-width:100%;}
  .sidebar,.sidebar.auto-hide {width:min(310px,86vw)!important;height:100dvh;overscroll-behavior:contain;box-shadow:none;}
  .sidebar.open,.sidebar.auto-hide.open {box-shadow:12px 0 40px rgba(0,0,0,.32);}
  .side-pin {display:none!important;}
  .mobile-nav-close {display:inline-flex!important;width:40px;height:40px;justify-content:center;align-items:center;border:1px solid #475569;border-radius:10px;background:#1e293b;color:#fff;font-size:24px;}
  .mobile-nav-overlay.is-open {display:block!important;}
  body.mobile-nav-open {overflow:hidden;}
  .sidebar .nav-item,.sidebar .nav a,.sidebar .nav button {min-height:46px;}
  .topbar {height:auto!important;min-height:108px;display:grid!important;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"menu account" "search search";column-gap:12px;row-gap:10px;padding:10px 14px!important;align-items:center;}
  .mobile-menu {grid-area:menu;min-width:44px;min-height:44px;justify-self:start;display:inline-flex!important;align-items:center;justify-content:center;}
  .topbar-user {grid-area:account;justify-self:end;display:flex;align-items:center;gap:8px;min-width:0;}
  .topbar-user .small {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:190px;}
  .topbar-user .btn {min-height:42px;white-space:nowrap;}
  .topbar .search-wrap {grid-area:search;width:100%!important;min-width:0;max-width:none;}
  .topbar .search-wrap input {height:44px;font-size:16px;}
  .topbar .search-results {top:calc(100% + 4px);max-height:min(55dvh,380px);}
  .topbar-title {grid-area:search;}
  .content,.content.payments-content {min-width:0;max-width:100%;padding:16px!important;}
  .panel,.card,.finance-card,.modal {min-width:0;max-width:100%;}
  .metrics,.finance-metrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .metrics .card,.finance-card {padding:14px;}
  .big,.finance-card .value {font-size:clamp(18px,3.7vw,25px);overflow-wrap:anywhere;}
  .section-head {flex-wrap:wrap;align-items:flex-start;}
  .section-head > * {min-width:0;}
  .section-head h3 {overflow-wrap:anywhere;}
  .grid,.grid3,.form-grid,.doc-grid {grid-template-columns:minmax(0,1fr)!important;}
  .field,.form-grid > div,.form-grid > label {min-width:0;}
  input,select,textarea {max-width:100%;font-size:16px;}
  .btn,button[type=submit],button[type=button] {touch-action:manipulation;}
  .modal-backdrop {padding:12px;align-items:center;}
  .modal {width:100%;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;padding:16px;}
  .tablewrap,.payments-tablewrap {display:block;max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;}
  .tablewrap table,.payments-tablewrap table {max-width:none;}
  .invoice-print-page,.invoice-sheet,.live-invoice-paper {max-width:100%;}
  .map {height:260px;}
}
.mobile-nav-overlay {display:none;position:fixed;inset:0;background:rgba(15,23,42,.56);border:0;width:100%;height:100%;z-index:95;cursor:pointer;}
.mobile-nav-close,.mobile-bottom-nav {display:none;}
@media screen and (max-width:700px) {
  .topbar-user .small {display:none;}
  .topbar-user .btn {padding:9px 12px;}
  .content,.content.payments-content {padding:12px!important;padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;}
  .panel {padding:14px;}
  .card {border-radius:13px;}
  .section-head {gap:9px;}
  .section-head .btn {max-width:100%;}
  .mobile-bottom-nav {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:65;background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 22px rgba(15,23,42,.08);padding:5px 5px calc(5px + env(safe-area-inset-bottom));}
  .mobile-bottom-nav a {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:52px;border-radius:10px;color:#475569;font-size:11px;font-weight:650;text-align:center;}
  .mobile-bottom-nav a.active {color:var(--blue);background:#eff6ff;}
  .mobile-bottom-nav .mobile-tab-icon {font-size:21px;line-height:1.15;}
  .search-results {box-shadow:0 12px 30px #0003;}
  .mobile-card-table,.mobile-card-table tbody {display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;}
  .mobile-card-table tr.mobile-table-header {display:none!important;}
  .mobile-card-table tr.mobile-data-row {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;margin:0 0 12px;padding:9px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0f172a0a;}
  .mobile-card-table tr.mobile-data-row td {display:block!important;min-width:0!important;width:auto!important;padding:8px 0!important;border-bottom:1px solid #f1f5f9;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;text-align:left!important;font-size:13px;max-width:none!important;}
  .mobile-card-table tr.mobile-data-row td:before {content:attr(data-mobile-label);display:block;margin-bottom:4px;color:#64748b;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1.25;white-space:normal;}
  .mobile-card-table tr.mobile-data-row td:first-child {grid-column:1/-1;font-size:15px;font-weight:700;}
  .mobile-card-table tr.mobile-data-row td:last-child {border-bottom:0;}
  .mobile-card-table tr.mobile-data-row td[data-mobile-label="Actions"] {grid-column:1/-1;}
  .mobile-card-table tr.mobile-data-row .btn,.mobile-card-table tr.mobile-data-row button {max-width:100%;}
  .mobile-card-table .actions-menu .actions-pop {position:static;min-width:0;max-width:100%;box-shadow:none;margin-top:6px;}
  .tablewrap:has(> .mobile-card-table),.payments-tablewrap:has(> .mobile-card-table) {overflow:visible!important;}
  .mobile-card-table .payments-staff-col {min-width:0!important;width:auto!important;}
  .wa-shell {max-width:100%;}
  .wa-chat-head,.wa-chat-body,.wa-compose {max-width:100%;}
  .wa-chat-body {padding:12px!important;}
  .wa-compose {padding:8px!important;padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;}
  .wa-compose textarea {font-size:16px!important;}
  .wa-bubble,.wa-bubble.template,.wa-bubble.document {max-width:93%!important;}
  .wa-toast-stack {bottom:calc(68px + env(safe-area-inset-bottom));top:auto!important;}
}
@media screen and (max-width:380px) {
 .content,.content.payments-content {padding-left:10px!important;padding-right:10px!important;}
 .metrics,.finance-metrics {gap:8px;}
 .metrics .card,.finance-card {padding:10px;}
 .mobile-card-table tr.mobile-data-row {gap:0 8px;padding:8px 10px;}
 .mobile-card-table tr.mobile-data-row td {font-size:12px;}
}
@media print {
  .mobile-nav-overlay,.mobile-bottom-nav,.mobile-nav-close {display:none!important;}
}