/**
 * Fichier  : assets/css/plans-mobile.css
 * Auteur   : KREMER Régis
 * Version  : 2.6.100
 * Date     : 2026-07-20
 * Description : Politique tactile Plans par appareil.
 *
 * Changelog :
 *   v2.6.100 (2026-07-20) — Reconstruction contrôlée du rendu PLANS MOBILE POLICY6 absent du paquet source.
 */

.plans-mobile-commandbar{display:none}
#pgPlans.plans-mobile-policy--light .plans-mobile-structural-tool{display:none!important;visibility:hidden!important}

@media (max-width:1199px){
  body:has(#pgPlans){padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
  #pgPlans.plans-mobile-policy{padding-bottom:16px}
  #pgPlans.plans-mobile-policy .plans-hero{padding:16px}
  #pgPlans.plans-mobile-policy .plans-hero__text{max-width:70ch}
  #pgPlans.plans-mobile-policy .plans-layout{display:block}
  #pgPlans.plans-mobile-policy:not(.plans-page--create) .plans-panel{margin-bottom:14px}
  #pgPlans.plans-mobile-policy.plans-page--editor:not(.plans-page--create) .plans-panel{display:none!important}
  #pgPlans.plans-mobile-policy .plans-editor-card{min-width:0;overflow:visible}
  #pgPlans.plans-mobile-policy .plans-editor-head{gap:12px;padding:14px}
  #pgPlans.plans-mobile-policy .plans-editor-actions{display:none!important}
  #pgPlans.plans-mobile-policy .plans-toolbar{display:none!important}
  #pgPlans.plans-mobile-policy .plans-editor-rail{display:none!important}
  #pgPlans.plans-mobile-policy .plans-workbench{display:block!important;padding:0!important}
  #pgPlans.plans-mobile-policy .plan-canvas-wrap{height:clamp(420px,calc(var(--ms-visual-height,100vh) - 238px),760px)!important;min-height:420px!important;border-radius:6px!important;touch-action:none}
  #pgPlans.plans-mobile-policy .plan-canvas-svg{min-height:100%!important}
  #pgPlans.plans-mobile-policy .plan-inspector{display:none!important}
  #pgPlans.plans-mobile-policy .plan-svg-legend{display:none!important}
  #pgPlans.plans-mobile-policy .plans-welcome{padding:18px}
  #pgPlans.plans-mobile-policy .plans-welcome__steps{grid-template-columns:1fr 1fr}
  #pgPlans.plans-mobile-policy .plans-mobile-commandbar{position:fixed;z-index:280;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:6px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));border-top:1px solid var(--border,#dbe3ee);background:color-mix(in srgb,var(--card-bg,#fff) 96%,transparent);box-shadow:0 -12px 30px rgba(15,23,42,.12);backdrop-filter:blur(16px)}
  #pgPlans.plans-mobile-policy .plans-mobile-commandbar[hidden]{display:none!important}
  #pgPlans.plans-mobile-policy .plans-mobile-commandbar button{position:relative;display:grid;place-items:center;gap:2px;min-width:0;min-height:52px;padding:5px 3px;border:0;background:transparent;color:var(--text-muted,#64748b);font:inherit;font-size:10px;font-weight:800;cursor:pointer}
  #pgPlans.plans-mobile-policy .plans-mobile-commandbar button>span:first-child{font-size:18px;line-height:1;color:var(--text,#0f172a)}
  #pgPlans.plans-mobile-policy .plans-mobile-commandbar button:disabled{opacity:.36;cursor:not-allowed}
  #pgPlans.plans-mobile-policy .plans-mobile-commandbar button:not(:disabled):active{background:rgba(37,99,235,.09)}
  #pgPlans.plans-mobile-policy .plans-mobile-commandbar__save{color:#fff!important;background:#2563eb!important;border-radius:5px!important}
  #pgPlans.plans-mobile-policy .plans-mobile-commandbar__save>span:first-child{color:#fff!important}
  #pgPlans.plans-mobile-policy .plans-mobile-commandbar.has-unsaved .plans-mobile-commandbar__save::after{content:"";position:absolute;top:5px;right:9px;width:7px;height:7px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 2px #fff}

  .plans-mobile-panel .ms-panel__body{padding:0!important}
  .plans-mobile-panel .plans-mobile-portal-content{display:block!important;position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
  .plans-mobile-panel--list .plans-filter-card{position:sticky;top:0;z-index:2;background:var(--card-bg,#fff);padding:12px;border-bottom:1px solid var(--border,#dbe3ee)}
  .plans-mobile-panel--list .plans-list-scroll{display:grid!important;grid-template-columns:1fr!important;max-height:none!important;padding:10px!important}
  .plans-mobile-panel--rail .plans-library-head,.plans-mobile-panel--rail .plans-component-library,.plans-mobile-panel--rail .plan-location-search{display:block!important;padding:14px!important}
  .plans-mobile-panel--rail .plan-component-grid{grid-template-columns:1fr 1fr!important}
  .plans-mobile-panel--rail .plan-component-card{min-height:54px;touch-action:manipulation}
  .plans-mobile-panel--inspector .plan-inspector{display:block!important;max-height:none!important;padding:14px!important}
  .plans-mobile-tools-list{display:grid;gap:8px;padding:14px}
  .plans-mobile-tool-action,.plans-mobile-tool-select{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;width:100%;padding:11px 13px;border:1px solid var(--border,#dbe3ee);border-radius:5px;background:var(--card-bg,#fff);color:var(--text,#0f172a);font:inherit;font-weight:800;text-align:left}
  .plans-mobile-tool-action.is-active{border-color:#2563eb;background:rgba(37,99,235,.09);color:#1d4ed8}
  .plans-mobile-tool-select select{min-height:40px;min-width:120px}
  .plans-mobile-empty{padding:16px;color:var(--text-muted,#64748b);text-align:center}

  #pgPlans.plans-mobile-policy--light .plans-architect-modebar{display:none!important}
  #pgPlans.plans-mobile-policy--light .plans-editor-sub::after{content:" Édition architecturale complète disponible en tablette paysage ou sur ordinateur.";font-weight:750;color:#2563eb}
  #pgPlans.plans-mobile-policy--architect .plan-canvas-wrap{height:calc(var(--ms-visual-height,100vh) - 205px)!important;min-height:500px!important}
  #pgPlans.plans-mobile-policy--architect .plans-editor-head{position:sticky;top:0;z-index:8}

  #pgPlans.plans-mobile-policy.plans-page--create .plans-editor-head{display:none!important}
  #pgPlans.plans-mobile-policy.plans-page--create .plans-create-screen{padding:0!important}
  #pgPlans.plans-mobile-policy.plans-page--create .plans-create-shell{border:0!important;border-radius:0!important}
  #pgPlans.plans-mobile-policy.plans-page--create .plans-create-hero{padding:18px!important}
  #pgPlans.plans-mobile-policy.plans-page--create .plans-create-scale-card{display:none}
  #pgPlans.plans-mobile-policy.plans-page--create .plans-create-form{display:block}
  #pgPlans.plans-mobile-policy.plans-page--create .plans-create-layout{display:block!important}
  #pgPlans.plans-mobile-policy.plans-page--create .plans-create-main-card{border:0!important}
  #pgPlans.plans-mobile-policy.plans-page--create .plans-mobile-create-progress{position:sticky;top:0;z-index:20;padding:12px 14px;border-bottom:1px solid var(--border,#dbe3ee);background:color-mix(in srgb,var(--card-bg,#fff) 97%,transparent);backdrop-filter:blur(14px)}
  .plans-mobile-create-progress__copy{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}
  .plans-mobile-create-progress__copy span{color:var(--text-muted,#64748b)}
  .plans-mobile-create-progress__bar{height:4px;margin:9px 0 10px;border-radius:2px;background:#e2e8f0;overflow:hidden}
  .plans-mobile-create-progress__bar::before{content:"";display:block;width:var(--ms-flow-progress,25%);height:100%;background:#2563eb;transition:width .18s ease}
  .plans-mobile-create-progress__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
  .plans-mobile-create-progress__steps button{min-width:0;padding:5px 2px;border:0;background:transparent;color:var(--text-muted,#64748b);font-size:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .plans-mobile-create-progress__steps button.is-current{color:#1d4ed8}
  .plans-mobile-create-progress__steps button.is-complete{color:#15803d}
  #pgPlans.plans-mobile-policy.plans-page--create .plans-mobile-create-step{padding:18px!important;border:0!important}
  #pgPlans.plans-mobile-policy.plans-page--create .plans-mobile-create-step[hidden]{display:none!important}
  #pgPlans.plans-mobile-policy.plans-page--create .plans-create-grid--general,#pgPlans.plans-mobile-policy.plans-page--create .plans-create-dimensions,#pgPlans.plans-mobile-policy.plans-page--create .plans-create-frame-grid{grid-template-columns:1fr!important}
  #pgPlans.plans-mobile-policy.plans-page--create .plans-size-presets{grid-template-columns:1fr 1fr!important}
  .plans-mobile-create-nav{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border,#dbe3ee)}
  .plans-mobile-create-nav .btn{min-height:46px;min-width:120px;justify-content:center}
  #pgPlans.plans-mobile-policy.plans-page--create .plans-mobile-create-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:18px;padding:14px 0 0!important;border-top:1px solid var(--border,#dbe3ee)!important;background:transparent!important}
  #pgPlans.plans-mobile-policy.plans-page--create .plans-mobile-create-actions .btn{min-height:48px;width:100%;justify-content:center}
  #pgPlans.plans-mobile-policy.plans-page--create .plans-mobile-create-actions a{display:none!important}
}

@media (max-width:599px){
  #pgPlans.plans-mobile-policy .plans-hero{display:none}
  #pgPlans.plans-mobile-policy .plans-stat-grid{display:none}
  #pgPlans.plans-mobile-policy .plans-panel{padding:0;border-radius:6px}
  #pgPlans.plans-mobile-policy .plans-panel-head{padding:13px}
  #pgPlans.plans-mobile-policy .plans-filter-card{padding:10px}
  #pgPlans.plans-mobile-policy .plans-editor-head__copy{min-width:0}
  #pgPlans.plans-mobile-policy .plans-editor-title{font-size:18px!important}
  #pgPlans.plans-mobile-policy .plans-editor-sub{font-size:12px!important}
  #pgPlans.plans-mobile-policy .plan-canvas-wrap{height:calc(var(--ms-visual-height,100vh) - 188px)!important;min-height:390px!important}
  #pgPlans.plans-mobile-policy .plans-welcome__steps{grid-template-columns:1fr}
  .plans-mobile-panel--rail .plan-component-grid{grid-template-columns:1fr!important}
  .plans-mobile-create-progress__steps button{font-size:8px}
  #pgPlans.plans-mobile-policy.plans-page--create .plans-size-presets{grid-template-columns:1fr!important}
  #pgPlans.plans-mobile-policy.plans-page--create .plans-mobile-create-actions{grid-template-columns:1fr!important}
}

@media (min-width:1200px){
  #pgPlans .plans-mobile-commandbar{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  .plans-mobile-create-progress__bar::before{transition:none}
}
