/* V31 — notifications téléphone et préférences. Aucun visuel des 12 modules n'est touché. */
.v31-phone-push-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin:14px 0 18px;border:1px solid rgba(86,92,75,.16);border-radius:18px;background:linear-gradient(135deg,rgba(244,239,226,.88),rgba(255,255,255,.92))}.v31-phone-push-card div{display:grid;gap:4px}.v31-phone-push-card small{color:#746f67;line-height:1.45}.v31-phone-push-card button[data-push-state="ok"]{border-color:#8da184;color:#52644f}.v31-phone-push-card button[data-push-state="error"]{border-color:#bd7b72;color:#8b4f48}
.v31-notifications-page{max-width:920px}.v31-push-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;margin:0 0 16px;border-radius:24px;background:linear-gradient(135deg,#f4efe4,#fff);box-shadow:0 16px 38px rgba(68,61,49,.08);border:1px solid rgba(84,79,68,.09)}.v31-push-hero>div{max-width:620px}.v31-push-hero span{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:#7b8068}.v31-push-hero h2{margin:6px 0 7px;font-size:1.3rem}.v31-push-hero p{margin:0;color:#706b63;line-height:1.55}.v31-notif-saved{padding:10px 14px;border-radius:12px;background:#eef4e9;color:#53644e;font-weight:700;margin:0 0 12px}.v31-notif-settings{margin:0 0 18px;border:1px solid rgba(84,79,68,.12);border-radius:18px;background:#fff;overflow:hidden}.v31-notif-settings summary{cursor:pointer;padding:16px 18px;font-weight:800}.v31-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 16px 18px}.v31-settings-grid label{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:14px;background:#faf8f4}.v31-settings-grid label input{margin-top:4px}.v31-settings-grid label span{display:grid;gap:2px}.v31-settings-grid small{color:#7a756e;line-height:1.35}.v31-settings-grid .button{grid-column:1/-1;justify-self:start}
.v31-push-banner{position:fixed;z-index:1200;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(92vw,560px);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-radius:20px;background:rgba(255,252,247,.97);border:1px solid rgba(81,75,64,.14);box-shadow:0 18px 55px rgba(43,38,31,.2);backdrop-filter:blur(16px)}.v31-push-banner>div:first-child{display:grid;gap:3px}.v31-push-banner span{font-size:.68rem;font-weight:900;letter-spacing:.12em;color:#7d806b}.v31-push-banner b{font-size:1rem}.v31-push-banner p{margin:0;color:#716c64;font-size:.87rem;line-height:1.4}.v31-push-banner-actions{display:flex;gap:7px;flex-shrink:0}.v31-push-banner button{border:0;border-radius:999px;padding:10px 13px;font-weight:800;cursor:pointer}.v31-push-yes{background:#616b56;color:#fff}.v31-push-later{background:#eee9df;color:#665f55}
@media(max-width:700px){.v31-phone-push-card,.v31-push-hero,.v31-push-banner{align-items:stretch;flex-direction:column}.v31-push-hero .button,.v31-phone-push-card .outline-button{width:100%}.v31-settings-grid{grid-template-columns:1fr}.v31-push-banner-actions{width:100%}.v31-push-banner-actions button{flex:1}.v31-push-banner{bottom:max(12px,env(safe-area-inset-bottom));padding:15px}}