.editable-day{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem 0;background:transparent;border:0;border-bottom:1px dashed #73858b;font:inherit;cursor:pointer;color:inherit}.editable-day:hover,.editable-day:focus-visible{outline:2px solid #1770b7}#hours-panel{position:fixed;inset:0 0 0 auto;margin:0;width:min(440px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:1.25rem;overflow:auto;border:0;box-shadow:-6px 0 30px #1233;color:#183244}#hours-panel::backdrop{background:#162c3f55}#hours-panel header{position:static;display:flex;align-items:center;justify-content:space-between;gap:.5rem}#hours-panel h2{font-size:1.4rem}#hours-panel fieldset{border:1px solid #becac5;border-radius:.6rem;margin:1rem 0;padding:.8rem}#hours-panel label{display:block;margin:.45rem 0}#hours-panel button{padding:.65rem;border:1px solid #8a9a93;background:white;border-radius:.4rem;cursor:pointer;font:inherit}#hours-panel input:not([type=checkbox]){display:block;max-width:100%;padding:.45rem;font:inherit}#hours-panel [data-close]:last-child{background:#245448;color:white}.samples{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}

.edit-demo [data-text],#hours-status,#reset-inline{font:inherit;color:inherit;text-align:left;background:transparent;border:0;cursor:pointer;padding:.2em}.edit-demo [data-text]:hover,.edit-demo [data-text]:focus-visible{outline:2px dashed #247492}.edit-demo [data-text]:empty::after{content:"Ajouter du texte"}#reset-inline,#hours-status{font-size:.85rem;text-decoration:underline}#text-field textarea{width:100%;min-height:8em;font:inherit}.site-shot{width:100%;height:auto;border-radius:.65rem;display:block}.editable-day{min-height:44px}

/* Heure mobile au clavier : garder une largeur lisible, sans popup Android. */
#hours-panel .time-hint{font-size:.85rem;line-height:1.45;color:#526775;margin:0 0 .5rem}
#hours-panel input[inputmode="numeric"]{width:100%;box-sizing:border-box;min-height:44px}

/* Horloge interne mobile : commandes entièrement visibles et contrôlées par le site. */
#hours-panel .az-clock-field{display:flex;gap:8px;align-items:center;min-width:0}
#hours-panel .az-clock-field>input{flex:1;min-width:0}
#hours-panel .az-clock-open{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:none;min-height:44px;white-space:nowrap;padding:7px 9px}
#hours-panel .az-clock-overlay{position:fixed;inset:0;z-index:50;background:rgba(8,25,41,.6);display:grid;place-items:center;padding:12px;box-sizing:border-box}
#hours-panel .az-clock-dialog{display:flex;flex-direction:column;gap:10px;box-sizing:border-box;width:min(100%,355px);max-height:calc(100dvh - 24px);overflow:auto;padding:16px;background:white;border:1px solid #b7cfe0;border-radius:18px;box-shadow:0 20px 45px #10244355;color:#102443}
#hours-panel .az-clock-dialog h3{margin:0;font-size:19px}
#hours-panel .az-clock-time{text-align:center;font-size:36px;line-height:1.2;font-variant-numeric:tabular-nums}
#hours-panel .az-clock-tabs{display:flex;gap:8px}
#hours-panel .az-clock-tabs button{flex:1;min-height:40px}
#hours-panel .az-clock-tabs button[aria-pressed="true"],#hours-panel .az-clock-grid button[aria-pressed="true"]{background:#0866ff;color:white;border-color:#0866ff}
#hours-panel .az-clock-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
#hours-panel .az-clock-grid button{min-width:0;min-height:42px;padding:8px 4px;font-variant-numeric:tabular-nums}
#hours-panel .az-clock-exact{margin:0}
#hours-panel .az-clock-exact[hidden]{display:none}
#hours-panel .az-clock-exact input{max-width:100%;width:100%;box-sizing:border-box}
#hours-panel .az-clock-actions{display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:-16px;margin-top:3px;padding:12px 0 4px;background:#fff}
#hours-panel .az-clock-actions [data-clock-save]{background:#0866ff;color:white;border-color:#0866ff;min-width:95px}
@media(max-width:380px){#hours-panel .az-clock-dialog{padding:12px}#hours-panel .az-clock-grid{gap:5px}#hours-panel .az-clock-open span{display:none}}