.link-button{border:0;background:transparent;color:#dfbd6b;display:block;margin:14px auto 0;cursor:pointer;font-weight:800}.success-note{background:#e6f7ef!important;color:#176044!important}.danger{background:#8f2f2f!important;color:#fff!important}.danger-note{background:#ffe9e9!important;color:#8c2525!important}.calendar-nav{display:flex;align-items:center;gap:12px}.calendar-nav button{min-width:42px;padding:8px}.role-tabs{display:flex;gap:8px;margin:16px 0}.role-tabs button{border:1px solid #c9d8d2;background:#f4f8f6;border-radius:999px;padding:10px 24px;font-weight:800;color:#35564c;cursor:pointer}.role-tabs button.active{background:#0b5c49;color:#fff;border-color:#0b5c49}.calendar-weekdays,.duty-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-weekdays span{text-align:center;font-weight:900;color:#668078;padding:8px}.calendar-cell{min-height:128px;border:1px solid #d8e3df;border-radius:16px;background:#fff;text-align:left;padding:10px;position:relative;cursor:pointer;color:#10231e;overflow:hidden}.calendar-cell:hover{border-color:#0b5c49;box-shadow:0 8px 22px rgba(20,80,62,.12)}.calendar-cell.blank{visibility:hidden}.calendar-cell.today{outline:3px solid rgba(217,180,91,.6)}.calendar-cell.assigned{background:linear-gradient(160deg,#fff,#edf7f3)}.day-number{font-weight:900;font-size:16px}.assign-hint{display:block;text-align:center;color:#82968f;margin-top:32px;font-size:12px}.mini-profile{display:grid;justify-items:center;gap:4px;margin-top:8px;text-align:center}.mini-profile img,.mini-profile b{width:52px;height:52px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#0b5c49;color:#fff}.mini-profile small{font-weight:800;line-height:1.1}.calendar-legend{display:flex;gap:20px;margin-top:14px;color:#60776f;font-size:13px}.legend-dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:5px}.legend-dot.assigned{background:#0b5c49}.legend-dot.today{background:#d9b45b}.profile-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;max-height:60vh;overflow:auto;padding:4px}.profile-choice{border:1px solid #d2dfda;border-radius:16px;background:#fff;padding:12px;display:flex;gap:12px;text-align:left;cursor:pointer}.profile-choice:hover{border-color:#0b5c49;background:#f0f8f5}.profile-choice .avatar{width:58px;height:58px;flex:0 0 auto}.profile-choice span{display:grid;gap:4px}.profile-choice small{color:#637970;line-height:1.35}.user-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.user-card{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:18px;border:1px solid #d8e3df;border-radius:18px;background:#fff}.user-card.inactive{opacity:.55}.user-avatar{width:54px;height:54px;border-radius:16px;background:#0b5c49;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900}.user-card h4,.device-v3 h4{margin:0 0 5px}.user-card p,.device-v3 p{margin:3px 0;color:#5f756d}.user-card small{display:block;margin-top:8px;color:#778a83}.user-card .row-actions{grid-column:1/-1}.role-badge{display:inline-block;background:#e2f1ec;color:#0b5c49;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900}.theme-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}.theme-card{border:2px solid transparent;border-radius:16px;background:#f7faf9;padding:10px;text-align:left;cursor:pointer;color:#18362d}.theme-card.active{border-color:#0b5c49;box-shadow:0 8px 20px rgba(11,92,73,.15)}.theme-preview{height:82px;border-radius:12px;display:block;position:relative;overflow:hidden;background:linear-gradient(145deg,var(--ts),var(--tp))}.theme-preview i{position:absolute;width:70px;height:70px;border-radius:50%;background:var(--tp);filter:blur(12px);left:-12px;top:-10px}.theme-preview b{position:absolute;left:12px;right:12px;bottom:14px;height:10px;border-radius:99px;background:var(--ta)}.theme-preview em{position:absolute;left:12px;bottom:31px;width:45%;height:8px;border-radius:99px;background:rgba(255,255,255,.7)}.theme-card strong{display:block;margin-top:8px}.pairing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pairing-grid>div{border:1px solid #d8e3df;border-radius:16px;padding:18px;background:#f8fbfa;display:grid;gap:7px}.pairing-grid span{color:#6b8078;font-size:12px;font-weight:800}.pairing-grid strong{font-size:28px;letter-spacing:.04em}.pairing-grid button{justify-self:start;border:0;background:#dceee8;color:#0b5c49;border-radius:9px;padding:7px 11px;font-weight:800;cursor:pointer}.device-list{display:grid;gap:12px}.device-v3{border:1px solid #d8e3df;border-radius:18px;padding:18px;display:grid;grid-template-columns:1fr minmax(260px,.7fr);gap:20px;background:#fff}.device-v3.revoked{opacity:.55}.command-grid.compact{grid-template-columns:repeat(3,1fr)}.crop-workspace{display:grid;place-items:center;background:#071a16;border-radius:18px;padding:12px;overflow:hidden}.crop-workspace canvas{width:min(65vh,100%);height:auto;max-height:65vh;touch-action:none;cursor:grab;border-radius:12px}.crop-workspace canvas:active{cursor:grabbing}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.calendar-cell{min-height:95px;padding:7px}.mini-profile img,.mini-profile b{width:38px;height:38px}.mini-profile small{font-size:10px}.device-v3{grid-template-columns:1fr}.pairing-grid{grid-template-columns:1fr}.form-grid.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.duty-calendar,.calendar-weekdays{gap:3px}.calendar-cell{min-height:78px;border-radius:10px}.assign-hint{margin-top:20px}.mini-profile img,.mini-profile b{width:30px;height:30px}.mini-profile small{display:none}.role-tabs button{flex:1;padding:9px}.user-grid{grid-template-columns:1fr}.theme-library{grid-template-columns:repeat(2,1fr)}}
.countdown-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.countdown-config-grid section{border:1px solid #d8e3df;border-radius:18px;padding:18px;background:#f8fbfa}.countdown-config-grid h4,.sound-event-card h4{margin:0 0 12px;color:#173c31}.form-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.countdown-settings-panel label small{display:block;color:#71857d;margin-top:4px}.sound-master-row{display:grid;grid-template-columns:1fr minmax(280px,.7fr);gap:20px;align-items:center;margin:14px 0}.volume-control{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.volume-control input{padding:0}.sound-prayer-toggles{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:14px;border-radius:14px;background:#f4f8f6;border:1px solid #d8e3df}.sound-prayer-toggles>span{font-weight:900}.sound-prayer-toggles label{display:flex;align-items:center;gap:6px;margin:0}.sound-event-list{display:grid;gap:14px;margin-top:16px}.sound-event-card{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(180px,.7fr) minmax(240px,1fr) minmax(270px,1.2fr);gap:14px;align-items:end;border:1px solid #d8e3df;border-radius:18px;padding:16px;background:#fff}.sound-event-card label{margin:0}.sound-event-card .switch-row.compact{padding:0;background:transparent;border:0}.sound-actions{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.sound-actions input[type=file]{min-width:0;font-size:12px}.sound-actions button{white-space:nowrap}.sound-settings-panel .note{margin-top:14px}@media(max-width:1100px){.form-grid.five{grid-template-columns:repeat(3,1fr)}.sound-event-card{grid-template-columns:1fr 1fr}.sound-actions{grid-column:1/-1}}@media(max-width:760px){.countdown-config-grid,.sound-master-row{grid-template-columns:1fr}.form-grid.five{grid-template-columns:repeat(2,1fr)}.sound-event-card{grid-template-columns:1fr}.sound-actions{grid-column:auto;grid-template-columns:1fr}.sound-actions button{width:100%}.volume-control{grid-template-columns:1fr auto}.volume-control>input{grid-column:1/-1}.sound-prayer-toggles{align-items:flex-start;flex-direction:column}}

/* v0.3.3.0 — Canva Playlist Berjadual */
.canva-summary{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}.canva-summary span{padding:10px 13px;border:1px solid #dce7e3;background:#f4f8f6;border-radius:12px;color:#60746d}.canva-summary strong{color:#0b4d3d;font-size:18px;margin-right:4px}.canva-list{display:grid;gap:12px}.canva-item{display:grid;grid-template-columns:42px 42px 92px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid #dce7e3;border-radius:16px;background:#fff;transition:box-shadow .2s,transform .2s,opacity .2s}.canva-item:hover{box-shadow:0 10px 30px rgba(16,35,30,.08)}.canva-item.dragging{opacity:.45;transform:scale(.99)}.canva-item.inactive{opacity:.62}.canva-order{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf5f2;color:#30584b;font-weight:900}.canva-preview-tile{aspect-ratio:16/9;border-radius:10px;background:linear-gradient(135deg,#6c4cff,#00b9d8);color:#fff;display:grid;place-items:center;align-content:center;line-height:1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.canva-preview-tile span{font-weight:950;font-size:14px}.canva-preview-tile small{font-size:8px;letter-spacing:.16em;margin-top:5px}.canva-meta{min-width:0}.canva-meta h4{margin:0 0 5px}.canva-meta p{margin:0;color:#788b84;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canva-order-actions{display:grid;gap:5px}.canva-order-actions button{width:34px;height:30px;border:1px solid #d5e1dd;background:#fff;border-radius:9px;cursor:pointer;font-size:16px}.canva-order-actions button:disabled{opacity:.3;cursor:not-allowed}.canva-actions{grid-column:4/6;justify-content:flex-end}.canva-actions button:nth-child(2){border-color:#b7d7cc;background:#eef8f4;color:#0b5c49}.canva-dialog-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:10px}.canva-dialog-preview{margin-top:14px;min-height:340px}.canva-dialog-preview.hidden{display:none}
@media(max-width:900px){.canva-item{grid-template-columns:32px 36px 74px 1fr}.canva-order-actions{grid-column:4}.canva-actions{grid-column:2/5;justify-content:flex-start;flex-wrap:wrap}.canva-meta p{max-width:55vw}}
@media(max-width:560px){.canva-item{grid-template-columns:30px 34px 60px 1fr;padding:10px;gap:8px}.canva-preview-tile span{font-size:11px}.canva-order-actions{display:flex}.canva-actions{grid-column:1/5}.canva-actions button{flex:1;min-width:90px}.canva-dialog-preview{min-height:220px}.canva-summary{display:grid;grid-template-columns:1fr 1fr}.canva-summary span:last-child{grid-column:1/-1}}
.canva-schedule-line{display:block;margin-top:7px;color:#60776f;font-size:12px}.schedule-status-note{display:flex;align-items:center;padding:10px 12px;border:1px solid #d8e4df;border-radius:12px;background:#f3f8f6;color:#527067;font-size:12px}.badge.full{background:#f7e8e4;color:#8d3e30}.canva-preview-tile small{letter-spacing:.04em;font-size:10px}.canva-meta .badges{margin-top:7px}

/* v0.3.4.0 — Tetapan dan preview cuaca */
.weather-location-current{display:grid;gap:4px;padding:16px 18px;margin-bottom:14px;border:1px solid #d8e5e0;border-radius:16px;background:linear-gradient(135deg,#f6fbf9,#edf7f3)}.weather-location-current span,.weather-sync-info span{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#6b8178;font-weight:900}.weather-location-current strong{font-size:23px;color:#123d31}.weather-location-current small{color:#657a72}.weather-location-search{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.weather-location-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;margin:10px 0 16px}.weather-location-results button{display:grid;text-align:left;gap:4px;padding:12px 14px;border:1px solid #d7e3de;border-radius:13px;background:#fff;cursor:pointer;color:#183b31}.weather-location-results button:hover{border-color:#0b5c49;background:#f1f9f6}.weather-location-results small{color:#71857d}.weather-sync-info{display:grid;align-content:center;gap:4px;padding:10px 12px;border:1px solid #d8e4df;border-radius:12px;background:#f6faf8}.weather-checks{margin:16px 0}.weather-checks label{padding:10px 12px;border-radius:12px;background:#f5f9f7;border:1px solid #dde8e4}.weather-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.weather-admin-grid article{min-height:180px;padding:20px;border-radius:20px;color:#fff;display:grid;align-content:end;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#386b9d,#183f66)}.weather-admin-grid article:before{content:"";position:absolute;inset:-30%;z-index:-1;background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.38),transparent 24%),linear-gradient(145deg,transparent,rgba(0,0,0,.28));animation:weatherAdminDrift 8s ease-in-out infinite alternate}.weather-admin-grid article[data-weather=clear]{background:linear-gradient(145deg,#6ebeff,#f7b94b)}.weather-admin-grid article[data-weather=rain]{background:linear-gradient(145deg,#335671,#122c43)}.weather-admin-grid article[data-weather=thunder]{background:linear-gradient(145deg,#272c4a,#090d1e)}.weather-admin-grid article[data-weather=haze]{background:linear-gradient(145deg,#9b9e91,#53594f)}.weather-admin-icon{font-size:54px;position:absolute;right:17px;top:14px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2))}.weather-admin-grid small{font-weight:900;letter-spacing:.1em;text-transform:uppercase;opacity:.78}.weather-admin-grid h4{font-size:20px;margin:6px 0 0;max-width:82%}.weather-day-summary{display:flex;align-items:center;gap:14px;margin-top:14px;padding:14px 18px;border-radius:15px;background:#f3f8f6;border:1px solid #d8e5e0}.weather-day-summary span{font-size:11px;font-weight:950;letter-spacing:.12em;color:#0b5c49}.weather-day-summary strong{font-size:17px}.weather-day-summary small{margin-left:auto;color:#697e76}@keyframes weatherAdminDrift{to{transform:translate3d(3%,2%,0) scale(1.05)}}
@media(max-width:760px){.weather-location-search,.weather-admin-grid{grid-template-columns:1fr}.weather-day-summary{align-items:flex-start;flex-direction:column;gap:5px}.weather-day-summary small{margin-left:0}.weather-location-results{grid-template-columns:1fr}}