/* V3.4.418 : espace de lecture tactile, règles inactives sur PC et à l'impression. */
@media screen {
 html:is([data-device="tablet"],[data-device="phone"]) #content{font-size:13px;padding:8px 10px 30px}
 html:is([data-device="tablet"],[data-device="phone"]) #content :is(.panel-head,.toolbar,.view-toolbar,.column-tools-bar,.special-list-actions,.entity-list-controls){gap:6px;margin-bottom:5px;padding:6px 8px;min-height:0}
 html:is([data-device="tablet"],[data-device="phone"]) #content :is(.panel-body,.np-toolbar){padding:7px 8px;gap:6px}
 html:is([data-device="tablet"],[data-device="phone"]) #content :is(.toolbar-left,.toolbar-right,.ab-tools,.np-toolbar){flex-direction:row;flex-wrap:wrap;gap:6px;align-items:center}
 html:is([data-device="tablet"],[data-device="phone"]) #content :is(.toolbar-left,.toolbar-right){flex-basis:auto;width:auto;min-width:0}
 html:is([data-device="tablet"],[data-device="phone"]) #content .toolbar-left{flex:1 1 240px}
 html:is([data-device="tablet"],[data-device="phone"]) #content :is(.field-search,.filter-select){width:auto;max-width:100%;min-width:100px;flex:1 1 160px}
 html:is([data-device="tablet"],[data-device="phone"]) #content :is(h2,h3){font-size:17px;margin-top:0;margin-bottom:3px;line-height:1.25}
 html:is([data-device="tablet"],[data-device="phone"]) #content .hero{padding:10px 12px;margin-bottom:8px;gap:8px}
 html:is([data-device="tablet"],[data-device="phone"]) #content :is(.cards,.aw-summary,.cw-summary){gap:8px;margin-bottom:8px}
 html:is([data-device="tablet"],[data-device="phone"]) #content .card{padding:10px}
 html:is([data-device="tablet"],[data-device="phone"]) #content .card .value{font-size:23px;margin-top:4px}
 html:is([data-device="tablet"],[data-device="phone"]) #content .table-wrap :is(td,th){font-size:13px!important;line-height:1.25!important;padding:6px 8px!important;height:auto}
 html:is([data-device="tablet"],[data-device="phone"]) #content .table-wrap thead>tr:first-child>th{height:34px!important}
 html:is([data-device="tablet"],[data-device="phone"]) #content .entity-pagination{padding:5px 0;gap:6px}
 html:is([data-device="tablet"],[data-device="phone"]) #content .badge{font-size:11px;padding:3px 6px}
 html:is([data-device="tablet"],[data-device="phone"]) #content table[data-compact-columns="essential"] .compact-secondary-column{display:none!important}
 html:is([data-device="tablet"],[data-device="phone"]) #content table[data-compact-filters="closed"] .column-filters{display:none!important}
 html:is([data-device="tablet"],[data-device="phone"]) #content .compact-list-options{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}
 html:is([data-device="tablet"],[data-device="phone"]) #content col.compact-secondary-column{min-width:0}
 html:is([data-device="tablet"],[data-device="phone"]) #content table[data-compact-columns="essential"] col.compact-secondary-column{visibility:collapse;width:0!important}
 .compact-filter-details{margin:4px 0;border:1px solid var(--line);border-radius:7px;padding:4px 8px}
 .compact-filter-details>summary{cursor:pointer;font-weight:650;min-height:36px;line-height:36px}
 .compact-filter-details[open]>summary{margin-bottom:4px}
 html[data-device="tablet"] .topbar{padding:7px 12px;min-height:56px;gap:6px}
 html[data-device="tablet"] .topbar h1{font-size:20px;line-height:1.2;margin:0}
 html[data-device="tablet"] .topbar .page-subtitle-line{display:none}
 html[data-device="tablet"][data-layout="docked"]{--adaptive-side:208px}
 html[data-device="tablet"] .sidebar .nav-btn{font-size:13px;min-height:40px;padding:6px 9px}
 html[data-device="tablet"] #content :is(.btn,button,select,input:not([type="checkbox"]):not([type="radio"])){min-height:40px}
 html[data-device="tablet"] #content :is(.btn,button){font-size:13px;padding:7px 10px}
 html[data-device="tablet"] #content .column-filters input{height:36px;min-height:36px}
 html[data-device="tablet"] #content .table-wrap table{min-width:0}
 html[data-device="tablet"] #content .table-wrap td{padding-top:5px!important;padding-bottom:5px!important}
 html[data-device="phone"] #content :is(.btn,button){min-height:44px;padding:7px 10px;font-size:13px}
 html[data-device="phone"] #content input:not([type="checkbox"]):not([type="radio"]),html[data-device="tablet"] #content input:not([type="checkbox"]):not([type="radio"]){font-size:16px}
 html:is([data-device="tablet"],[data-device="phone"]) #content select{font-size:16px}
 html[data-device="tablet"] dialog:not(.server-auth):not(.auth-card) :is(.dialog-head,.dialog-layout-head){padding-top:10px;padding-bottom:10px}
 html[data-device="tablet"] dialog .dialog-head h2{font-size:20px}
 html[data-device="tablet"] dialog .dialog-command-buttons{padding:6px 10px;gap:6px}
 html[data-device="tablet"] dialog .dialog-command-buttons .btn{font-size:13px;padding:7px 10px;min-height:40px}
}
@media print{.compact-list-options{display:none!important}.compact-filter-details{display:contents}.compact-filter-details>summary{display:none}.compact-secondary-column{display:table-cell!important}}

