/* SmartApps CMS Fasa 2.7 — keselamatan, sandaran dan aktiviti */
.security-page,.activity-page{display:grid;gap:22px}.security-hero{background:linear-gradient(135deg,#111a33 0%,#22335b 100%);color:#fff;border-radius:26px;padding:30px 34px;display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:0 24px 60px rgba(17,26,51,.16)}.security-hero h1{color:#fff;font-size:clamp(2rem,3vw,2.8rem);margin:8px 0 10px}.security-hero p{color:#cbd4e6;font-size:1.03rem;max-width:760px;margin:0}.security-score{width:128px;height:128px;border-radius:50%;display:grid;place-content:center;text-align:center;border:10px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);flex:none}.security-score strong{font-size:2rem;line-height:1}.security-score span{font-size:.78rem;margin-top:6px;color:#d5dcee}.security-score.is-good{border-color:#c9f24a}.security-score.is-warning{border-color:#f5b74c}.security-score.is-danger{border-color:#ef7182}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.security-grid-top{align-items:start}.security-panel{margin:0}.security-description{font-size:1rem;color:#68758a;line-height:1.75}.security-form{display:grid;gap:15px}.security-form label>span,.security-field-grid label>span{display:block;font-size:.9rem;font-weight:800;color:#34435c;margin-bottom:7px}.security-form input,.security-form select,.security-field-grid input,.security-field-grid select,.activity-filter-form input,.activity-filter-form select{width:100%;border:1px solid #d4dce7;background:#fff;border-radius:12px;padding:12px 13px;min-height:47px;color:#1f2c44;outline:none}.security-form input:focus,.security-form select:focus,.activity-filter-form input:focus,.activity-filter-form select:focus{border-color:#536fbd;box-shadow:0 0 0 3px rgba(83,111,189,.11)}.security-switch-row{border:1px solid #e2e7ef;border-radius:15px;padding:14px 15px;display:flex;justify-content:space-between;align-items:center;gap:16px}.security-switch-row span{margin:0!important}.security-switch-row strong,.security-switch-row small{display:block}.security-switch-row strong{font-size:1rem}.security-switch-row small{font-size:.88rem;color:#7d889a;margin-top:4px;font-weight:500}.security-switch-row input{width:22px;height:22px;min-height:0;flex:none}.security-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.security-state{border-radius:999px;padding:7px 10px;font-size:.8rem;font-weight:800}.security-state.is-on{background:#e9f8f0;color:#177148}.security-state.is-off{background:#f1f3f6;color:#707b8d}.setup-steps{display:grid;gap:9px;margin:14px 0}.setup-steps>div{display:flex;gap:11px;align-items:flex-start;background:#f7f9fc;border-radius:13px;padding:12px}.setup-steps b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#111a33;color:#c9f24a;flex:none}.setup-steps p{margin:1px 0 0;color:#5f6e84;font-size:.92rem}.secret-box{background:#111a33;color:#fff;border-radius:15px;padding:16px;margin:12px 0}.secret-box small,.secret-box code{display:block}.secret-box small{color:#acb8ce;font-size:.78rem}.secret-box code{font-size:1.14rem;letter-spacing:.12em;margin-top:7px;word-break:break-all;color:#c9f24a}.otp-uri{margin:10px 0 16px;font-size:.9rem}.otp-uri code{display:block;margin-top:8px;padding:10px;background:#f3f5f8;border-radius:10px;word-break:break-all}.security-danger-form{padding-top:12px}.security-danger-button{background:#fff0f2;color:#a42c3c;border:1px solid #f1c3ca}.security-notice{background:#fff8df;border:1px solid #f3dd89;border-radius:20px;padding:20px;display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:center}.security-notice strong{font-size:1.2rem;color:#664c00}.security-notice p{margin:5px 0 0;color:#7a681f}.recovery-code-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.recovery-code-grid code{background:#fff;border:1px dashed #cbb45b;border-radius:10px;padding:10px;text-align:center;font-weight:800;color:#55430b}.health-check-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.health-check{display:flex;gap:11px;align-items:flex-start;border:1px solid #e3e8ef;border-radius:14px;padding:13px}.health-dot{width:11px;height:11px;border-radius:50%;margin-top:5px;flex:none}.health-check.is-good .health-dot{background:#28a468;box-shadow:0 0 0 4px #e4f6ed}.health-check.is-warning .health-dot{background:#e89a2c;box-shadow:0 0 0 4px #fff1dc}.health-check strong,.health-check p{display:block;margin:0}.health-check strong{font-size:.96rem;color:#26354d}.health-check p{font-size:.86rem;color:#778397;line-height:1.55;margin-top:3px}.backup-list{display:grid}.backup-list article{display:flex;align-items:center;gap:13px;padding:14px 0;border-top:1px solid #edf0f4}.backup-list article:first-child{border-top:0}.backup-file-icon{width:43px;height:43px;border-radius:12px;background:#edf2ff;color:#526cbb;font-weight:900;display:grid;place-items:center;flex:none}.backup-file-copy{min-width:0;flex:1}.backup-file-copy strong,.backup-file-copy span,.backup-file-copy small{display:block}.backup-file-copy strong{font-size:.96rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.backup-file-copy span{font-size:.84rem;color:#748095;margin-top:3px}.backup-file-copy small{font-size:.74rem;color:#9aa3b0;margin-top:2px}.backup-actions{display:flex;align-items:center;gap:8px}.backup-actions a,.backup-actions button{border:0;background:#f0f3f8;color:#53627a;padding:8px 10px;border-radius:9px;font-size:.8rem;font-weight:800;cursor:pointer}.backup-actions button{background:#fff0f2;color:#a33a48}.activity-hero{min-height:170px}.activity-total{background:#c9f24a;color:#111a33;border-radius:999px;padding:10px 14px;font-weight:900;white-space:nowrap}.activity-filter-panel,.activity-list-panel{margin:0}.activity-filter-form{display:grid;grid-template-columns:1.4fr 1fr auto auto;gap:12px;align-items:end}.activity-filter-form label>span{display:block;font-size:.85rem;font-weight:800;color:#46556d;margin-bottom:6px}.activity-table-wrap{overflow:auto}.activity-table{width:100%;border-collapse:collapse;min-width:920px}.activity-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:#7d8898;text-align:left;padding:12px;border-bottom:1px solid #dfe5ed}.activity-table td{padding:14px 12px;border-bottom:1px solid #edf0f4;vertical-align:top}.activity-table td strong,.activity-table td small{display:block}.activity-table td strong{font-size:.92rem;color:#26354d}.activity-table td small{font-size:.77rem;color:#8c96a6;margin-top:3px}.activity-action-tag{display:inline-flex;background:#edf2ff;color:#506bb8;padding:6px 8px;border-radius:8px;font-size:.8rem;font-weight:800}.activity-table code{font-size:.78rem;background:#f4f6f9;padding:5px 7px;border-radius:7px}.activity-context{display:block;max-width:300px;font-size:.78rem;color:#68758a;word-break:break-word}.maintenance-page{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:40px 18px;background:radial-gradient(circle at top right,rgba(201,242,74,.2),transparent 35%),#f4f6f8}.maintenance-card{max-width:620px;background:#fff;border:1px solid #e0e6ed;border-radius:28px;padding:44px;text-align:center;box-shadow:0 24px 70px rgba(17,26,51,.12)}.maintenance-mark{width:64px;height:64px;margin:0 auto 18px;border-radius:18px;display:grid;place-items:center;background:#111a33;color:#c9f24a;font-size:2rem;font-weight:900}.maintenance-card h1{font-size:clamp(2rem,5vw,3.2rem);margin:10px 0 15px}.maintenance-card p{font-size:1.05rem;color:#68758a;margin:0 auto 25px;max-width:480px}.auth-cancel-form{margin-top:10px}
@media(max-width:1050px){.security-grid{grid-template-columns:1fr}.health-check-list{grid-template-columns:1fr 1fr}.activity-filter-form{grid-template-columns:1fr 1fr}.activity-filter-form .admin-button{width:100%}}
@media(max-width:760px){.security-hero{padding:24px 21px;align-items:flex-start}.security-score{width:98px;height:98px;border-width:8px}.security-score strong{font-size:1.55rem}.security-grid,.security-notice{grid-template-columns:1fr}.recovery-code-grid{grid-template-columns:1fr 1fr}.health-check-list{grid-template-columns:1fr}.security-field-grid{grid-template-columns:1fr}.backup-list article{align-items:flex-start;flex-wrap:wrap}.backup-actions{width:100%;padding-left:56px}.activity-filter-form{grid-template-columns:1fr}.activity-total{align-self:flex-start}.maintenance-card{padding:32px 22px}}
@media(max-width:480px){.security-hero{flex-direction:column}.security-score{width:92px;height:92px}.recovery-code-grid{grid-template-columns:1fr}.backup-actions{padding-left:0}.backup-actions a,.backup-actions form,.backup-actions button{flex:1}.backup-actions button{width:100%}.security-notice{padding:16px}.maintenance-card{border-radius:22px}}