/* operator.css — scoped overrides for backend (NiceAdmin) Applies only when */ body.operator-page .form-wrapper{ width:100%; max-width:760px; margin:0 auto; } @media (max-width: 992px){ body.operator-page .form-wrapper{max-width:92%;} } @media (max-width: 576px){ body.operator-page .form-wrapper{max-width:100%;} } /* Footer boxed style for operator pages */ body.operator-page #footer, body.operator-page .footer{ background:#fff; border-top:1px solid #e9ecef; padding:18px 0; } body.operator-page #footer .copyright, body.operator-page .footer .copyright{ font-size:0.9rem; } /* Sticky footer per pagine operatore (quando contenuto è corto) */ body.operator-page { min-height: 100vh; display: flex; flex-direction: column; } body.operator-page #main.main { flex: 1 0 auto; } body.operator-page #footer, body.operator-page .footer { margin-top: auto; flex-shrink: 0; } /* Stepper / progress list (Premium flow) */ body.operator-page .flow-steps{ display:flex; flex-wrap:wrap; gap:10px; padding:10px 12px; border:1px solid rgba(0,0,0,0.08); border-radius:14px; background:rgba(13,110,253,0.03); margin-bottom:16px; } body.operator-page .flow-step{ display:inline-flex; align-items:center; gap:8px; padding:7px 10px; border-radius:999px; font-size:0.92rem; border:1px solid rgba(0,0,0,0.08); background:#fff; } body.operator-page .flow-step .dot{ width:10px; height:10px; border-radius:50%; display:inline-block; } body.operator-page .flow-step.is-done .dot{ background:#198754; } body.operator-page .flow-step.is-current .dot{ background:#0d6efd; } body.operator-page .flow-step.is-todo .dot{ background:#adb5bd; } body.operator-page .flow-step.is-todo{ opacity:0.75; } body.operator-page .form-wrapper--wide{ max-width:980px; }