@media screen{html[data-device="tablet"] #content .table-wrap tbody>tr{height:36px}html[data-device="tablet"] #content .table-wrap :is(.presence-cell,.health-cell) .badge{font-size:11px}}

/* V3.4.419 : champs et tuiles plus petits, sans réduire le zoom de toute la page. */
@media screen {
 html:is([data-device="tablet"],[data-device="phone"]) :is(#content,dialog:not(.context-help-dialog)) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]),select:not([multiple]):not([size])){box-sizing:border-box;min-height:34px!important;height:34px!important;padding:4px 8px!important;line-height:1.2;font-size:16px!important;max-width:100%}
 html:is([data-device="tablet"],[data-device="phone"]) :is(#content,dialog:not(.context-help-dialog)) textarea{min-height:64px!important;padding:5px 8px!important;font-size:16px!important;line-height:1.3}
 html:is([data-device="tablet"],[data-device="phone"]) :is(#content,dialog) :is(select[multiple],select[size]:not([size="1"])){height:auto!important;min-height:80px!important}
 html:is([data-device="tablet"],[data-device="phone"]) :is(#content,dialog) input[type="file"]{height:auto!important;min-height:34px!important}
 html:is([data-device="tablet"],[data-device="phone"]) :is(#content,dialog) :is(.form-field,label){gap:4px}
 html:is([data-device="tablet"],[data-device="phone"]) :is(#content,dialog) :is(.form-field>label,.form-field>span,.aw-field>label,.cw-field>label){font-size:12px;line-height:1.25;margin-bottom:2px}
 html:is([data-device="tablet"],[data-device="phone"]) :is(#content,dialog) :is(.form-grid,.record-panel-grid,.project-manager-fields,.settings-fields,.aw-facts){gap:8px}
 html:is([data-device="tablet"],[data-device="phone"]) :is(#content,dialog) :is(.card,.aw-stat,.cw-stat,.summary-tile,.stat-card){padding:8px!important;min-height:0!important;gap:5px;border-radius:8px}
 html:is([data-device="tablet"],[data-device="phone"]) :is(#content,dialog) :is(.cards,.aw-summary,.cw-summary){gap:6px;margin-top:6px;margin-bottom:8px}
 html:is([data-device="tablet"],[data-device="phone"]) :is(#content,dialog) :is(.card .value,.aw-stat strong,.cw-stat strong,.stat-card .value){font-size:20px!important;line-height:1.15;margin-top:3px}
 html:is([data-device="tablet"],[data-device="phone"]) :is(#content,dialog) :is(.card .label,.aw-stat small,.cw-stat small){font-size:11px;line-height:1.2}
 html:is([data-device="tablet"],[data-device="phone"]) :is(#content,dialog) :is(.card-icon,.stat-icon,.aw-stat-icon,.cw-stat-icon){width:28px!important;height:28px!important;min-width:28px!important;font-size:17px!important}
 html:is([data-device="tablet"],[data-device="phone"]) #content .task-card{min-height:0!important;padding:9px 10px!important;gap:5px}
 html:is([data-device="tablet"],[data-device="phone"]) #content .task-card strong{font-size:13px;line-height:1.25}
 html:is([data-device="tablet"],[data-device="phone"]) #content .task-card :is(span,small){font-size:11px;line-height:1.2}
 html:is([data-device="tablet"],[data-device="phone"]) #content .open-project-list article{padding:10px!important;gap:8px}
 html:is([data-device="tablet"],[data-device="phone"]) #content .project-main h3{font-size:15px}
 html:is([data-device="tablet"],[data-device="phone"]) #content .project-main small{font-size:12px;line-height:1.25}
 html:is([data-device="tablet"],[data-device="phone"]) .touch-field-explanation{display:block;margin:0;font-size:12px;line-height:1.3;min-width:0}
 html:is([data-device="tablet"],[data-device="phone"]) .touch-field-explanation>summary{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:24px;padding:0 6px;border-radius:6px;color:var(--blue);cursor:pointer;font-weight:800;list-style:none}
 .touch-field-explanation>summary::-webkit-details-marker{display:none}
 html:is([data-device="tablet"],[data-device="phone"]) .touch-field-explanation[open]{padding:4px 6px;border:1px solid var(--line);border-radius:6px;background:var(--pale)}
 html[data-device="phone"] :is(#content,dialog) :is(.cards,.aw-summary,.cw-summary){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html[data-device="tablet"] :is(#content,dialog) :is(.cards,.aw-summary,.cw-summary){grid-template-columns:repeat(auto-fit,minmax(135px,1fr))!important}
}
@media print{.touch-field-explanation{display:contents}.touch-field-explanation>summary{display:none!important}}
@media screen{
 html:is([data-device="tablet"],[data-device="phone"]) :is(#content,dialog) :is(.aw-summary>section,.ops-metrics>div,.monitor-v3-stats>article,.agent-metrics>div){padding:8px!important;min-height:0!important}
 html:is([data-device="tablet"],[data-device="phone"]) :is(#content,dialog) :is(.aw-summary>section strong,.ops-metrics>div strong,.monitor-v3-stats>article strong,.agent-metrics>div strong){font-size:20px!important;line-height:1.2}
 html:is([data-device="tablet"],[data-device="phone"]) :is(#content,dialog) .parcit-tile-icon{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;top:8px;right:8px;border-radius:6px}
 html:is([data-device="tablet"],[data-device="phone"]) :is(#content,dialog) .parcit-tile-icon svg{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important}
 html:is([data-device="tablet"],[data-device="phone"]) :is(#content,dialog) :is(.card>.label,.aw-summary>section>.parcit-tile-icon+span,.ops-metrics>div>span:not(.parcit-tile-icon),.monitor-v3-stats>article>span:not(.parcit-tile-icon),.agent-metrics>div>span:not(.parcit-tile-icon)){padding-right:36px!important}
}
/* Les six thèmes utilisent les mêmes dimensions compactes pour login/MFA/récupération. */
@media screen{
 html:is([data-device="tablet"],[data-device="phone"])[data-appearance] body .server-auth{padding:12px!important;align-items:center!important;justify-content:center!important;background-image:var(--auth-background)!important;background-size:cover!important}
 html:is([data-device="tablet"],[data-device="phone"]) body .server-auth{padding:12px!important;align-items:center!important;justify-content:center!important}
 html:is([data-device="tablet"],[data-device="phone"])[data-appearance] body .server-auth .auth-scene{width:min(400px,100%)!important;max-width:100%!important;aspect-ratio:auto!important;height:auto!important;min-height:0!important;background:none!important;container-type:normal!important}
 html:is([data-device="tablet"],[data-device="phone"])[data-appearance] body .server-auth .auth-scene::before{display:none!important}
 html:is([data-device="tablet"],[data-device="phone"])[data-appearance] body .server-auth .auth-card,html:is([data-device="tablet"],[data-device="phone"]) body .server-auth .auth-card{position:relative!important;inset:auto!important;width:100%!important;max-width:400px!important;height:auto!important;min-height:0!important;max-height:none!important;padding:16px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:10px!important;overflow:visible!important}
 html:is([data-device="tablet"],[data-device="phone"])[data-appearance] body .server-auth .auth-scene:not(.auth-flow-scene) .auth-card{background:var(--surface,#fffffffa)!important;color:var(--ink,#19354e)!important;border-radius:12px!important}
 html:is([data-device="tablet"],[data-device="phone"])[data-appearance] body .server-auth .auth-card>.auth-brand,html:is([data-device="tablet"],[data-device="phone"]) body .server-auth .auth-card>.auth-brand{display:flex!important;flex-wrap:wrap!important;gap:6px 10px!important;margin:0 0 4px!important;padding:0!important;align-items:center!important}
 html:is([data-device="tablet"],[data-device="phone"]) body .server-auth .auth-brand>img{width:32px!important;height:32px!important;min-width:32px!important}
 html:is([data-device="tablet"],[data-device="phone"]) body .server-auth .auth-brand h1{font-size:20px!important;line-height:1.2!important}
 html:is([data-device="tablet"],[data-device="phone"]) body .server-auth .auth-brand-version{font-size:11px!important;margin:0!important}
 html:is([data-device="tablet"],[data-device="phone"]) body .server-auth .auth-company-logo{margin:0!important;max-height:48px!important;display:block!important}
 html:is([data-device="tablet"],[data-device="phone"]) body .server-auth .auth-company-logo img{max-height:44px!important;max-width:100%;object-fit:contain}
 html:is([data-device="tablet"],[data-device="phone"]) body .server-auth .auth-card h2{display:block!important;font-size:22px!important;line-height:1.2!important;margin:2px 0 4px!important}
 html:is([data-device="tablet"],[data-device="phone"]) body .server-auth .auth-card form{display:grid!important;position:static!important;width:100%!important;gap:10px!important;margin:0!important}
 html:is([data-device="tablet"],[data-device="phone"])[data-appearance] body .server-auth .auth-card :is(.scene-field,.scene-submit,.scene-forgot,.auth-error){position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;height:auto!important;font-size:14px!important;line-height:1.3!important}
 html:is([data-device="tablet"],[data-device="phone"]) body .server-auth .auth-card label{display:grid!important;gap:5px!important;font-size:13px!important;line-height:1.3!important;margin:0!important}
 html:is([data-device="tablet"],[data-device="phone"])[data-appearance] body .server-auth .auth-card input,html:is([data-device="tablet"],[data-device="phone"]) body .server-auth .auth-card input{box-sizing:border-box!important;width:100%!important;height:38px!important;min-height:38px!important;font-size:16px!important;padding:6px 9px!important;border-radius:8px!important}
 html:is([data-device="tablet"],[data-device="phone"])[data-appearance] body .server-auth .auth-card :is(.primary,.scene-submit){position:relative!important;inset:auto!important;width:100%!important;min-height:42px!important;height:42px!important;padding:8px 12px!important;font-size:15px!important;border-radius:8px!important;background:var(--blue)!important;color:#fff!important}
 html:is([data-device="tablet"],[data-device="phone"]) body .server-auth .auth-card :is(p:not(.auth-error),small,.auth-links){font-size:12px!important;line-height:1.35!important;margin:0!important;gap:7px!important}
 html:is([data-device="tablet"],[data-device="phone"]) body .server-auth :is(#mfaLoginBack,#resetBack){margin:0!important;min-height:36px!important;padding:5px 8px!important;font-size:13px!important}
 html:is([data-device="tablet"],[data-device="phone"]) body .server-auth .scene-forgot{color:var(--blue)!important;text-decoration:underline!important;min-height:30px!important;display:inline-flex!important;align-items:center!important;margin:0!important}
 html:is([data-device="tablet"],[data-device="phone"]) body .server-auth :is(.scene-password-toggle,.scene-company-logo){display:none!important}
}
@media screen{
 html:is([data-device="tablet"],[data-device="phone"])[data-appearance] body .server-auth .auth-card #authForm{display:grid!important;gap:10px!important;margin:0!important}
}
@media screen{
 html:root:is([data-device="tablet"],[data-device="phone"]) body .server-auth .auth-card input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]){height:38px!important;min-height:38px!important;font-size:16px!important;padding:6px 9px!important}
}
@media screen{
 html:is([data-device="tablet"],[data-device="phone"]) body .server-auth.auth-original .auth-scene .auth-card>.auth-company-logo{display:block!important;position:relative!important;inset:auto!important;margin:0!important;height:auto!important;min-height:0!important;max-height:48px!important}
}