/* StormTube programming, notifications and voluntary raids */
.st-notif-header-button{display:inline-grid;place-items:center;position:relative;flex:0 0 40px;height:38px;background:#1c3125;border:1px solid #416d4d;border-radius:10px;color:#e7fff0;text-decoration:none;font-size:19px}
.st-notif-header-button:hover{background:#28593b}
.st-notif-counter{position:absolute;right:-6px;top:-7px;min-width:19px;height:19px;padding:0 4px;display:grid;place-items:center;background:#f23e6b;color:#fff;font-size:10px;font-weight:900;border:2px solid #10161c;border-radius:20px}
.st-notif-counter[hidden]{display:none!important}
.st-calendar-page,.st-notifications-page{width:100%;max-width:1300px;margin:0 auto}
.st-calendar-page .page-title,.st-notifications-page .page-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.st-calendar-page .page-title p,.st-notifications-page .page-title p{font-size:14px;max-width:74ch;line-height:1.6;color:#b4c7b9}
.st-calendar-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:start;gap:15px;margin-top:20px}
.st-calendar-grid .panel{min-width:0}
.st-calendar-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.st-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #35483c;margin-bottom:5px;padding-bottom:12px}
.st-calendar-head h2{margin:0;font-size:19px}
.st-calendar-head span{color:#adceb9;font-size:12px}
.st-schedule-row{display:flex;align-items:center;gap:13px;min-width:0;padding:14px 3px;border-bottom:1px solid #303c38}
.st-schedule-date{display:grid;place-items:center;flex:0 0 54px;height:60px;border-radius:9px;background:#1c4731;border:1px solid #4a9367;color:#b7ffd1}
.st-schedule-date strong{font-size:24px;line-height:1.1}
.st-schedule-date span{font-size:11px;text-transform:uppercase}
.st-schedule-main{display:flex;flex-direction:column;min-width:0;flex:1;gap:6px}
.st-schedule-main>a{color:#eefff1;text-decoration:none;font-size:14px;font-weight:850;line-height:1.45;overflow-wrap:anywhere}
.st-schedule-main>a:hover{color:#72f89b}
.st-schedule-main small{font-size:11px;color:#aac6b4;line-height:1.6}
.st-schedule-actions{flex:0 0 auto}
.st-schedule-actions .btn{font-size:11px;padding:8px 10px;white-space:nowrap}
.st-schedule-form{display:grid;gap:12px;margin:14px 0}
.st-schedule-form label{font-size:12px;font-weight:750}
.st-schedule-form input,.st-schedule-form select,.st-raid-settings select{width:100%;min-height:44px;background:#0e171d;color:#e8fff1;border:1px solid #477058;border-radius:8px;padding:9px;font-size:14px}
.st-schedule-form button{min-height:44px}
.st-own-schedules{margin-top:19px;border-top:1px solid #34533e;padding-top:14px}
.st-own-schedules h3{font-size:15px}
.st-calendar-empty{padding:45px 12px;text-align:center;display:grid;place-items:center;gap:12px}
.st-calendar-empty strong{font-size:21px}
.st-calendar-empty p{color:#b8cdbd;line-height:1.65;font-size:13px}
.st-raid-prepared{background:#1b3026;color:#bcf2cb;padding:11px;border-radius:8px;font-size:12px;border:1px solid #376449}
.st-raid-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:13px 0}
.st-raid-buttons .btn{padding:10px;font-size:12px}
.st-danger{background:#41282b;border:1px solid #ab595b;color:#fff}
.st-studio-agenda-link{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:linear-gradient(120deg,#183e2c,#14232b);border:1px solid #3c9464;border-radius:12px;padding:15px 18px;margin:12px 0 18px}
.st-studio-agenda-link strong{font-size:17px}
.st-studio-agenda-link p{font-size:12px;color:#a9cdb8;margin:5px 0 0}
.st-channel-schedule{padding:13px 0}
.st-channel-schedule h3{font-size:18px;margin:0 0 12px}
.st-channel-schedule>.btn{margin:17px 0 0}
.st-notifications-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0;background:#17251e;border:1px solid #355c41;border-radius:10px;padding:12px}
.st-notifications-tools>span{margin-right:auto;font-size:12px;color:#c6f1d3}
.st-notifications-list{display:flex;flex-direction:column;gap:8px;margin-bottom:25px}
.st-notification-row{display:flex;align-items:center;gap:13px;padding:17px;background:#171e26;border:1px solid #35483e;border-radius:12px;text-decoration:none;color:#f0fff3}
.st-notification-row.unread{background:#1a3425;border-color:#42845a}
.st-notif-symbol{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;background:#264a33;border-radius:10px;font-size:24px}
.st-notification-row>span:last-child{display:grid;gap:5px;min-width:0}
.st-notification-row strong{font-size:14px}
.st-notification-row small{font-size:12px;color:#c1d9c9}
.st-notification-row em{font-size:11px;color:#83bd96;font-style:normal}
.st-raid-prompt{z-index:12;position:fixed;right:18px;bottom:24px;max-width:370px;width:calc(100vw - 36px);padding:18px;border:1px solid #4fff96;background:linear-gradient(140deg,#173f2a,#121c25);box-shadow:0 16px 54px #000c;border-radius:15px;color:#effff3}
.st-raid-prompt[hidden]{display:none!important}
.st-raid-prompt strong{display:block;font-size:17px;line-height:1.4;padding-right:20px;margin:3px 0 6px}
.st-raid-prompt p{font-size:13px;color:#c7e1d0;line-height:1.5;margin:7px 0 13px}
.st-raid-prompt>.st-raid-label{font-size:10px;color:#70ff9e;letter-spacing:1px;font-weight:900}
.st-raid-prompt .st-raid-actions{display:flex;align-items:center;gap:8px}
.st-raid-prompt .st-raid-close{position:absolute;right:9px;top:8px;background:#233a2c;color:#fff;border:1px solid #598263;border-radius:7px;width:29px;height:29px;cursor:pointer}
.st-raid-prompt .btn{padding:10px 13px}
@media(max-width:980px){.st-calendar-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:620px){.st-calendar-grid{margin-top:14px;gap:10px}.st-schedule-date{flex:0 0 45px;height:51px}.st-schedule-date strong{font-size:21px}.st-schedule-row{gap:8px;padding:12px 0}.st-schedule-actions .btn{padding:7px;font-size:10px}.st-schedule-main>a{font-size:13px}.st-raid-prompt{right:7px;bottom:max(10px,env(safe-area-inset-bottom));width:calc(100vw - 14px)}.st-notif-header-button{flex-basis:32px;height:34px;font-size:16px}}