@media (max-width:1180px){
  :root{--sidebar-w:232px}
  .top{padding:0 24px}
  .page,.vs-page,.employees-page,.locations-page,.access-users-page{padding:28px 24px}
  .dashboard-main-grid,
  .vs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-secondary-grid{grid-template-columns:1fr}
  .vs-kpi-grid,
  .stats,
  .loc-stats,
  .employee-profile-stats,
  .attendance-confirm-grid,
  .ops-stats,
  .vs-req-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:900px){
  :root{
    --sidebar-w:0px;
    --topbar-h:72px;
  }
  body{font-size:15px}
  .sidebar{display:none}
  .main{margin-left:0}
  .top{
    min-height:72px;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:12px;
    padding:0 18px;
  }
  .top>div:first-child{
    min-width:0;
  }
  .top h1{
    max-width:44vw;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:18px;
  }
  .top p{
    max-width:44vw;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .mobile-menu-trigger{
    display:inline-grid;
    grid-column:1;
    grid-row:1;
  }
  .top>div:first-child{grid-column:2}
  .top-actions{grid-column:3;gap:8px}
  .global-search-box{
    min-width:0;
    width:40px;
    padding:0;
    justify-content:center;
  }
  .global-search-box input,
  .global-search-box kbd{display:none}
  .global-search.search-open{
    position:fixed;
    inset:10px 12px auto 12px;
    z-index:5200;
  }
  .global-search.search-open .global-search-box{
    width:100%;
    min-width:0;
    padding:0 12px;
    justify-content:flex-start;
    box-shadow:var(--shadow-popout);
  }
  .global-search.search-open .global-search-box input{
    display:block;
  }
	  .global-search.search-open .global-search-results{
	    left:0;
	    right:0;
	    width:100%;
	    max-width:none;
	    max-height:calc(100dvh - 92px);
	    overflow:auto;
	  }
	  .global-search-result b,
	  .global-search-result small{max-width:calc(100vw - 92px)}
	  .bell{display:inline-grid}
  .notif-dropdown,
  .avatar-menu{
    position:fixed;
    top:62px;
    right:10px;
    left:auto;
    width:min(308px,calc(100vw - 20px));
    min-width:0;
    max-height:calc(100dvh - 88px);
    overflow:auto;
    z-index:5400;
  }
  .avatar-menu{
    padding:6px;
  }
  .avatar-menu-head{
    padding:8px;
  }
  .avatar-menu-links a,
  .avatar-menu-links button,
  .avatar-menu-logout{
    min-height:36px;
    padding:8px;
    gap:8px;
  }
	  .test-version-banner{
	    margin:0 -18px;
	    padding:9px 18px;
	    font-size:12px;
	  }
	  .marketing-simple-header{
	    min-height:64px;
	    padding:12px 16px;
	    gap:12px;
	  }
	  .marketing-simple-brand img{
	    width:126px;
	  }
	  .marketing-simple-nav{
	    gap:8px;
	    justify-content:flex-end;
	  }
	  .marketing-simple-nav a:not(.btn){
	    min-height:40px;
	    display:inline-flex;
	    align-items:center;
	  }
	  .marketing-simple-nav .btn{
	    min-height:40px;
	    padding:0 12px;
	  }
	  .marketing-simple-main{
	    width:min(100% - 28px,720px);
	  }
	  .marketing-simple-hero{
	    min-height:0;
	    padding:54px 0 30px;
	  }
	  .marketing-simple h1{
	    font-size:clamp(34px,10vw,48px);
	    line-height:1.04;
	  }
	  .marketing-simple-copy > p{
	    font-size:18px;
	  }
	  .marketing-simple-actions{
	    display:grid;
	    grid-template-columns:1fr 1fr;
	    gap:10px;
	  }
	  .marketing-simple-actions .btn{
	    width:100%;
	    min-height:44px;
	  }
	  .marketing-simple-note{
	    width:100%;
	  }
	  .marketing-simple-features{
	    grid-template-columns:1fr;
	    padding-bottom:36px;
	  }
	  .marketing-simple-features article{
	    padding:18px;
	  }
	  .marketing-simple-demo{
	    grid-template-columns:1fr;
	    gap:20px;
	    padding:36px 0 48px;
	  }
	  .marketing-simple-form-copy h2{
	    font-size:28px;
	  }
	  .marketing-simple .demo-form{
	    grid-template-columns:1fr;
	    padding:18px;
	  }
	  .marketing-simple-footer{
	    display:grid;
	    gap:14px;
	    padding:20px 16px calc(20px + env(safe-area-inset-bottom));
	  }
	  .marketing-simple-footer nav{
	    align-items:flex-start;
	    gap:10px 14px;
	  }
	  .page,.vs-page,.employees-page,.locations-page,.access-users-page{
	    padding:28px 18px;
	    max-width:none;
  }
  .main > .card,
  .main > .page-head,
  .main > .settings-page,
  .main > .changelog-timeline,
  .main > .mobile-agenda,
  .main > .mobile-month-toggle,
  .main > .calendar-card,
  .main > .schedule-draft-panel{
    width:calc(100% - 36px);
    margin-top:24px;
  }
  .page-title,
  .vs-page-header h1,
  .page-head h1,
  .page-head h2,
  .locations-title h1,
  .employee-profile-hero h1,
  .employee-editor-head h1{
    font-size:30px;
  }
  .page-head,
  .vs-page-header,
  .section-head,
  .locations-header,
  .employee-editor-head,
  .employee-profile-hero,
  .panel-head,
  .vs-card-header,
  .employee-profile-section-head,
  .card-header{
    display:grid;
    grid-template-columns:1fr;
  }
  .vs-page-actions,
  .actions,
  .calendar-actions,
  .employee-profile-actions,
  .employee-editor-head-actions{
    width:100%;
  }
  .btn,
  .add-btn,
  .loc-add-btn{
    min-width:0;
  }
  .dashboard-main-grid,
  .dashboard-secondary-grid,
  .vs-grid,
  .grid2,
  .grid3,
  .grid4,
  .super-stats,
  .settings-grid,
  .company-settings-grid,
  .employee-profile-layout,
  .employee-editor-shell,
  .settings-layout,
  .layout,
  .form-grid,
  .user-form-grid{
    grid-template-columns:1fr;
  }
  .employee-pick{grid-template-columns:1fr}
  .settings-nav{
    display:flex;
    flex-wrap:wrap;
    overflow:visible;
    white-space:normal;
    width:100%;
    box-sizing:border-box;
  }
  .settings-nav a{
    flex:1 1 150px;
    min-width:0;
    white-space:normal;
    overflow-wrap:break-word;
    word-break:normal;
  }
  .settings-page .settings-layout{
    grid-template-columns:1fr;
    gap:16px;
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }
  .settings-page .settings-nav{
    position:static;
    display:flex;
    gap:6px;
    padding:8px;
  }
  .settings-page .settings-content{
    grid-template-columns:1fr;
    gap:14px;
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .settings-page .settings-form-narrow{
    max-width:none;
  }
  .settings-page .settings-card,
  .settings-page .settings-card form,
  .settings-page .settings-card label,
  .settings-page .settings-card input,
  .settings-page .settings-card button{
    max-width:100%;
  }
  .setting-row{
    grid-template-columns:1fr;
  }
  .table-card{
    overflow:visible;
  }
  .table-card table{
    min-width:0;
  }
  table,
  thead,
  tbody,
  tr,
  th,
  td{
    display:block;
  }
  thead{display:none}
  tr{
    border-bottom:1px solid var(--border);
    padding:12px 0;
  }
  td{
    display:grid;
    grid-template-columns:120px minmax(0,1fr);
    gap:12px;
    padding:10px 14px;
    border:0;
  }
  td::before{
    content:attr(data-label);
    color:var(--text-soft);
    font:600 12px/1.2 var(--mono);
    letter-spacing:.1em;
    text-transform:uppercase;
  }
  .thead{display:none!important}
  .employees-page .row,
  .access-users-page .access-user-row,
  .locations-table-card .loc-row,
  .row{
    display:grid;
    grid-template-columns:1fr;
    gap:0;
    padding:14px;
    border-bottom:1px solid var(--border);
  }
  .row>div,
  .access-user-row>div,
  .loc-row>div{
    display:grid;
    grid-template-columns:118px minmax(0,1fr);
    gap:12px;
    padding:10px 0;
    border-bottom:1px solid var(--border);
  }
  .row>div:last-child,
  .access-user-row>div:last-child,
  .loc-row>div:last-child{border-bottom:0}
  .row>div::before,
  .access-user-row>div::before,
  .loc-row>div::before{
    content:attr(data-label);
    color:var(--text-soft);
    font:600 12px/1.2 var(--mono);
    letter-spacing:.1em;
    text-transform:uppercase;
  }
  .person,
  .role,
  .site,
  .shift,
  .loc-main{
    display:flex!important;
  }
  .person::before{content:"Служител"!important}
  .role::before{content:"Длъжност"!important}
  .site::before{content:"Обект"!important}
  .shift::before{content:"Смяна"!important}
  .loc-actions,
  .row-actions,
  .row .actions{
    display:flex!important;
    justify-content:flex-start;
  }
  .locations-table-card .loc-thead{display:none}
  .vs-requests-page,
  .requests-page{
    padding:28px 18px;
  }
  .vs-filters,
  .vs-request-card{
    grid-template-columns:1fr;
  }
  .ticket-search-control{
    grid-column:auto;
  }
  .ticket-filter-actions{
    grid-column:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .ticket-filter-actions .btn{
    width:100%;
  }
  .document-row{
    grid-template-columns:1fr;
    align-items:start;
  }
  .list-row{
    grid-template-columns:1fr;
    align-items:start;
  }
  .list-row .row-actions{
    width:100%;
    justify-content:flex-start;
  }
  .compact-filters{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .compact-filters > *{
    min-width:0;
    width:100%;
  }
  .compact-filters .btn,
  .compact-filters button,
  .compact-filters a.btn{
    grid-column:1/-1;
  }
  .document-row-actions{
    justify-content:flex-start;
  }
  .document-row-actions .btn{
    min-height:44px;
  }
  .document-signature-stamp{
    grid-template-columns:1fr;
  }
  .document-verify-footer{
    grid-template-columns:1fr;
  }
  .vs-tabs{
    overflow:auto;
    flex-wrap:nowrap;
  }
  .vs-tab{white-space:nowrap}
  .vs-actions{justify-content:flex-start}
  .pagination,
  .loc-pagination,
  .user-pagination,
  .vs-pagination,
  .list-pagination{
    display:grid;
    grid-template-columns:1fr;
    justify-items:stretch;
  }
  .pages,
  .loc-page-buttons,
  .user-page-buttons,
  .list-page-buttons{justify-content:center}
  .rows-select,
  .loc-rows-select,
  .user-rows-select,
  .list-rows-select{width:100%}
  .mobile-agenda{display:grid;gap:14px}
  .mobile-agenda-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
  }
  .mobile-day-list{display:grid;gap:10px}
  .mobile-day-card{
    display:grid;
    grid-template-columns:100px minmax(0,1fr);
    gap:12px;
    padding:14px;
    border:1px solid var(--border);
    background:#fff;
    text-align:left;
  }
  .mobile-day-date strong{display:block}
  .mobile-day-date span,
  .mobile-day-date em,
  .mobile-day-items small{display:block;color:var(--text-muted);font-size:12px}
  .weekdays,
  .calendar-grid{display:none}
  .month-view.mobile-show-month .weekdays,
  .month-view.mobile-show-month .calendar-grid{display:grid}
  .month-view.mobile-show-month .day{min-height:78px}
  .mobile-month-toggle{display:block;margin-bottom:12px}
  .calendar-filter{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  .calendar-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .calendar-actions select{width:100%}
  .calendar-nav-row{
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 44px;
    gap:8px;
    width:100%;
  }
  .calendar-nav-row .btn{
    width:100%;
    min-height:44px;
    padding:0 10px;
  }
  .calendar-edit-row{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    width:100%;
  }
  .calendar-edit-row .btn,
  .calendar-edit-row .dropdown-wrap{width:100%}
  .calendar-edit-row .export-dropdown-wrap .btn{min-height:44px}
  dialog.modal{
    width:100vw;
    max-width:100vw;
    max-height:88dvh;
    margin:auto 0 0;
    border-radius:18px 18px 0 0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    padding-bottom:env(safe-area-inset-bottom);
  }
  dialog.modal > *:not(.modal-head):not(.modal-actions){
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    max-height:calc(88dvh - 78px - env(safe-area-inset-bottom));
  }
  .modal .form,
  .modal .modal-form,
  .modal .credential-box,
  .modal .release-notes-body,
  .modal .loc-view-body,
  .modal .loc-edit-form,
  .modal .task-modal-body,
  .modal-body{padding:18px}
  .modal .form,
  .modal .modal-form{
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  dialog.modal > .modal-actions,
  .modal .form > .modal-actions,
  .modal .modal-form > .modal-actions{
    position:sticky;
    bottom:0;
    z-index:2;
    flex:0 0 auto;
    margin-right:-18px;
    margin-left:-18px;
    padding-bottom:calc(16px + env(safe-area-inset-bottom));
    background:#fff;
  }
  dialog.modal.builder-modal[open],
  dialog.modal.day-modal[open],
  .builder-modal{
    width:100vw!important;
    inline-size:100vw!important;
    min-width:100vw;
    max-width:100vw!important;
    box-sizing:border-box;
    max-height:88dvh;
    margin:auto 0 0;
    border-radius:18px 18px 0 0;
  }
  .builder-modal .form.builder{
    max-height:calc(88dvh - 78px);
    padding-bottom:0;
  }
  .modal .segmented,
  .builder-modal .segmented{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    overflow:visible;
  }
  .modal .segmented label,
  .builder-modal .segmented label{
    min-height:44px;
    padding:8px 10px;
    white-space:normal;
  }
  .builder-modal .form.builder > .actions,
  .schedule-edit-form > .actions{
    margin:8px -18px 0;
    padding:12px 18px calc(12px + env(safe-area-inset-bottom));
  }
  .day-modal-body{
    max-height:calc(88dvh - 74px);
    padding:0 18px 18px;
  }
  .schedule-day-sheet{
    inset:auto 0 0;
    width:100%;
    max-width:100%;
    max-height:min(85dvh,720px);
    border-left:0;
    border-top:1px solid var(--border);
    border-radius:18px 18px 0 0;
    transform:translateY(102%);
  }
  .schedule-day-drawer.open .schedule-day-sheet{
    transform:translateY(0);
  }
  .schedule-day-head{
    padding:16px 18px;
  }
  .schedule-day-head h2{
    font-size:22px;
  }
  .schedule-day-body{
    padding:14px 18px;
  }
  .schedule-day-row,
  .schedule-day-row.selectable{
    grid-template-columns:32px minmax(0,1fr);
  }
  .schedule-day-row.selectable .schedule-day-check{
    grid-column:1 / -1;
    justify-content:flex-start;
    place-items:center start;
  }
  .schedule-day-row-meta{
    display:grid;
  }
  .schedule-day-footer{
    padding:12px 18px calc(12px + env(safe-area-inset-bottom));
  }
  .bulk-actions{
    margin:0 -18px 4px;
    padding:12px 18px;
  }
  .builder-modal .modal-head{
    padding:16px 18px;
  }
  .builder-modal .modal-head h3{
    font-size:20px;
    line-height:1.15;
  }
  .password-row,
  .copy-row,
  .push-panel{
    grid-template-columns:1fr;
  }
  .password-row > *,
  .copy-row > *,
  .push-panel > *,
  .password-row .field,
  .password-row .input,
  .auto-badge,
  #generatePass{
    min-width:0;
    width:100%;
    max-width:100%;
  }
}

@media (max-width:560px){
  .top{padding:0 14px}
  .test-version-banner{margin:0 -14px;padding:8px 14px}
  .page,.vs-page,.employees-page,.locations-page,.access-users-page{padding:24px 14px}
  .main > .card,
  .main > .page-head,
  .main > .settings-page,
  .main > .changelog-timeline,
  .main > .mobile-agenda,
  .main > .mobile-month-toggle,
  .main > .calendar-card,
  .main > .schedule-draft-panel{
    width:calc(100% - 28px);
  }
  .page-title,
  .vs-page-header h1,
  .page-head h1,
  .page-head h2,
  .locations-title h1,
  .employee-profile-hero h1,
  .employee-editor-head h1{
    font-size:28px;
  }
  .card,
  .vs-card,
  .page-card,
  .table-card,
  .calendar-card,
  .panel,
  .locations-table-card,
  .loc-access-card,
  .employee-profile-section,
  .employee-profile-hero,
  .employee-editor-section,
  .payment-public-card,
  .invoice-view,
  .invoice-paper,
  .schedule-draft-panel{padding:18px}
  .card-header,
  .vs-card-header{
    margin:-18px -18px 18px;
    padding:16px 18px;
  }
  .vs-card-footer,
  .card-footer{
    margin:18px -18px -18px;
    padding:16px 18px;
  }
	  .btn,
	  .add-btn,
	  .loc-add-btn{
	    width:100%;
	  }
	  .search-result-row{
	    grid-template-columns:36px minmax(0,1fr);
	  }
	  .search-result-row .badge{
	    grid-column:2;
	    width:max-content;
	    max-width:100%;
	  }
	  .search-result-icon{
	    width:36px;
	    height:36px;
	  }
	  .plan-choice-card{
	    grid-template-columns:auto minmax(0,1fr);
	  }
	  .plan-choice-card > strong,
	  .plan-choice-meta{
	    grid-column:2;
	  }
	  .dashboard-page{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
	  .dashboard-pending-requests-card .vs-list-item{
	    grid-template-columns:1fr;
	    align-items:start;
	    gap:10px;
	  }
	  .dashboard-pending-requests-card .vs-list-main{
	    width:100%;
	    grid-template-columns:36px minmax(9rem,1fr);
	  }
	  .dashboard-pending-requests-card .vs-list-main h3,
	  .dashboard-pending-requests-card .vs-list-main p{
	    display:-webkit-box;
	    -webkit-line-clamp:2;
	    -webkit-box-orient:vertical;
	    overflow:hidden;
	    word-break:normal;
	    overflow-wrap:normal;
	    hyphens:none;
	  }
	  .dashboard-pending-requests-card .vs-list-meta{
	    min-width:0;
	    width:100%;
	    justify-content:flex-start;
	  }
  .bell,
  .avatar-btn,
  .icon-btn,
  .loc-icon-btn,
  .mini-btn,
  .vs-action,
  .mobile-menu-trigger{
    width:38px;
    height:38px;
  }
  .avatar-btn,
  .mobile-menu-trigger,
  .global-search-box{width:38px}
  .avatar-menu-trigger{
    width:26px;
    height:38px;
  }
  .mobile-nav-menu{width:min(82vw,360px)}
  .mobile-day-card{grid-template-columns:1fr}
  td,
  .row>div,
  .access-user-row>div,
  .loc-row>div{
    grid-template-columns:1fr;
    gap:6px;
  }
  .person,
  .role,
  .site,
  .shift,
  .loc-main{
    display:grid!important;
    grid-template-columns:1fr;
  }
  .person::before,
  .role::before,
  .site::before,
  .shift::before,
  .loc-main::before{
    margin-bottom:4px;
  }
  .segmented,
  .tabs{
    width:100%;
    overflow:auto;
  }
  .builder-modal .segmented{
    overflow:visible;
  }
  .segmented label,
  .tab,
  .tabs a{white-space:nowrap}
  .builder-modal .segmented label{
    white-space:normal;
  }
}

@media (max-width:760px){
  .vs-request-card{
    grid-template-columns:1fr;
    gap:12px;
  }
  .vs-request-card .vs-person{
    grid-template-columns:44px minmax(0,1fr);
    width:100%;
    min-width:0;
  }
  .vs-request-card .vs-person > div:last-child,
  .vs-request-card .vs-info-box,
  .vs-request-card .vs-conflicts{
    min-width:0;
    width:100%;
  }
  .vs-request-card .vs-person h3,
  .vs-request-card .vs-person p,
  .vs-request-card .vs-person small,
  .vs-request-card .vs-info-box span,
  .dashboard-pending-requests-card .vs-list-main h3,
  .dashboard-pending-requests-card .vs-list-main p,
  .dashboard-pending-requests-card .vs-list-main small{
    word-break:normal;
    overflow-wrap:break-word;
    hyphens:none;
    min-width:0;
  }
  .vs-request-card .vs-person h3 .person-link,
  .dashboard-pending-requests-card .vs-list-main h3{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .vs-actions{
    justify-content:flex-start;
  }
  .vs-actions .vs-action,
  .vs-actions form{
    width:auto;
  }
  .vs-actions .text-action{
    width:auto;
    min-height:36px;
  }
  .requests-register-page,
  .ticket-full-page{
    padding:16px;
  }
  .requests-register-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ticket-register-search{
    grid-template-columns:1fr;
  }
  .ticket-filter-details{
    position:static;
  }
  .ticket-filter-grid{
    position:static;
    width:100%;
    margin-top:10px;
    grid-template-columns:1fr;
    box-shadow:var(--shadow-card);
  }
  .requests-register-wrap{
    border-top:0;
    padding:0 14px 14px;
    overflow:visible;
  }
  .requests-register-table{
    min-width:0;
    border-collapse:separate;
    border-spacing:0 10px;
  }
  .requests-register-table thead{
    display:none;
  }
  .requests-register-table,
  .requests-register-table tbody,
  .requests-register-table tr,
  .requests-register-table td{
    display:block;
    width:100%;
  }
  .requests-register-table tbody tr{
    padding:12px;
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    background:var(--surface);
    box-shadow:var(--shadow-card);
  }
  .requests-register-table td{
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    gap:10px;
    padding:8px 0;
    border-bottom:1px solid var(--border);
  }
  .requests-register-table td:last-child{
    border-bottom:0;
  }
  .requests-register-table td::before{
    content:attr(data-label);
    color:var(--text-soft);
    font:700 11px/1.3 var(--mono);
    letter-spacing:.06em;
    text-transform:uppercase;
  }
  .requests-register-actions{
    justify-content:flex-start;
  }
  .ticket-full-head,
  .ticket-full-title{
    display:grid;
  }
  .ticket-full-title h2{
    font-size:23px;
  }
  .ticket-full-actions{
    justify-content:flex-start;
  }
  .ticket-full-layout{
    grid-template-columns:1fr;
  }
  .tasks-register-page,
  .task-workspace-page{
    padding:16px;
  }
  .tasks-register-head,
  .task-workspace-hero,
  .task-workspace-title{
    display:grid;
  }
  .tasks-register-head h2,
  .task-workspace-title h2{
    font-size:24px;
  }
  .task-register-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .task-register-tabs{
    width:100%;
    justify-content:stretch;
  }
  .task-register-tabs a{
    flex:1;
    justify-content:center;
  }
  .tasks-register-table-wrap{
    overflow:visible;
    padding:0;
  }
  .tasks-register-table{
    min-width:0;
    border-collapse:separate;
    border-spacing:0 10px;
  }
  .tasks-register-table thead{
    display:none;
  }
  .tasks-register-table,
  .tasks-register-table tbody,
  .tasks-register-table tr,
  .tasks-register-table td{
    display:block;
    width:100%;
  }
  .tasks-register-table tbody tr{
    padding:12px;
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    background:var(--surface);
    box-shadow:var(--shadow-card);
  }
  .tasks-register-table td{
    display:grid;
    grid-template-columns:108px minmax(0,1fr);
    gap:10px;
    padding:8px 0;
    border-bottom:1px solid var(--border);
  }
  .tasks-register-table td:last-child{
    border-bottom:0;
  }
  .tasks-register-table td::before{
    content:attr(data-label);
    color:var(--text-soft);
    font:700 11px/1.3 var(--mono);
    letter-spacing:.06em;
    text-transform:uppercase;
  }
  .task-register-progress{
    min-width:0;
  }
  .task-register-actions{
    align-items:stretch;
  }
  .task-register-actions .btn,
  .task-register-actions form{
    width:100%;
  }
  .task-inline-form,
  .task-checklist-item{
    grid-template-columns:1fr;
  }
  .task-checklist-item button{
    justify-self:start;
  }
  .task-workspace-grid,
  .task-hero-meta{
    grid-template-columns:1fr;
  }
  .task-full-header{
    grid-template-columns:1fr;
    padding:16px;
  }
  .task-full-actions{
    justify-content:stretch;
  }
  .task-full-actions .btn,
  .task-full-actions form{
    width:100%;
  }
  .task-full-card{
    padding:16px;
  }
  .task-recipient-row{
    grid-template-columns:38px minmax(0,1fr);
  }
  .task-recipient-row > .badge{
    grid-column:2;
    justify-self:start;
  }
  .task-progress-large{
    grid-template-columns:1fr;
  }
  .notifications-page .vs-list-item{
    grid-template-columns:1fr;
    align-items:start;
  }
  .notifications-page .vs-list-meta{
    width:100%;
    justify-content:flex-start;
  }
  .notification-pagination{
    display:grid;
    grid-template-columns:1fr;
  }
  .notification-page-buttons{
    justify-content:flex-start;
  }
  .notification-page-size,
  .notification-page-size select{
    width:100%;
  }
  .employee-profile-page{
    padding:24px 14px;
  }
  .employee-profile-hero.card{
    padding:18px;
  }
  .employee-profile-hero .employee-profile-main{
    grid-template-columns:1fr;
    justify-items:start;
  }
  .employee-profile-avatar-wrap{
    justify-items:start;
  }
  .employee-profile-title,
  .employee-profile-contact,
  .employee-profile-chips{
    width:100%;
  }
  .employee-profile-chips{
    grid-template-columns:1fr;
  }
  .employee-profile-contact span{
    max-width:100%;
  }
  .employee-profile-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .employee-profile-actions .btn{
    width:100%;
  }
  .employee-profile-tabs{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:4px;
  }
  .employee-profile-tabs a,
  .employee-profile-tabs button{
    white-space:nowrap;
  }
  .employee-history-filters{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:3px;
  }
  .employee-history-filters a{
    flex:0 0 auto;
    white-space:nowrap;
  }
  .employee-history-item,
  .employee-history-timeline-compact .employee-history-item{
    grid-template-columns:1fr;
    gap:8px;
  }
	  .employee-editor-page{
	    padding:24px 14px;
	  }
	  .employee-editor-page .employee-editor-shell{
	    grid-template-columns:1fr;
	  }
	  .employee-editor-aside{
	    position:static;
	  }
  .employee-editor-grid{
    grid-template-columns:1fr;
  }
  .employee-editor-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .employee-editor-quick .btn{
    width:auto;
  }
  .expense-register-head{
    display:grid;
    grid-template-columns:1fr;
  }
  .expense-register-wrap{
    overflow:visible;
  }
  .expense-register-table{
    min-width:0;
  }
  .expense-register-table thead{
    display:none;
  }
  .expense-register-table,
  .expense-register-table tbody,
  .expense-register-table tr,
  .expense-register-table td{
    display:block;
    width:100%;
  }
  .expense-register-table tbody tr{
    margin:12px 0;
    border:1px solid var(--border);
    border-radius:var(--radius);
    background:var(--surface);
    overflow:hidden;
  }
  .expense-register-table td{
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    gap:10px;
    align-items:start;
    padding:10px 12px;
    border-bottom:1px solid var(--border-soft);
  }
  .expense-register-table td:last-child{
    border-bottom:0;
  }
  .expense-register-table td::before{
    content:attr(data-label);
    color:var(--text-soft);
    font-size:12px;
    font-weight:800;
  }
  .expense-register-actions{
    justify-content:flex-start;
  }
  .expense-register-actions .btn{
    width:100%;
  }
  .expense-filters,
  .expense-filters select{
    width:100%;
  }
  .inventory-register-toolbar{
    display:grid;
    grid-template-columns:1fr;
  }
  .inventory-filters,
  .inventory-filters input,
  .inventory-filters select,
  .inventory-filters .btn{
    width:100%;
  }
  .inventory-filters input[type="search"]{
    min-width:0;
  }
  .inventory-register-actions{
    justify-content:flex-start;
  }
  .inventory-register-actions .btn,
  .inventory-register-actions form{
    width:100%;
  }
  .inventory-detail-hero{
    display:grid;
    grid-template-columns:1fr;
    padding:16px;
  }
  .inventory-detail-title h2{
    font-size:26px;
    white-space:normal;
  }
  .inventory-detail-meta > span:not(.badge){
    max-width:100%;
  }
  .inventory-kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .inventory-kpi-grid article{
    padding:13px;
  }
  .inventory-kpi-grid b{
    font-size:16px;
  }
  .inventory-detail-main-grid,
  .inventory-detail-list{
    grid-template-columns:1fr;
  }
  .inventory-info-card,
  .inventory-movement-card,
  .inventory-history-card,
  .inventory-label-card{
    padding:16px;
  }
  .inventory-more-menu,
  .inventory-more-menu summary,
  .inventory-more-menu .btn{
    width:100%;
  }
  .inventory-more-panel{
    position:static;
    width:100%;
  }
  .inventory-verify-grid,
  .inventory-manual-form,
  .inventory-result-grid{
    grid-template-columns:1fr;
  }
  .inventory-scan-card,
  .inventory-result-card{
    padding:16px;
  }
  .inventory-scan-actions,
  .inventory-result-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .inventory-scan-actions .btn,
  .inventory-scan-actions .qr-file-button,
  .inventory-result-actions .btn{
    width:100%;
  }
  .inventory-scan-shell,
  .inventory-scan-shell video{
    min-height:240px;
  }
  .inventory-detail-grid{
    grid-template-columns:1fr;
  }
  .inventory-code-grid{
    grid-template-columns:1fr;
  }
  .inventory-code-section-head{
    display:grid;
    grid-template-columns:1fr;
  }
  .inventory-qr-img{
    width:128px;
    height:128px;
  }
  .inventory-qr-img.large{
    width:150px;
    height:150px;
  }
  .inventory-label-actions .btn{
    width:100%;
  }
  .inventory-label-meta{
    grid-template-columns:1fr;
  }
  .inventory-label-foot{
    grid-template-columns:76px minmax(0,1fr);
  }
  .inventory-label-foot img{
    width:76px;
    height:76px;
  }
  .inventory-action-grid{
    grid-template-columns:1fr;
  }
  .inventory-action-card .btn{
    width:100%;
  }
  .inventory-detail-actions,
  .inventory-detail-actions .btn,
  .inventory-detail-actions form{
    width:100%;
  }
  .inventory-history-row{
    grid-template-columns:18px minmax(0,1fr);
    gap:12px;
  }
  .inventory-history-row:not(:last-child)::before{
    left:5px;
  }
  .inventory-history-date{
    grid-column:2;
    text-align:left;
    margin-bottom:2px;
  }
  .inventory-history-dot{
    grid-column:1;
    grid-row:1 / span 2;
  }
  .inventory-history-content{
    grid-column:2;
  }
  .expense-pagination{
    display:grid;
    grid-template-columns:1fr;
  }
  .expense-detail-grid{
    grid-template-columns:1fr;
  }
  .expense-detail-list{
    grid-template-columns:1fr;
  }
  .expense-receipt-frame{
    min-height:58vh;
  }
  .invoice-meta-grid,
  .invoice-party-grid{
    grid-template-columns:1fr;
  }
  .invoice-paper-head{
    display:grid;
    grid-template-columns:1fr;
  }
  .invoice-title-block{
    margin-left:0;
    text-align:left;
  }
  .invoice-real,
  .print-body,
  .leave-doc{
    padding:18px;
  }
  .print-page,
  .leave-doc{
    max-width:100%;
  }
  .leave-doc{
    min-height:0;
  }
  .document-signature-stamp dl div,
  .verify-grid{
    grid-template-columns:1fr;
  }
  .employee-profile-modal{
    width:calc(100vw - 20px);
    max-width:calc(100vw - 20px);
    max-height:calc(100dvh - 20px);
    border-radius:var(--radius-sm);
  }
  .context-drawer-panel{
    inset:auto 0 0 0;
    width:100vw;
    max-height:88dvh;
    border-left:0;
    border-top:1px solid var(--border);
    border-radius:18px 18px 0 0;
    transform:translateY(100%);
  }
  .context-drawer.open .context-drawer-panel{
    transform:translateY(0);
  }
  .context-drawer-body{
    padding:16px;
    padding-bottom:calc(24px + env(safe-area-inset-bottom));
  }
  .context-drawer-head{
    padding:16px;
  }
  .cookie-banner{
    left:10px;
    right:10px;
    bottom:10px;
    align-items:flex-start;
    flex-direction:column;
  }
  .cookie-actions{
    width:100%;
    justify-content:flex-start;
  }
  .inline-note-input{
    width:100%;
  }
	  .context-detail-grid,
	  .request-detail-grid,
	  .attendance-pass-preview,
	  .qr-result-preview,
	  .attendance-exception-row{
	    grid-template-columns:1fr;
	  }
	  .attendance-filter,
	  .attendance-export-actions,
	  .context-actions,
	  .qr-result-body .modal-actions{
	    display:grid;
	    grid-template-columns:1fr;
	  }
  .attendance-filter input,
  .attendance-filter select,
  .attendance-export-actions .btn,
  .qr-scanner-card .btn,
	  .context-actions .btn,
	  .context-actions form,
	  .context-actions button,
	  .qr-result-body .modal-actions .btn,
	  .qr-result-body .modal-actions form,
	  .qr-result-body .modal-actions button{
	    width:100%;
	  }
  .qr-camera-shell{
    aspect-ratio:1/1;
    max-height:min(60vh,440px);
    min-height:0;
  }
  .qr-camera-shell video{
    min-height:0;
    object-fit:contain;
  }
  .qr-scan-frame{
    inset:18%;
    border-radius:16px;
  }
  .qr-scanner-actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .qr-scanner-actions .qr-file-button{
    grid-column:1/-1;
  }
  .workplace-access-row{
    grid-template-columns:auto minmax(0,1fr);
  }
  .employee-profile-layout,
  .employee-profile-stats,
  .employee-attendance-kpis,
  .employee-attendance-last,
  .employee-profile-grid,
  .employee-leave-grid{
    grid-template-columns:1fr;
  }
  .login{
    width:100%;
    min-width:0;
    padding:24px 14px;
  }
  .login-card{
    width:100%;
    min-width:0;
    max-width:100%;
    padding:24px;
  }
  .login-logo{
    width:min(230px,82%);
    max-height:104px;
  }
  .mobile-install-card{
    width:100%;
    grid-template-columns:minmax(0,1fr);
    gap:8px;
    padding:12px;
  }
  .mobile-install-card b,
  .mobile-install-card p{
    width:100%;
    min-width:0;
    max-width:none;
    white-space:normal;
    word-break:normal;
    overflow-wrap:normal;
    writing-mode:horizontal-tb;
    text-orientation:mixed;
  }
  .mobile-install-card .btn{
    width:100%;
  }
  .dashboard-context-row{
    grid-template-columns:1fr;
  }
  .dashboard-context-meta{
    justify-items:start;
  }
  .mobile-qr-fab{
    position:fixed;
    right:calc(16px + env(safe-area-inset-right));
    bottom:calc(18px + env(safe-area-inset-bottom));
    z-index:5400;
    min-width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    border:1px solid var(--border);
    border-radius:999px;
    background:var(--accent);
    color:#fff;
    box-shadow:var(--shadow-popout);
    font-weight:800;
    text-decoration:none;
  }
  .mobile-qr-fab span{font-size:18px}
  .mobile-qr-fab b{font-size:12px}
  body.drawer-open .mobile-qr-fab,
  body.modal-open .mobile-qr-fab,
  body.mobile-menu-open .mobile-qr-fab,
  body.qr-scanner-active .mobile-qr-fab{display:none}
}

@media (max-width:700px){
  .main > .schedule-draft-panel{
    position:sticky;
    top:calc(env(safe-area-inset-top, 0px) + 8px);
    z-index:120;
    width:auto;
    margin:10px 14px 0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .schedule-draft-bar{
    display:none;
  }
  .schedule-draft-chip{
    width:auto;
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:9px 12px;
    border:1px solid var(--border);
    border-radius:999px;
    background:var(--surface);
    color:var(--text);
    box-shadow:var(--shadow-card);
    font-weight:800;
  }
  .schedule-draft-chip span,
  .schedule-draft-chip b{
    display:block;
    white-space:nowrap;
  }
  .schedule-draft-chip b{
    color:var(--accent);
    font-size:13px;
  }
  .schedule-draft-sheet{
    inset:auto 0 0 0;
    width:100vw;
    max-height:88dvh;
    border-left:0;
    border-top:1px solid var(--border);
    border-radius:18px 18px 0 0;
    transform:translateY(100%);
  }
  .schedule-draft-drawer.open .schedule-draft-sheet{
    transform:translateY(0);
  }
  .schedule-draft-head{
    padding:16px;
  }
  .schedule-draft-head h2{
    font-size:20px;
  }
  .schedule-draft-selectbar{
    align-items:flex-start;
    flex-direction:column;
    padding:12px 16px;
  }
  .schedule-draft-selectbar .actions{
    width:100%;
  }
  .schedule-draft-selectbar .actions .btn{
    flex:1;
    width:auto;
  }
  .schedule-draft-list{
    padding:12px;
  }
  .schedule-draft-item{
    align-items:flex-start;
  }
  .schedule-draft-item .btn{
    width:auto;
    flex:0 0 auto;
  }
  .schedule-draft-footer{
    padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  }
  .schedule-draft-footer .btn{
    flex:1;
    width:auto;
  }
}

@media (max-width:380px){
  .modal .segmented,
  .builder-modal .segmented{
    grid-template-columns:1fr;
  }
  .employee-profile-actions{
    grid-template-columns:1fr;
  }
}

@media (max-width:720px){
  .employee-inventory-head{
    display:none;
  }
  .employee-inventory-row{
    grid-template-columns:1fr;
    align-items:start;
  }
  .employee-inventory-row span::before{
    content:attr(data-label);
    display:block;
    margin-bottom:2px;
    color:var(--text-soft);
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
  }
  .employee-inventory-row .btn{
    width:100%;
  }
  .context-inventory-row{
    align-items:start;
  }
}

@media (min-width:901px){
  .mobile-nav-menu,
  .mobile-menu-trigger{display:none!important}
}