/* Reference: white content, compact fields and a persistent right action rail. Left navigation is unchanged. */
@media screen and (min-width:760px){
 html body .right-tools-root{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 260px!important;column-gap:0!important;align-content:start!important;align-items:start!important;background:var(--surface,#fff)!important}
 html body .right-tools-root>*:not(.right-tools-aside){grid-column:1!important;min-width:0!important}
 html body .right-tools-root>.right-tools-aside{grid-column:2!important;grid-row:1/span 30!important;width:260px!important;box-sizing:border-box;position:sticky;top:0;max-height:calc(100dvh - 170px);overflow:auto;scrollbar-width:thin;align-self:start;background:var(--surface,#fff);border-left:1px solid var(--line,#d9e4e9);padding:0 14px 14px;color:var(--ink,#19354e);z-index:5}
 html body .right-tools-aside>h2{font-size:16px;font-weight:700;line-height:1.3;margin:0 -14px 0;padding:14px;border-bottom:1px solid var(--line,#d9e4e9);background:var(--surface,#fff);position:sticky;top:0;z-index:1}
 .rt-context{font-size:13px;font-weight:600;padding:12px 0;margin:0;overflow-wrap:anywhere;border-bottom:1px solid var(--line,#d9e4e9)}
 .rt-group{padding:12px 0;border-bottom:1px solid var(--line,#d9e4e9)}.rt-group h3{font-size:14px;margin:0 0 8px;line-height:1.3}
 html body .rt-command{width:100%!important;max-width:none!important;display:flex!important;align-items:center;gap:10px;border:0;background:transparent;color:#0876f3;padding:10px 4px;min-height:40px;font:inherit;font-size:13px;text-align:left;cursor:pointer;border-radius:6px;box-shadow:none!important;white-space:normal}
 .rt-command>svg,.rt-command>img,.rt-fallback{width:23px!important;height:23px!important;flex:none;font-size:25px;line-height:23px;object-fit:contain}.rt-command>span:last-child{min-width:0;overflow-wrap:anywhere}.rt-command:hover{background:#eef6ff}.rt-command:disabled{color:#8b9aa8;opacity:.55;cursor:default}
 .rt-group[data-group="Diagnostic"] .rt-fallback{color:#00a65c}.rt-group[data-group="Documents"] .rt-fallback{color:#0876f3}.rt-group[data-group="Navigation"] .rt-fallback{color:#f59d18}.rt-group[data-group="Exécution"] .rt-fallback{color:#8d50f7}.rt-group[data-group="Actions sensibles"]{margin-top:12px}.rt-group[data-group="Actions sensibles"] .rt-command{color:#d94242}
 .rt-save{display:grid;gap:8px;position:sticky;bottom:0;background:var(--surface,#fff);padding-top:12px;margin-top:12px;border-top:1px solid var(--line,#d9e4e9)}
 html body .rt-save .rt-save-command{justify-content:center;border:1px solid var(--line,#d9e4e9);text-align:center;padding:10px;background:var(--surface,#fff);color:var(--ink,#19354e)}
 html body .rt-save .rt-main{background:#0876f3!important;color:white!important;border-color:#0876f3!important}
 html body .right-tools-root .detail-actions,html body .right-tools-root .entity-selection-actions,html body .right-tools-root .ui-neutral-actions,html body .right-tools-root .panel-head>.actions,html body .right-tools-root .toolbar-right,html body .right-tools-root .settings-actions,html body .right-tools-root .record-footer .dialog-actions{display:none!important}
 html body .right-tools-root>.panel-head{padding:8px 14px!important}
 html body #detailDialog.right-tools-root .dialog-head{position:relative!important;top:auto!important;color:var(--ink)!important;background:var(--surface)!important}
 html body #detailDialog.right-tools-root #detailTitle{color:#087f68!important}
 html body #detailDialog.right-tools-root .dialog-head :is(p,small){color:var(--muted)!important}
 html body #detailDialog.right-tools-root>.right-tools-aside{height:calc(100dvh - 175px);max-height:calc(100dvh - 175px)}
 html body #recordForm.right-tools-root>.right-tools-aside{max-height:calc(100dvh - 55px)}
 html body #recordForm.right-tools-root .record-footer{padding:8px 14px!important}
 html body .right-tools-root .entity-list-controls{margin:0!important;padding:8px 0!important}
}

@media screen and (min-width:760px){html body .right-tools-root .right-tools-aside .rt-primary-action{background:#0876f3!important;color:white!important;padding:10px!important;margin:4px 0 10px;justify-content:center}html body #detailDialog.right-tools-root #detailWorkspace .aw-tabs{margin-left:0!important;padding-left:0!important}html body #detailDialog.right-tools-root .record-tabs{margin-left:0!important;padding-left:0!important}}
@media screen and (min-width:760px) and (max-width:1100px){html body .right-tools-root{grid-template-columns:minmax(0,1fr) 220px!important}html body .right-tools-root>.right-tools-aside{width:220px!important}}

@media screen and (min-width:760px){html body #recordForm.right-tools-root .dialog-actions{display:none!important}}

@media screen and (min-width:760px){html body #content:has(.settings-panel.right-tools-root)>.admin-breadcrumb .settings-save,html body .settings-panel.right-tools-root :is(#chooseLogo,#removeLogo,#resetBranding,#autoNavTextColor,#testBrotherConnection){display:none!important}}

@media screen and (min-width:760px){html body #content:has(.settings-panel.right-tools-root)>.admin-breadcrumb{display:none!important}}

@media screen and (min-width:760px){
 html body .right-tools-aside details.rt-collapsible>summary{display:flex!important;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;margin:0;cursor:pointer;font-size:14px;font-weight:700;line-height:1.3;list-style:none;color:var(--ink)}
 html body .right-tools-aside details.rt-collapsible>summary::-webkit-details-marker{display:none}
 html body .right-tools-aside details.rt-collapsible>summary::after{content:'›';font-size:20px;line-height:1;transition:transform .15s}
 html body .right-tools-aside details.rt-collapsible[open]>summary{margin-bottom:8px}
 html body .right-tools-aside details.rt-collapsible[open]>summary::after{transform:rotate(90deg)}
 html body .right-tools-aside details.rt-collapsible:not([open])>.rt-command{display:none!important}
 html body .right-tools-aside details.rt-collapsible>summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
}

@media screen and (min-width:760px){
 html body #detailDialog.right-tools-root .right-tools-aside>h2.rt-heading-with-close{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px;min-height:56px;padding:12px 14px!important}
 html body #detailDialog#detailDialog .right-tools-aside h2.rt-heading-with-close #closeDetail{position:static!important;inset:auto!important;transform:none!important;margin:0!important;float:none!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 30px!important;min-height:32px!important;padding:0!important;align-self:center!important}
}

/* Closed dialogs must stay hidden: display:grid must never override native dialog visibility. */
html body dialog.right-tools-root:not([open]):not(.client-pilot-detail){display:none!important}
html body #detailDialog:not([open]):not(.client-pilot-detail){display:none!important}
@media screen and (min-width:760px){
 html body .ticket-list-page.right-tools-root{grid-template-rows:auto minmax(0,1fr)!important;align-content:start!important}
 html body #content .ticket-list-page>.panel-head{display:flex!important;grid-column:1!important;grid-row:1!important;align-items:center;gap:20px;padding:24px!important;min-height:110px;justify-content:space-between}
 html body .ticket-list-page>.panel-head h3{font-size:29px;margin:0;letter-spacing:-1px;color:var(--ink)}
 html body .ticket-list-page>.panel-head p{margin:8px 0 0;color:var(--muted);font-size:13px}
 html body .ticket-list-page>.panel-body{grid-column:1!important;grid-row:2!important;min-width:0;min-height:0}
 html body .ticket-list-page>.right-tools-aside{grid-column:2!important;grid-row:1/span 2!important;top:0!important;margin-top:0!important;align-self:start}
 html body .ticket-list-page .entity-list-controls{order:1!important;position:sticky!important;top:0!important;z-index:4}
 html body .ticket-list-page #entityListSummary{display:block!important;order:2!important;margin:0;padding:8px 14px;font-size:12px;color:var(--muted)}
 html body .ticket-list-page .column-tools-bar{order:3!important}
 html body .ticket-list-page .request-board,html body .ticket-list-page #entityTable>.table-wrap{order:4!important}
 html body .ticket-list-page .request-board{max-height:calc(100dvh - 340px);min-height:220px;overflow:auto;overscroll-behavior:contain;margin:0;padding:12px;grid-auto-columns:minmax(250px,1fr)}
 html body .ticket-list-page .board-column>h3{position:sticky;top:-12px;z-index:1;background:var(--surface,#fff);padding:10px 0;margin-top:0}
 html body .ticket-list-page .entity-pagination{order:5!important}
 .ticket-counters{display:flex;align-items:center;gap:0;flex-shrink:0}.ticket-counters>div{padding:0 20px;text-align:center;border-left:1px solid var(--line)}.ticket-counters>div:first-child{border-left:0}.ticket-counters span{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;white-space:nowrap}.ticket-counters strong{display:block;margin-top:8px;font-size:23px;line-height:1}.ticket-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.ticket-dot.open{background:#0aaa48}.ticket-dot.unassigned{background:#efa800}
}
@media screen and (min-width:760px) and (max-width:1100px){html body #content .ticket-list-page>.panel-head{flex-wrap:wrap;padding:16px!important}.ticket-counters>div{padding:0 10px}}

/* V3.4.613: one Tickets heading, flush with the application header like Material. */
@media screen and (min-width:760px){
 html body:has(#content>.ticket-list-page) #m1PageHeading,
 html body:has(#content>.ticket-list-page) .page-heading{display:none!important}
 html body:has(#content>.ticket-list-page)>.main{padding-left:4px!important;padding-right:4px!important;padding-bottom:0!important}
 html body #content:has(>.ticket-list-page){margin:0!important;padding:0!important;width:100%!important;max-width:none!important;min-height:0}
 html body #content>.ticket-list-page{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;border-radius:8px;overflow:clip}
 html body #content>.ticket-list-page>.panel-head{min-height:114px!important;padding:24px!important;margin:0!important;border-bottom:1px solid var(--line,#e0e7ef)}
 html body #content>.ticket-list-page>.panel-head h3{font-size:30px!important;line-height:1.2;font-weight:750;letter-spacing:-1px;margin:0 0 6px!important}
 html body #content>.ticket-list-page>.panel-head p{font-size:18px!important;margin:0!important;color:var(--muted,#516174)}
 html body #content>.ticket-list-page>.panel-body{padding:0!important;margin:0!important}
 html body #content>.ticket-list-page>.right-tools-aside{grid-row:1/span 2!important;align-self:stretch!important;top:0!important;margin:0!important;max-height:calc(100dvh - 116px)}
 html body #content>.ticket-list-page .ticket-counters{flex-shrink:0}
 html body #content>.ticket-list-page .ticket-counters strong{font-size:20px}
}
@media screen and (min-width:760px) and (max-width:1100px){
 html body #content>.ticket-list-page>.panel-head{gap:14px;flex-wrap:wrap;padding:18px!important}
}

/* Installation progress groups, sharing the approved list header layout. */
.ticket-dot.preparation{background:#eaaa00}.ticket-dot.ongoing{background:#0876f3}

/* V3.4.613: installation report editors fill the available workspace in every tab. */
@media screen{
 html body #recordForm[data-record-kind="installationReports"].business-pilot-form{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;grid-template-columns:none!important}
 html body #recordForm[data-record-kind="installationReports"] #formFields{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box}
 html body #recordForm[data-record-kind="installationReports"] .record-tab-panel:not([hidden]){width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box}
 html body #recordForm[data-record-kind="installationReports"] .record-panel-grid{width:100%!important;max-width:none!important;box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body #recordForm[data-record-kind="installationReports"] .record-panel-grid .form-field.wide{grid-column:1/-1!important}
 html body #recordForm[data-record-kind="installationReports"] textarea{min-height:150px;box-sizing:border-box}
}
@media screen and (min-width:760px){
 html body #recordForm[data-record-kind="installationReports"].right-tools-root:not(.business-pilot-form){grid-template-rows:auto auto minmax(0,1fr)!important}
 html body #recordForm[data-record-kind="installationReports"].right-tools-root:not(.business-pilot-form)>.record-head{grid-column:1!important;grid-row:1!important}
 html body #recordForm[data-record-kind="installationReports"].right-tools-root:not(.business-pilot-form)>#recordTabs{grid-column:1!important;grid-row:2!important}
 html body #recordForm[data-record-kind="installationReports"].right-tools-root:not(.business-pilot-form)>#formFields{grid-column:1!important;grid-row:3!important}
 html body #recordForm[data-record-kind="installationReports"].right-tools-root:not(.business-pilot-form)>.record-footer{display:none!important}
}
@media screen and (max-width:760px){html body #recordForm[data-record-kind="installationReports"] .record-panel-grid{grid-template-columns:minmax(0,1fr)!important}}

/* V3.4.613: periodic report actions stay on the same baseline as its filters. */
html body #monthlyReportForm{display:grid!important;grid-template-columns:minmax(220px,1fr) auto auto auto!important;gap:16px!important;align-items:end!important;width:100%;min-width:0}
html body #monthlyReportForm>label{margin:0!important;min-width:0}
html body #monthlyReportForm>label:first-child select{width:100%!important;max-width:none!important}
html body #monthlyReportForm .periodic-report-actions{display:flex!important;align-items:center!important;justify-content:flex-end;gap:10px;flex-wrap:nowrap;margin:0;padding:0}
html body #monthlyReportForm :is(input,select,button){box-sizing:border-box!important;height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important;white-space:nowrap}
html body #monthlyReportForm input[type=date]{width:160px;max-width:100%}
@media(max-width:1200px){html body #monthlyReportForm{grid-template-columns:minmax(0,1fr) auto auto!important}html body #monthlyReportForm .periodic-report-actions{grid-column:1/-1}}
@media(max-width:650px){html body #monthlyReportForm{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}html body #monthlyReportForm>label:first-child{grid-column:1/-1}html body #monthlyReportForm input[type=date]{width:100%}html body #monthlyReportForm .periodic-report-actions{flex-wrap:wrap}}

/* V3.4.613: compact auditor scope and element, with local aligned submit. */
html body #auditorReportForm{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(180px,220px) minmax(200px,280px) auto!important;align-items:end!important;gap:16px!important;min-width:0;width:100%}
html body #auditorReportForm>label{min-width:0!important;margin:0!important}
html body #auditorReportForm select{width:100%!important;max-width:none!important;min-width:0!important;text-overflow:ellipsis}
html body #auditorReportForm .auditor-report-actions{display:flex;align-items:center;justify-content:flex-end;margin:0;padding:0}
html body #auditorReportForm :is(select,button){height:38px!important;min-height:38px!important;max-height:38px!important;box-sizing:border-box!important;margin:0!important;white-space:nowrap}
@media(max-width:1100px){html body #auditorReportForm{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){html body #auditorReportForm{grid-template-columns:minmax(0,1fr)!important}html body #auditorReportForm .auditor-report-actions button{width:100%}}

/* V3.4.613: compact client inventory selector with adjacent generate button. */
html body #inventoryReportForm{display:flex!important;align-items:flex-end!important;flex-wrap:wrap!important;gap:16px!important;width:100%;min-width:0}
html body #inventoryReportForm>label{flex:0 1 560px!important;width:560px!important;max-width:100%!important;min-width:0!important;margin:0!important}
html body #inventoryReportForm select{width:100%!important;max-width:none!important;min-width:0!important}
html body #inventoryReportForm>button{flex:0 0 auto!important;align-self:flex-end!important;white-space:nowrap}
html body #inventoryReportForm :is(select,button){height:38px!important;min-height:38px!important;max-height:38px!important;box-sizing:border-box!important;margin:0!important}
@media(max-width:750px){html body #inventoryReportForm>label{flex:1 1 240px!important;width:auto!important}}

/* V3.4.613: Windows license report has one aligned controls row. */
html body #windowsLicenseForm{display:grid!important;grid-template-columns:minmax(220px,520px) minmax(220px,440px) auto!important;gap:16px!important;align-items:end!important;justify-content:start;min-width:0}
html body #windowsLicenseForm>label{margin:0!important;min-width:0!important}
html body #windowsLicenseForm select{width:100%!important;max-width:none!important;min-width:0!important}
html body #windowsLicenseForm>button{align-self:end!important;white-space:nowrap}
html body #windowsLicenseForm :is(select,button){box-sizing:border-box!important;height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important}
@media(max-width:1000px){html body #windowsLicenseForm{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #windowsLicenseForm>button{grid-column:1/-1;justify-self:end}}
@media(max-width:600px){html body #windowsLicenseForm{grid-template-columns:minmax(0,1fr)!important}html body #windowsLicenseForm>button{width:100%}}

/* V3.4.613: renewal filters are compact; submit shares their baseline. */
html body #content #softwareLicenseForm{display:grid!important;grid-template-columns:minmax(220px,380px) 180px 180px minmax(160px,220px) auto!important;gap:14px!important;align-items:end!important;justify-content:start;width:100%;min-width:0}
html body #content #softwareLicenseForm>label{margin:0!important;min-width:0!important}
html body #content #softwareLicenseForm>label:not(.software-license-assignments){grid-row:1!important}
html body #content #softwareLicenseForm>button{grid-column:5!important;grid-row:1!important;width:auto!important;min-width:0;justify-self:start;white-space:nowrap!important}
html body #content #softwareLicenseForm :is(select,input[type=date],button){box-sizing:border-box!important;height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important}
html body #content #softwareLicenseForm select,html body #content #softwareLicenseForm input[type=date]{width:100%!important;max-width:none!important;min-width:0!important}
html body #content #softwareLicenseForm .software-license-assignments{grid-row:2!important;grid-column:1/-1!important;width:auto!important}
@media(max-width:1200px){html body #content #softwareLicenseForm{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #content #softwareLicenseForm>label:not(.software-license-assignments){grid-row:auto!important}html body #content #softwareLicenseForm>button{grid-column:2!important;grid-row:3!important;justify-self:end}html body #content #softwareLicenseForm .software-license-assignments{grid-column:1!important;grid-row:3!important}}
@media(max-width:600px){html body #content #softwareLicenseForm{grid-template-columns:minmax(0,1fr)!important}html body #content #softwareLicenseForm .software-license-assignments,html body #content #softwareLicenseForm>button{grid-column:1!important;grid-row:auto!important}html body #content #softwareLicenseForm>button{width:100%!important}}

/* V3.4.613: software inventory aligned like Windows license report. */
html body #softwareInventoryForm{display:grid!important;grid-template-columns:minmax(220px,520px) minmax(220px,440px) auto!important;gap:16px!important;align-items:end!important;justify-content:start;min-width:0}
html body #softwareInventoryForm>label{margin:0!important;min-width:0!important}
html body #softwareInventoryForm select{width:100%!important;max-width:none!important;min-width:0!important}
html body #softwareInventoryForm>button{align-self:end!important;white-space:nowrap}
html body #softwareInventoryForm :is(select,button){box-sizing:border-box!important;height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important}
@media(max-width:1000px){html body #softwareInventoryForm{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #softwareInventoryForm>button{grid-column:1/-1;justify-self:end}}
@media(max-width:600px){html body #softwareInventoryForm{grid-template-columns:minmax(0,1fr)!important}html body #softwareInventoryForm>button{width:100%}}


/* V3.4.613: network and Wi-Fi report, compact Client/Site with aligned submit. */
html body #networkInventoryForm{display:grid!important;grid-template-columns:minmax(220px,440px) minmax(200px,360px) auto!important;gap:16px!important;align-items:end!important;justify-content:start;width:100%;min-width:0}
html body #networkInventoryForm>label{min-width:0!important;margin:0!important;width:auto!important;flex:none!important}
html body #networkInventoryForm select{width:100%!important;max-width:none!important;min-width:0!important}
html body #networkInventoryForm>button{align-self:end!important;width:auto!important;white-space:nowrap}
html body #networkInventoryForm :is(select,button){height:38px!important;min-height:38px!important;max-height:38px!important;box-sizing:border-box!important;margin:0!important}
@media(max-width:1000px){html body #networkInventoryForm{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #networkInventoryForm>button{grid-column:1/-1;justify-self:end}}
@media(max-width:600px){html body #networkInventoryForm{grid-template-columns:minmax(0,1fr)!important}html body #networkInventoryForm>button{width:100%!important}}

/* V3.4.613: performance report with compact adjacent dates and aligned generate. */
html body #technicianPerformanceForm{display:grid!important;grid-template-columns:minmax(220px,440px) 170px 170px auto!important;gap:14px!important;align-items:end!important;justify-content:start;min-width:0;width:100%}
html body #technicianPerformanceForm>label{margin:0!important;min-width:0!important}
html body #technicianPerformanceForm :is(select,input,button){height:38px!important;min-height:38px!important;max-height:38px!important;box-sizing:border-box!important;margin:0!important}
html body #technicianPerformanceForm :is(select,input){width:100%!important;min-width:0!important;max-width:none!important}
html body #technicianPerformanceForm>button{width:auto!important;white-space:nowrap;align-self:end!important}
@media(max-width:1000px){html body #technicianPerformanceForm{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #technicianPerformanceForm>label:first-child{grid-column:1/-1}html body #technicianPerformanceForm>button{grid-column:1/-1;justify-self:end}}
@media(max-width:600px){html body #technicianPerformanceForm{grid-template-columns:minmax(0,1fr)!important}html body #technicianPerformanceForm>button{width:100%!important}}

/* V614: report submit controls align to the right edge of their filter row. */
@media(min-width:1201px){
html body #content :is(#windowsLicenseForm,#softwareInventoryForm){width:100%!important;grid-template-columns:minmax(220px,520px) minmax(220px,440px) minmax(max-content,1fr)!important}
html body #content #networkInventoryForm{grid-template-columns:minmax(220px,440px) minmax(200px,360px) minmax(max-content,1fr)!important}
html body #content #technicianPerformanceForm{grid-template-columns:minmax(220px,440px) 170px 170px minmax(max-content,1fr)!important}
html body #content #softwareLicenseForm{grid-template-columns:minmax(220px,380px) 180px 180px minmax(160px,220px) minmax(max-content,1fr)!important}
}
html body #content :is(#windowsLicenseForm,#softwareInventoryForm,#networkInventoryForm,#technicianPerformanceForm,#softwareLicenseForm)>button{justify-self:end!important;align-self:end!important;width:auto!important}
html body #content #inventoryReportForm>button{margin-left:auto!important}
html body #content #auditorReportForm .auditor-report-actions{justify-self:end!important}
html body #content #monthlyReportForm .periodic-report-actions{justify-self:end!important}
html body #content #reportGeneratorForm>button[type=submit]{margin-left:auto!important;flex:0 0 auto;align-self:flex-end}

/* Keep the source controls for their handlers; the desktop rail is their only visible copy. */
@media(min-width:760px){html body .settings-panel.right-tools-root #passwordRulesAdmin button[type=submit]{display:none!important}}
