/* Mobile is the same authenticated application. No offline data cache. */
.mobile-table-hint{display:none}
.monitor-v3-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.monitor-v3-stats article{padding:14px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#fff,#eef7ff);display:grid;gap:4px}.monitor-v3-stats span{font-size:12px;color:var(--muted)}.monitor-v3-stats strong{font-size:25px;color:var(--navy)}.monitor-v3-stats small{color:var(--muted)}
.phonebook-email{color:var(--blue);text-decoration:underline;word-break:break-word}
.phonebook-table tbody tr:nth-child(odd) td{background:#fff}.phonebook-table tbody tr:nth-child(even) td{background:#eef5fc}.phonebook-table tbody tr:hover td{background:#dfeeff}.phonebook-table .link-button{color:inherit;font-weight:inherit;text-decoration:none}
.mobile-menu-toggle,.mobile-bottom-nav{display:none}
@media screen and (max-width:760px){
 body.mobile-device #content .phonebook-table{min-width:720px!important;width:720px!important}.phonebook-table th:first-child,.phonebook-table td:first-child{position:static!important;left:auto!important;z-index:auto!important}.phonebook-table-wrap{touch-action:pan-x pan-y!important;-webkit-overflow-scrolling:touch!important}
 .monitor-v3-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.monitor-v3-stats article{padding:10px}.monitor-v3-stats strong{font-size:21px}
 body.mobile-device{padding-bottom:68px}
 body.mobile-device .sidebar{position:fixed;inset:0 0 auto 0;width:100%;height:auto;max-height:100dvh;overflow:hidden;z-index:1000;padding:10px 12px;background:linear-gradient(180deg,var(--navy),var(--teal));box-shadow:0 4px 18px rgba(0,0,0,.2)}
 body.mobile-device .sidebar .brand{padding:0 52px 0 0;min-height:44px}
 body.mobile-device .sidebar nav{display:none}
 body.mobile-device .sidebar.mobile-menu-open nav{display:grid;grid-template-columns:minmax(0,1fr);padding:10px 0 4px;max-height:calc(100dvh - 92px);overflow-y:auto;overscroll-behavior:contain}
 body.mobile-device .mobile-menu-toggle{display:inline-flex;position:absolute;right:12px;top:12px;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:7px 10px;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:rgba(255,255,255,.12);color:#fff;font:inherit;font-size:12px;font-weight:700}
 body.mobile-device .mobile-menu-toggle span:first-child{font-size:18px;line-height:1}
 body.mobile-device .main{padding-top:124px}
 body.mobile-device .topbar{position:relative;top:auto;z-index:1;min-height:92px}
 body.mobile-device .mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));left:0;right:0;bottom:0;z-index:30;padding:7px max(8px,env(safe-area-inset-left)) max(7px,env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -5px 18px rgba(25,48,79,.12);backdrop-filter:blur(12px)}
 body.mobile-device .mobile-bottom-nav button{display:grid;place-items:center;gap:2px;min-width:0;min-height:48px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:inherit;cursor:pointer}
 body.mobile-device .mobile-bottom-nav button span{font-size:21px;line-height:1}
 body.mobile-device .mobile-bottom-nav button small{font-size:10px;font-weight:700;white-space:nowrap}
 body.mobile-device .mobile-bottom-nav button.active{background:#e7f1fb;color:var(--blue)}
 body.mobile-device .mobile-bottom-nav button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
 .dark-mode.mobile-device .mobile-bottom-nav{background:rgba(23,34,49,.97)}
 html{scroll-padding-top:60px}
 body{width:100%;min-width:0}
 .sidebar{position:relative;width:100%;padding:12px 16px}
 .sidebar .brand{margin:0;min-height:44px;padding-right:100px}
 .sidebar nav .nav-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
 .sidebar nav .nav-group>small{grid-column:1/-1}
 .sidebar .nav-btn{min-height:44px;white-space:normal;text-align:left}
 .main{min-width:0;margin:0}
 .topbar{padding:16px;gap:10px}
 .topbar{height:auto;min-height:92px;overflow:visible;align-items:flex-start}
 .topbar h1{font-size:23px;overflow-wrap:anywhere}
 .top-actions{flex-wrap:wrap;gap:8px}
 .top-actions .global-search{flex:1 1 100%;min-width:0}
 .top-actions .server-user{display:grid;font-size:12px;white-space:normal;margin-right:auto}
 .top-actions .server-sync{display:block;font-size:11px}
 #content{padding:14px;min-width:0}
 .panel-head,.panel-body{padding:14px}
 .panel-head{flex-wrap:wrap;gap:10px}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .card{padding:14px;min-width:0}.card .value{font-size:25px}
 .dashboard-hero{padding:18px;gap:14px}
 .dashboard-scope,.client-picker,.filter-select{max-width:100%;min-width:0}
 .table-wrap{max-width:100%;overflow:auto;overscroll-behavior-x:contain}
 .table-wrap:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
 .table-wrap table{min-width:100%}
 .toolbar,.toolbar-left,.toolbar-right,.view-toolbar,.column-tools{flex-wrap:wrap;gap:10px;min-width:0}
 .toolbar select,.toolbar input,.view-toolbar select{max-width:100%}
 button.btn,.icon-btn,.waze-button,.row-btn{min-height:44px}
 input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{font-size:16px!important;max-width:100%;min-width:0}
 input[type=checkbox],input[type=radio]{width:20px;height:20px}
 dialog[open]{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;margin:auto;border-radius:12px;overflow:auto}
 .dialog-head{padding:14px;gap:10px;position:sticky;top:0;z-index:4;flex-wrap:wrap}
 .dialog-head h2{font-size:19px;overflow-wrap:anywhere}
 .about-head{padding:18px;gap:12px}.about-logo{width:54px;height:54px;min-width:54px;border-radius:14px}.about-logo img{width:46px;height:46px}.about-brand{gap:12px}.about-brand h2{font-size:21px}.about-body{max-height:none;padding:18px}.about-facts,.about-sections{grid-template-columns:minmax(0,1fr)}.about-actions{align-items:stretch}.about-actions span{flex:1 1 100%}
 .dialog-head .icon-btn{min-width:44px}
 .record-heading{min-width:0}.record-mode{display:none}
 .record-tabs,.aw-tabs,.cw-tabs{overflow-x:auto;flex-wrap:nowrap;max-width:100%}
 .record-tabs button,.aw-tabs button,.cw-tabs button{flex-shrink:0;min-height:44px}
 .record-fields,.form-grid,.server-form,.server-form.user-form,.settings-fields,.settings-fields.operational{grid-template-columns:minmax(0,1fr);max-height:none;padding:14px}
 .record-fields .form-field{grid-column:1/-1}
 .record-footer,.dialog-actions,.detail-actions{padding:12px;flex-wrap:wrap;gap:10px}
 .dialog-actions small{flex-basis:100%}
 .detail-grid{grid-template-columns:minmax(90px,35%) minmax(0,1fr);padding:8px;max-height:none}
 .detail-grid dd{overflow-wrap:anywhere}
 .detail-contacts{margin:14px}.detail-extras{padding:14px}
 .aw-layout,.aw-two,.cw-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
 .aw-main,.aw-aside,.aw-card,.cw-main{min-width:0}
 .asset-workspace[open]>*,.client-workspace[open]>*{flex-shrink:0}
 .asset-workspace>#detailWorkspace,.client-workspace>#detailWorkspace{padding:12px}
 .aw-summary,.cw-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .aw-card{padding:14px}.aw-pairs dd{overflow-wrap:anywhere}
 .aw-status{gap:10px;flex-wrap:wrap}
 .agent-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .contract-usage,.column-options{grid-template-columns:repeat(2,minmax(0,1fr))}
 .server-auth{padding:12px;min-height:100dvh}
 .auth-card{padding:22px;max-width:100%}
 .auth-brand h1{font-size:25px}.auth-brand img{width:44px;height:44px}
 .auth-card .auth-back-link{min-height:44px}
 .toast{left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));max-width:100%}
}

