.mobile-notification-center .basic-content{max-width:1500px}.mobile-notification-intro{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(540px,1.2fr);gap:24px;align-items:center;padding:24px;border:1px solid #e3d9f0;border-radius:22px;background:linear-gradient(125deg,#fff,#f2eafa)}.mobile-notification-intro h2{margin:4px 0 8px;font-size:26px}.mobile-notification-intro p{margin:0;color:#6f617d}.mobile-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mobile-flow span{display:flex;align-items:center;gap:8px;padding:10px;border-radius:12px;background:#fff;font-size:12px;font-weight:700}.mobile-flow b{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#5b2b90;color:#fff}.mobile-center-grid{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr);gap:16px;margin-top:16px;align-items:start}.mobile-center-grid>.panel{margin:0}.mobile-compose-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.mobile-compose-form label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#433451}.mobile-compose-form label.wide{grid-column:1/-1}.mobile-compose-form select,.mobile-compose-form input,.mobile-compose-form textarea{width:100%;min-width:0;padding:11px;border:1px solid #d8cde3;border-radius:10px;background:#fff;font:inherit}.mobile-compose-form textarea{resize:vertical}.mobile-compose-form small{font-weight:400;color:#776985}.mobile-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.mobile-compose-footer small{color:#776985}.mobile-device-filters{display:flex;gap:7px;margin-bottom:12px}.mobile-device-filters button{border:1px solid #ddd2e8;border-radius:999px;padding:7px 11px;background:#fff;color:#5d4e69}.mobile-device-filters button.active{background:#5b2b90;color:#fff}.mobile-device-list{display:grid;gap:10px;max-height:430px;overflow:auto}.mobile-device-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:13px;border:1px solid #e1d8ea;border-radius:14px;background:#fff}.mobile-device-card.revoked{opacity:.72;background:#f7f5f8}.mobile-device-icon{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eee6f7;font-size:22px}.mobile-device-icon i{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#94a3b8}.mobile-device-card.online .mobile-device-icon i{background:#16a34a}.mobile-device-card.recent .mobile-device-icon i{background:#f59e0b}.mobile-device-heading{display:flex;justify-content:space-between;gap:10px}.mobile-device-heading h3,.mobile-device-heading p{margin:0}.mobile-device-heading h3{font-size:15px}.mobile-device-heading p{margin-top:3px;color:#776985;font-size:11px}.mobile-device-card dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.mobile-device-card dl div{min-width:0}.mobile-device-card dt{font-size:9px;font-weight:800;letter-spacing:.5px;color:#8b7a98;text-transform:uppercase}.mobile-device-card dd{margin:2px 0 0;font-size:11px;overflow-wrap:anywhere}.mobile-device-actions{display:flex;gap:7px}.mobile-device-actions .btn{padding:7px 10px;font-size:11px}.mobile-state{display:inline-flex;align-items:center;width:max-content;padding:5px 8px;border-radius:999px;background:#e8edf3;color:#536171;font-size:10px;font-weight:800;white-space:nowrap}.mobile-state.online,.mobile-state.read{background:#dcfce7;color:#15803d}.mobile-state.recent,.mobile-state.pending{background:#fef3c7;color:#92400e}.mobile-state.revoked,.mobile-state.expired{background:#fee2e2;color:#991b1b}.mobile-state.delivered{background:#dbeafe;color:#1d4ed8}.mobile-history{margin-top:16px}.mobile-history td small{display:block;margin-top:3px;color:#776985}.mobile-empty{padding:20px;text-align:center;color:#776985}@media(max-width:1100px){.mobile-notification-intro,.mobile-center-grid{grid-template-columns:1fr}.mobile-flow{grid-template-columns:1fr 1fr}}@media(max-width:650px){.mobile-flow,.mobile-compose-form{grid-template-columns:1fr}.mobile-compose-form label.wide{grid-column:1}.mobile-compose-footer{align-items:stretch;flex-direction:column}.mobile-compose-footer .btn{width:100%}.mobile-device-card dl{grid-template-columns:1fr}}