@media screen and (max-width:360px){.cards,.aw-summary,.cw-summary{grid-template-columns:1fr}}

@media screen and (max-width:700px){
 .mobile-card-table{display:block!important;min-width:0!important;background:transparent!important;white-space:normal}
 .mobile-card-table colgroup,.mobile-card-table thead{display:none}
 .mobile-card-table tbody{display:grid;gap:12px}
 .mobile-card-table tbody tr{display:grid;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(25,48,79,.06)}
 .mobile-card-table tbody tr[hidden]{display:none!important}
 .mobile-card-table tbody td{display:grid;grid-template-columns:minmax(105px,38%) minmax(0,1fr);align-items:start;gap:9px;max-width:none;padding:9px 0;border-bottom:1px solid var(--line);white-space:normal;overflow:visible;text-overflow:clip}
 .mobile-card-table tbody td:last-child{border-bottom:0}
 .mobile-card-table tbody td::before{content:attr(data-mobile-label);color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.03em}
 .mobile-card-table tbody .row-select-cell{position:static!important;width:auto;max-width:none}
 .mobile-card-table tr.entity-row-selected{border-color:var(--blue);box-shadow:0 0 0 2px rgba(36,118,211,.16)}
 .mobile-card-table tr.entity-row-selected td{background:transparent!important;box-shadow:none!important}
 .dark-mode .mobile-card-table tbody tr{background:#172231}
 .time-tracker-hero{display:grid}.time-tracker-live{width:100%;min-width:0;text-align:center}.time-tracker-form{grid-template-columns:minmax(0,1fr)}.time-tracker-form .form-field{grid-column:1!important}.time-tracker-actions{grid-column:1!important}.time-tracker-actions .btn{flex:1}.time-project-heading{align-items:flex-start}.time-year-filter{width:100%;justify-content:space-between}.open-project-list{grid-template-columns:minmax(0,1fr)}.open-project-list article{grid-template-columns:minmax(0,1fr);align-items:flex-start}.open-project-list article>.btn{width:100%}.time-tracker-history{display:table!important;min-width:900px!important}.time-tracker-history thead{display:table-header-group}.time-tracker-history tbody{display:table-row-group}.time-tracker-history tr{display:table-row}.time-tracker-history td{display:table-cell}
}

/* V1 mobile layout correction: every list control gets its own row and
   tables remain inside a bounded scroll region instead of overlapping fields. */
@media screen and (max-width:760px){
 body.mobile-device #content .toolbar,
 body.mobile-device #content .toolbar-left,
 body.mobile-device #content .toolbar-right,
 body.mobile-device #content .view-toolbar,
 body.mobile-device #content .column-tools-bar,
 body.mobile-device #content .phonebook-search,
 body.mobile-device #content .toolbox-filters,
 body.mobile-device #content .agent-controls,
 body.mobile-device #content .cw-toolbar,
 body.mobile-device #content .report-form,
 body.mobile-device #content .network-check-form,
 body.mobile-device #content .network-snmp-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:10px!important;width:100%!important;max-width:100%!important}
 body.mobile-device #content .toolbar>* ,
 body.mobile-device #content .toolbar-left>* ,
 body.mobile-device #content .toolbar-right>* ,
 body.mobile-device #content .view-toolbar>* ,
 body.mobile-device #content .column-tools-bar>* ,
 body.mobile-device #content .phonebook-search>* ,
 body.mobile-device #content .toolbox-filters>* ,
 body.mobile-device #content .agent-controls>* ,
 body.mobile-device #content .cw-toolbar>* ,
 body.mobile-device #content .report-form>* ,
 body.mobile-device #content .network-check-form>* ,
 body.mobile-device #content .network-snmp-grid>*{grid-column:1!important;width:100%!important;min-width:0!important;max-width:100%!important}
 body.mobile-device #content .field-search,
 body.mobile-device #content .filter-select,
 body.mobile-device #content input,
 body.mobile-device #content select,
 body.mobile-device #content textarea{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
 body.mobile-device #content label{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;min-width:0!important;width:100%!important}
 body.mobile-device #content .table-wrap,
 body.mobile-device #content .phonebook-table-wrap{position:relative!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:visible!important;isolation:isolate}
 body.mobile-device #content .table-wrap table{position:relative!important;top:auto!important;left:auto!important}
 body.mobile-device #content .phonebook-panel{position:static!important;inset:auto!important;width:100%!important;max-width:100%!important}
 body.mobile-device #content .panel-head{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;width:100%!important;min-width:0!important}
 body.mobile-device #content .panel-head>div{flex:1 1 100%!important;width:100%!important;min-width:0!important}
 body.mobile-device #content .panel-head>.actions{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important}
}
@media screen and (max-width:700px){.time-tracker-history.mobile-card-table{display:block!important;min-width:0!important}.time-tracker-history.mobile-card-table thead{display:none}.time-tracker-history.mobile-card-table tbody{display:grid}.time-tracker-history.mobile-card-table tr{display:grid}.time-tracker-history.mobile-card-table td{display:grid}}
@media screen and (max-width:760px){.global-clock{order:-1;flex:1 1 128px;max-width:180px}}

/* V2.6.1: override desktop min-content sizing, including ID-specific rules.
   Wide tables scroll inside their own region, never outside the phone. */
@media screen and (max-width:760px){
 body .sidebar{inset:auto;max-width:100%;padding:12px}
 body [hidden]{display:none!important}
 .sidebar .brand{padding:0;gap:10px;max-width:calc(100% - 90px)}
 .sidebar .brand>div{min-width:0}
 .sidebar .brand strong,.sidebar .brand small{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .sidebar .brand strong{font-size:15px}
 .sidebar .brand small{font-size:11px}
 .sidebar nav .nav-group{grid-template-columns:minmax(0,1fr)}
 .sidebar .nav-btn{max-width:100%;overflow-wrap:anywhere;transform:none}
 .main,.topbar,#content,.panel,.panel-body,.panel-head,.hero,.dashboard-grid,.grid-2{min-width:0;max-width:100%}
 .topbar>div,.top-actions>*,.panel-head>div,.hero>div{min-width:0;max-width:100%}
 .top-actions .server-sync{flex:1 1 100%;white-space:normal;overflow-wrap:anywhere}
 .top-actions .server-user{flex:1 1 150px}
 .topbar{padding:12px}.topbar h1{font-size:21px}
 #content{padding:10px}
 .panel-head,.panel-body,.hero{padding:12px}
 .panel-head,.hero{align-items:stretch}
 .cards,.grid-2,.dashboard-grid,.toolbox-cards,.administration-grid,.contract-usage,.column-options{grid-template-columns:minmax(0,1fr)}
 .card .value,.aw-summary strong{overflow-wrap:anywhere}
 .toolbar,.toolbar-left,.toolbar-right,.view-toolbar,.column-tools-bar,
 .quick-actions,.actions,.settings-actions,.toolbox-nav,.toolbox-filters,
 .toolbox-template,.agent-controls,.cw-toolbar,.report-form{display:flex;flex-wrap:wrap;gap:10px;min-width:0;max-width:100%}
 .toolbar>*,.toolbar-left>*,.toolbar-right>*,.view-toolbar>*,.toolbox-filters>*,
 .agent-controls>*,.cw-toolbar>*,.report-form>*{flex:1 1 100%;min-width:0!important;max-width:100%}
 .quick-actions>.btn,.actions>.btn,.settings-actions>.btn,.toolbox-nav>.btn{flex:1 1 150px;min-width:0}
 .btn,.file-btn,.reading-link,.locked-label,.badge{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .rustdesk-mark{max-width:100%;white-space:normal}
 .btn .rustdesk-mark img{flex-shrink:0}
 .hero .client-picker,.filter-select,.field-search{width:100%;min-width:0}
 label,fieldset,legend,form,.form-field{min-width:0;max-width:100%}
 fieldset{margin-inline:0}
 label,legend,summary,p,h1,h2,h3,h4,small,dd{overflow-wrap:anywhere}
 form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
 form select,form textarea,.form-field input,.form-field select,.form-field textarea,
 .settings-fields input,.agent-controls input,.agent-controls select,
 .view-toolbar input,.view-toolbar select,.cw-toolbar input,.cw-toolbar select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
 input[type=date],input[type=datetime-local],input[type=time]{min-height:44px;-webkit-appearance:none;appearance:none}
 input::-webkit-date-and-time-value{text-align:left;min-width:0}
 input[type=file]{width:100%;overflow:hidden}
 textarea{resize:vertical}
 img,video,canvas{max-width:100%}
 pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
 code{overflow-wrap:anywhere}
 .table-wrap{width:100%;min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .table-wrap table{width:100%;min-width:100%;table-layout:auto}
 .table-wrap th,.table-wrap td{overflow-wrap:anywhere}
 .mobile-table-hint{display:block;font-size:12px;color:var(--muted);margin:8px 0}
 .request-board{max-width:100%;min-width:0;grid-auto-columns:minmax(0,100%)}
 .server-sync-error{margin:10px;padding:12px;max-width:calc(100% - 20px);min-width:0}
 .server-sync-error .actions{flex-direction:column}
 .server-sync-error .actions>.btn{flex:none;width:100%}
 /* Full-width sheets: one vertical scroll container, safe area and keyboard. */
 body dialog[open]{position:fixed;inset:0;margin:0!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100vh;height:var(--mobile-view-height,100dvh);max-height:100vh!important;max-height:var(--mobile-view-height,100dvh)!important;padding:0!important;border:0;border-radius:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 body dialog[open].asset-workspace,body dialog[open].client-workspace{display:block}
 body dialog>.dialog-head,body dialog>.panel-head{position:sticky;top:0;z-index:4;padding:12px;padding-top:max(12px,env(safe-area-inset-top));gap:8px}
 body dialog .dialog-head>div{min-width:0;max-width:100%}
 body dialog .dialog-head .icon-btn{flex-shrink:0}
 body dialog .dialog-head h2{font-size:18px;white-space:normal}
 body dialog .trail-head-buttons{display:flex;gap:8px;flex-shrink:0}
 body dialog form,body #recordForm{width:100%;max-width:100%;max-height:none;display:block}
 body #recordForm .record-head{position:sticky;top:0;z-index:4;padding:12px;flex-wrap:nowrap;gap:8px}
 body #recordForm .record-heading h2{font-size:18px}
 body #recordForm .record-app-icon{width:30px;height:30px}
 body #recordForm .record-tabs{display:flex;flex-wrap:nowrap;padding:0 8px;overflow-x:auto;max-width:100%}
 body #recordForm .record-tab{flex:0 0 auto;max-width:80vw;white-space:normal}
 body #recordForm .record-fields{padding:0;max-height:none;overflow:visible}
 body #recordForm .record-panel-grid,body #recordForm .record-catalogue-grid{grid-template-columns:minmax(0,1fr);padding:12px;max-height:none;overflow:visible}
 body #recordForm .record-catalogue{padding:10px;min-width:0}
 body #recordForm .record-catalogue-grid{padding:0}
 body #recordForm .record-footer{padding:12px;padding-bottom:max(16px,env(safe-area-inset-bottom))}
 body #recordForm .record-linked-summary{margin:12px;padding:12px}
 body #recordForm .dialog-actions,body dialog .detail-actions{display:flex;flex-wrap:wrap;gap:8px}
 body #recordForm .dialog-actions>.btn,body dialog .detail-actions>.btn{flex:1 1 140px;white-space:normal}
 body dialog .detail-grid,body dialog .detail-list,body dialog .aw-facts,body dialog .agent-inventory-fields{grid-template-columns:minmax(0,1fr);max-height:none;overflow:visible;gap:4px}
 body dialog .detail-grid dd,body dialog .detail-list dd,body dialog .aw-facts dd{margin:0 0 12px;padding:0 8px 8px;min-width:0}
 body dialog .detail-grid dt{padding:8px 8px 0;border:0}
 body dialog #detailWorkspace,body dialog #detailExtras,body dialog #detailAgent,body dialog #detailContacts{min-width:0;max-width:100%;margin:0;padding:12px}
 body dialog #detailFields{margin:0;padding:12px}
 body dialog #historyBody{max-height:none;overflow:visible}
 body dialog .detail-actions{padding:12px}
 body dialog>:last-child{padding-bottom:max(16px,env(safe-area-inset-bottom))}
 .aw-layout,.aw-main,.aw-aside,.aw-two{min-width:0;max-width:100%}
 .aw-summary,.agent-metrics,.aw-tab-body .agent-metrics{grid-template-columns:minmax(0,1fr)}
 .aw-tab-body,.aw-card{padding:10px}
 .aw-facts,.detail-list,.agent-inventory-fields{grid-template-columns:minmax(0,1fr);min-width:0}
 .aw-tabs{padding-inline:8px}
 .aw-chart,.aw-chart svg,.performance-chart,.performance-chart svg{min-width:0;max-width:100%}
 .toolbox-template{margin:10px;padding:10px}
 .toolbox-row>span,.toolbox-template label,#toolboxBody>label{min-width:0;max-width:100%}
 .settings-fields.company-fields,.settings-fields.brand-colors{grid-template-columns:minmax(0,1fr)}
 .logo-editor{gap:12px}
 .auth-card{min-width:0;width:100%;padding:18px}
 .auth-brand>div{min-width:0}
 .auth-brand h1,.server-auth .auth-brand h1{font-size:23px;overflow-wrap:anywhere}
 .auth-brand p{font-size:13px}
 .auth-company-logo img{max-width:100%;object-fit:contain}
 .mfa-qr{max-width:100%;width:min(276px,100%);padding:4px}
 .mfa-qr svg{max-width:100%;height:auto}
 .mfa-recovery{width:100%;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}
}

/* Dernières contraintes mobiles : garder trois onglets égaux et des actions de fiche uniformes. */
@media screen and (max-width:700px){
 body #detailDialog>.detail-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 body #detailDialog>.detail-actions>button{width:100%;min-width:0;height:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 body #detailDialog>.detail-actions>button[hidden]{display:none!important}
 .time-project-tabs{grid-template-columns:repeat(3,minmax(118px,1fr));overflow-x:auto}.time-project-tab{min-width:118px}
}

/* Les règles de densité imposent une hauteur fixe aux lignes desktop. Elles
   ne doivent pas s’appliquer aux cartes mobiles, dont la hauteur dépend du
   contenu de chaque fiche. */
@media screen and (max-width:760px){
 body.mobile-device #content .table-wrap table.mobile-card-table{display:block!important;min-width:0!important;width:100%!important;table-layout:auto!important}
 body.mobile-device #content .mobile-card-table tbody{display:grid!important;gap:12px!important;width:100%!important}
 body.mobile-device #content .mobile-card-table tbody>tr{display:grid!important;height:auto!important;min-height:0!important;width:100%!important;overflow:visible!important;align-content:start!important}
 body.mobile-device #content .mobile-card-table tbody>tr>td{display:grid!important;height:auto!important;min-height:44px!important;width:100%!important;overflow:visible!important;white-space:normal!important;line-height:1.35!important}
 body.mobile-device #content .mobile-card-table tbody>tr>td:first-child{position:static!important;left:auto!important;z-index:auto!important}
 body.mobile-device #content .mobile-card-table .column-filters{display:none!important}
}
@media screen and (max-width:760px){body.mobile-device .sidebar.mobile-menu-open{max-height:100dvh;overflow:hidden}body.mobile-device .sidebar.mobile-menu-open nav{display:grid!important;max-height:calc(100dvh - 92px)!important;overflow-y:auto!important}.gps-capture-button{width:100%;margin-top:6px}#mobileOfflineBanner{position:fixed;left:12px;right:12px;bottom:76px;z-index:1100;background:#152b59;color:#fff;padding:10px 12px;border-radius:12px;display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:13px}#mobileOfflineBanner[hidden]{display:none}#mobileOfflineBanner button{border:0;border-radius:8px;padding:7px 10px;background:#57c7bd;color:#09233d;font-weight:700}}
@media screen and (max-width:760px){body.mobile-device{padding-bottom:112px}}
