:root{--bg:#f7f8fb;--paper:#fff;--ink:#202635;--sub:#798293;--line:#e9edf2;--blue:#397fbc;--indigo:#635cb0;--gold:#f5b83d;--orange:#ed823a;--shadow:0 12px 38px rgba(46,59,89,.055);--radius:20px;--side:253px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin:0}h1{font-weight:780;letter-spacing:-1.35px;font-size:34px;line-height:1.13}h2{font-weight:760;letter-spacing:-.65px;font-size:23px}h3{font-weight:730;letter-spacing:-.3px;font-size:16px}small{color:var(--sub)}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--side) minmax(0,1fr)}.sidebar{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line);padding:20px 13px 17px;z-index:15}.brand{display:flex;align-items:center;gap:10px;padding:4px 11px 24px}.brand-logo{width:63px;height:53px;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(42,39,79,.1))}.brand-copy strong{display:block;font-size:17px;letter-spacing:-.5px;line-height:1.16}.brand-copy span{display:block;color:#9399a5;font-size:11px;margin-top:4px}.side-group{font-size:10px;text-transform:uppercase;letter-spacing:1.25px;color:#a0a7b4;font-weight:800;margin:18px 14px 7px}.nav-btn{border:none;width:100%;background:transparent;display:flex;gap:12px;align-items:center;padding:11px 13px;color:#647086;font-weight:560;border-radius:12px;text-align:left;transition:.17s}.nav-btn svg{opacity:.86}.nav-btn:hover{background:#f6f7fa;color:#26364a}.nav-btn.active{background:#eaf3fc;color:#3779b2;font-weight:750}.nav-btn.active:before{content:"";background:#347cba;width:3px;height:20px;border-radius:4px;position:absolute;left:12px}.nav-btn b{margin-left:auto;background:#fff5df;color:#b4761f;padding:2px 7px;font-size:10px;border-radius:15px}.sidebar-spacer{flex:1}.side-quiet{background:linear-gradient(125deg,#f2f6ff,#fff9ef);border:1px solid #edf0f8;border-radius:17px;padding:13px;margin:14px 4px 0}.side-quiet strong{display:block;margin:8px 0 3px;font-size:12px}.side-quiet p{color:#858f9c;font-size:11px;line-height:1.48}.sidebar-note{font-size:10px;color:#a9adb4;text-align:center;margin:13px 0 2px}.main{min-width:0;padding:0 40px 42px;max-width:1700px;width:100%;margin:auto}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;gap:18px}.breadcrumb{display:flex;align-items:center;gap:10px;color:#7b8493;font-size:13px}.breadcrumb strong{color:#293347;font-weight:650}.top-actions{display:flex;align-items:center;gap:10px}.top-date{color:#8a92a0;font-size:12px;margin-right:12px}.avatar{width:35px;height:35px;border-radius:13px;background:linear-gradient(135deg,#b3cbef,#ecdaf9);display:flex;align-items:center;justify-content:center;color:#4d668d;font-weight:800}.top-profile{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid var(--line);border-radius:11px;color:#657287;transition:.16s}.icon-btn:hover{border-color:#bfd4ee;background:#f5faff;color:var(--blue)}.btn{border:none;padding:10px 16px;border-radius:12px;font-weight:680;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:41px;white-space:nowrap;transition:transform .14s,background .14s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:#2d76b5;color:white;box-shadow:0 6px 14px rgba(45,118,181,.16)}.btn.primary:hover{background:#24669e}.btn.secondary{background:#eff4fa;color:#477ca9}.btn.light{background:white;color:#3c5269;border:1px solid var(--line)}.btn.ghost{background:transparent;color:#66809a}.btn.danger{background:#fff0ee;color:#b95145}.btn.small{min-height:32px;font-size:12px;padding:7px 11px;border-radius:9px}.btn.white{background:white;color:#315e88;box-shadow:0 5px 16px rgba(56,81,124,.09)}.btn.full{width:100%}.page-intro{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:2px 0 23px}.eyebrow{font-size:11px;letter-spacing:1.4px;font-weight:820;text-transform:uppercase;color:#9aa1b0;margin-bottom:7px}.desc{color:#808b9b;margin-top:8px;font-size:13px;max-width:730px}.hero{position:relative;overflow:hidden;background:linear-gradient(111deg,#fff2db 0%,#ffefd8 23%,#f5e6f8 51%,#e7f2ff 78%,#dbeefe 100%);border:1px solid #f5e9df;border-radius:25px;min-height:238px;padding:33px 35px;display:flex;align-items:center;box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;width:480px;height:400px;border-radius:47% 53% 61% 39%;right:-100px;top:-160px;background:radial-gradient(ellipse,#b6d9ff 2%,#b5caf7aa 40%,transparent 72%);transform:rotate(22deg)}.hero:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:155px;bottom:-205px;background:radial-gradient(ellipse,#ffb88c99,transparent 70%)}.hero .blobs span{position:absolute;border-radius:40% 60% 55% 45%}.hero .blobs span:nth-child(1){background:#ffce71;right:145px;top:30px;width:35px;height:35px;transform:rotate(25deg)}.hero .blobs span:nth-child(2){background:#e89cca;right:110px;top:82px;width:22px;height:22px}.hero .blobs span:nth-child(3){background:#65b1dd;right:60px;bottom:28px;width:15px;height:15px}.hero-content{position:relative;z-index:2;max-width:620px}.hero h1{font-size:32px;max-width:555px}.hero p{color:#777c90;max-width:460px;margin:11px 0 18px;font-size:13px}.hero-logo{position:absolute;z-index:1;width:295px;right:40px;top:20px;opacity:.94;filter:drop-shadow(0 15px 19px rgba(88,72,110,.12))}.tag{display:inline-flex;align-items:center;gap:6px;border-radius:20px;background:#fff8e7;color:#a27b30;padding:5px 10px;font-size:11px;font-weight:760}.tag.green{background:#e6f6ef;color:#3d9a6d}.tag.blue{background:#e7f2fc;color:#3976ab}.tag.purple{background:#f1ebfc;color:#7864b4}.tag.red{background:#fff0ed;color:#b35b4f}.tag.neutral{background:#f0f2f6;color:#768292}.tag.plain{background:#fff;border:1px solid #eef0f4}.cards{display:grid;gap:16px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(295px,1fr);gap:19px;margin-top:19px}.card{background:white;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow);min-width:0}.card.flat{box-shadow:none}.card.muted{background:#fdfdfd}.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.card-title h3{font-size:15px}.linkish{border:0;background:transparent;color:#3d87c2;font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:4px}.linkish:hover{text-decoration:underline}.metric-icon{width:39px;height:39px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#f0f6fd;color:#4a84b2}.metric-icon.gold{background:#fff6e6;color:#e1a53b}.metric-icon.violet{background:#f4efff;color:#8d78bc}.metric-icon.pink{background:#fff0f2;color:#db8090}.metric-value{font-size:25px;letter-spacing:-.6px;font-weight:800;margin:10px 0 2px}.metric-label{color:#87909f;font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 0 13px;gap:10px}.section-heading h2{font-size:18px}.next-event{display:flex;gap:18px;align-items:center}.date-box{width:78px;height:85px;flex:none;border-radius:16px;background:linear-gradient(150deg,#fdf0d4,#fff8ef);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b57b3d}.date-box .date-day{font-size:31px;font-weight:850;letter-spacing:-1px;line-height:1}.date-box .date-month{font-size:11px;text-transform:uppercase;font-weight:790;letter-spacing:.5px}.event-info{min-width:0;flex:1}.event-info h3{font-size:18px;margin:5px 0}.event-info p{font-size:12px;color:#8590a0}.mini{display:flex;align-items:center;gap:6px;color:#8490a2;font-size:12px}.mini svg{width:15px;height:15px}.divider{border:0;border-top:1px solid var(--line);margin:16px 0}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick-action{border:1px solid #ecf0f4;border-radius:15px;background:#fff;display:flex;align-items:center;gap:10px;padding:13px;min-width:0;text-align:left}.quick-action:hover{border-color:#b9d6ef;background:#f7fbff}.quick-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#3c89bb;background:#eaf5ff;flex:none}.quick-icon.pink{background:#ffecf1;color:#cc6882}.quick-icon.yellow{background:#fff4df;color:#da9c43}.quick-action strong{font-size:12px;display:block}.quick-action span{font-size:11px;color:#8b95a4;display:block;margin-top:2px}.list-row{display:flex;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #f0f2f5}.list-row:last-child{border-bottom:0}.list-row .grow{flex:1;min-width:0}.list-row strong{display:block;font-size:12px}.list-row small{display:block;font-size:11px;margin-top:2px}.dot{width:8px;height:8px;border-radius:50%;background:#e0a952;flex:none}.dot.blue{background:#5896c9}.dot.green{background:#61b394}.dot.pink{background:#ca77a0}.notice{background:#fff9eb;border:1px solid #f5e7c7;color:#936e2e;padding:12px 14px;border-radius:13px;font-size:12px;display:flex;align-items:flex-start;gap:10px}.notice.blue{background:#f0f7ff;border-color:#dceaf8;color:#517ca6}.notice.pink{background:#fff2f6;border-color:#f5e4ea;color:#ad677b}.notice.slim{padding:9px 12px}.notice svg{flex:none}.tint-panel{background:linear-gradient(135deg,#f0f6ff,#f3effb);border-radius:15px;padding:15px}.tiny-fig{border-radius:13px;height:125px;background:linear-gradient(120deg,#f9d979,#ed9a6e 31%,#c88aaf 60%,#8cbadf);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.tiny-fig:after{content:"";position:absolute;border-radius:43%;background:#ffffff40;width:140px;height:100px;transform:rotate(27deg);right:-25px;top:-45px}.tiny-fig strong{font-size:17px;color:white;text-shadow:0 2px 8px #424b5d77;padding:14px;text-align:center;position:relative;z-index:1}.event-card{overflow:hidden;padding:0;cursor:pointer}.event-card:hover{border-color:#c4d7e9;transform:translateY(-2px)}.event-cover{height:118px;background:linear-gradient(114deg,#ffe2aa,#eea888 28%,#d7a6c7 55%,#90c3e7);position:relative;display:flex;align-items:center;padding:17px}.event-cover.fome{background:linear-gradient(120deg,#eee0fb,#c7d1f5,#a3dfe8)}.event-cover img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}.event-cover h3{max-width:80%;position:relative;z-index:1;color:#fff;font-size:20px;text-shadow:0 2px 13px #58516490}.event-cover .cover-chip{position:absolute;right:13px;top:12px;background:#ffffffd9;padding:5px 9px;border-radius:12px;color:#506377;font-weight:800;font-size:10px}.event-card-body{padding:15px}.event-card-body h3{margin:7px 0 4px;font-size:15px}.event-card-body p{color:#8891a0;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.event-card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:13px}.tabs,.chips{display:flex;gap:7px;flex-wrap:wrap}.tab{border:1px solid transparent;background:#f2f4f7;padding:9px 13px;border-radius:11px;color:#7b8596;font-size:12px;font-weight:700}.tab.active{color:#347eb7;background:#e5f2fd;border-color:#d5eafa}.chips .tab{padding:7px 13px}.input,.select,.textarea{outline:none;width:100%;min-height:41px;padding:10px 12px;border:1px solid #e2e7ef;border-radius:11px;background:#fff;color:#28354a;transition:border-color .2s,box-shadow .2s}.input:focus,.select:focus,.textarea:focus{border-color:#83b5e1;box-shadow:0 0 0 3px #dbeeff70}.textarea{min-height:90px;resize:vertical}.label{font-weight:700;font-size:11px;color:#6e7b8e;display:block;margin-bottom:5px}.field{min-width:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field.full{grid-column:1/-1}.searchline{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.searchbox{position:relative;flex:1;min-width:200px}.searchbox svg{position:absolute;left:13px;top:11px;color:#8c96a3}.searchbox input{padding-left:40px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px}.data-table{width:100%;border-collapse:collapse;min-width:660px}.data-table th{background:#f8f9fb;color:#8993a2;font-size:10px;font-weight:760;text-transform:uppercase;letter-spacing:.6px;padding:13px 15px;text-align:left;white-space:nowrap}.data-table td{font-size:12px;padding:12px 15px;border-top:1px solid #edf0f4;vertical-align:middle}.data-table tbody tr:hover{background:#fcfdff}.data-table th:first-child{border-top-left-radius:13px}.data-table th:last-child{border-top-right-radius:13px}.empty{border:1px dashed #d7e1ec;border-radius:18px;padding:34px 24px;text-align:center;background:linear-gradient(120deg,#fcfdff,#fff);color:#87909c}.empty .empty-icon{width:55px;height:55px;background:#f0f6fb;color:#638cb2;border-radius:17px;margin:0 auto 13px;display:flex;align-items:center;justify-content:center}.empty strong{display:block;color:#4d596a;font-size:14px}.empty p{margin:5px auto 14px;max-width:430px;font-size:12px}.mobile-nav{display:none}.grid-label{font-size:11px;font-weight:700;color:#8290a0;margin-bottom:7px}.person-result{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e9edf2;border-radius:12px;background:#fff;width:100%;margin-bottom:7px;text-align:left}.person-result:hover{background:#f7fbff;border-color:#b7d7ef}.initials{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:13px;color:#7b73ad;background:linear-gradient(145deg,#e8ddfa,#f4f7ff);font-size:12px;font-weight:760}.person-result .grow{flex:1}.roster-person{display:flex;align-items:center;gap:9px}.roster-person img{width:35px;height:35px;object-fit:cover;border-radius:11px}.roster-person strong{display:block;font-size:12px}.roster-person small{display:block;font-size:11px}.roster-actions{display:flex;justify-content:flex-end;gap:5px}.schedule-grid{display:grid;grid-template-columns:92px repeat(6,minmax(115px,1fr));border:1px solid var(--line);border-radius:16px;overflow:auto}.schedule-grid .cell{padding:11px;border-right:1px solid #edf0f4;border-bottom:1px solid #edf0f4;background:white;font-size:11px;min-height:67px}.schedule-grid .cell:nth-child(7n){border-right:0}.schedule-grid .cell.heading{background:#f5f7fa;color:#6e7d90;font-weight:760;min-height:42px}.schedule-grid .cell.time{background:#fafbfc;color:#8290a2;font-weight:700}.schedule-grid .cell strong{display:block;color:#34445b;font-size:11px}.schedule-grid .cell span{display:block;margin-top:5px;color:#8796a9}.schedule-grid .cell.is-conflict{background:#fff6ef;border-left:3px solid #e3a463}.schedule-grid .cell .edit-cell{margin-top:5px}.live-box{background:linear-gradient(135deg,#edf6ff,#f8f6ff);border:1px solid #dceafb;border-radius:17px;padding:18px}.live-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.live-head h2{font-size:24px;margin:8px 0}.live-where{display:flex;gap:7px;align-items:center;color:#476d92;font-weight:730;font-size:13px}.timeline-track{background:#dbe8f3;height:6px;border-radius:10px;position:relative;margin:10px 0 4px}.timeline-fill{background:linear-gradient(90deg,#e5ad51,#4f99c7);height:100%;border-radius:10px;transition:width .2s}.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px}.row-center{display:flex;align-items:center;gap:9px}.row-wrap{display:flex;flex-wrap:wrap;gap:8px}.muted{color:#8791a1}.text-sm{font-size:12px}.text-xs{font-size:11px}.m-top{margin-top:16px}.m-top-lg{margin-top:24px}.m-bottom{margin-bottom:14px}.pill-check{display:flex;gap:7px;align-items:center;font-size:12px;color:#4d6a83}.progress{height:6px;background:#e9eef5;border-radius:6px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#f3be6a,#559fd2);border-radius:6px}.badge-count{font-size:11px;color:#8b95a2}.years{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.year-btn{border:1px solid #e9edf2;background:#fff;color:#6a778c;border-radius:11px;padding:8px 13px;font-size:12px;font-weight:730}.year-btn.active{background:#347eb7;color:#fff;border-color:#347eb7}.hero-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#f7d978,#e69d95 43%,#a6c6e7);display:flex;align-items:center;justify-content:center;color:#fff}.history-card{padding:14px;display:flex;gap:12px;align-items:flex-start}.history-card h3{font-size:13px;margin:2px 0 5px}.history-card p{color:#8993a4;font-size:11px;line-height:1.5}.modal-mask{position:fixed;inset:0;background:#17233480;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:200}.modal{width:min(670px,100%);max-height:min(90vh,1000px);overflow:auto;background:#fff;border-radius:23px;box-shadow:0 30px 90px #1b304b44;padding:23px}.modal.large{width:min(1020px,100%)}.modal h2{font-size:20px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:18px}.modal-header p{margin-top:4px;color:#8892a0;font-size:12px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:19px}.modal .table-wrap{max-height:400px}.mobile-menu-btn{display:none}.footnote{color:#99a2ad;font-size:11px;margin-top:14px}.welcome-note{font-size:11px;color:#8c97a5}.results{max-height:390px;overflow:auto}.flow-step{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #edf0f5}.flow-step .number{border-radius:12px;background:#eff5fc;color:#4b88ba;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex:none;font-weight:760}.switch{display:inline-flex;align-items:center;gap:7px}.switch input{accent-color:#458bc1}.metric-strip{display:flex;gap:20px;flex-wrap:wrap;padding:11px 0}.metric-strip strong{font-size:17px;display:block}.metric-strip small{font-size:11px}.check-task{accent-color:#3284bd;transform:scale(1.13)}.fade-in{animation:fadein .18s ease-out}@keyframes fadein{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}.toast{position:fixed;right:22px;bottom:22px;z-index:300;background:#24374d;color:white;padding:11px 16px;box-shadow:0 12px 40px #16283a33;border-radius:13px;font-size:12px;max-width:380px}.desktop-only{display:block}.mobile-only{display:none}.boot{padding:25px;color:#6e8197}.file-btn{position:relative;overflow:hidden}.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.sticky-tools{position:sticky;top:12px;z-index:5}.layout-compact{display:grid;grid-template-columns:2fr 1fr;gap:15px}.letter-chip{border-radius:11px;padding:3px 8px;background:#f0f5fa;color:#7790a8;font-weight:720;font-size:11px}.schedule-list{display:grid;gap:8px}.schedule-step{display:flex;gap:12px;padding:12px;border:1px solid #e9edf3;border-radius:13px;background:white}.schedule-step.current{border-color:#c0ddf3;background:#f5fbff}.schedule-step .step-time{width:48px;color:#7f8c9c;font-size:12px;flex:none;font-weight:730}.schedule-step strong{font-size:12px;display:block}.schedule-step p{font-size:11px;color:#8d9aaa;margin-top:3px}.mini-cover{width:82px;height:70px;object-fit:cover;border-radius:12px}.text-danger{color:#bd625b}.text-success{color:#328969}.menu-button-group{display:flex;gap:5px;flex-wrap:wrap}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1200px){:root{--side:223px}.main{padding:0 25px 35px}.hero-logo{right:18px;width:230px;top:35px}.hero-content{max-width:calc(100% - 190px)}.content-grid{grid-template-columns:minmax(0,1.25fr) minmax(275px,1fr)}.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){:root{--side:0px}.app-shell{display:block}.sidebar{display:none}.main{padding:0 19px 108px}.topbar{height:70px}.top-date,.top-profile .desktop-only{display:none}.mobile-menu-btn{display:inline-flex}.hero{min-height:219px;padding:24px}.hero h1{font-size:26px}.hero-logo{width:210px;right:-12px;top:39px;opacity:.56}.hero-content{max-width:80%}.content-grid,.layout-compact{grid-template-columns:1fr}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#ffffffed;backdrop-filter:blur(18px);border-top:1px solid #e9edf2;padding:8px 5px max(10px,env(safe-area-inset-bottom));z-index:60}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:none;color:#9aa4b1;padding:4px 7px;font-size:10px;min-width:55px}.mobile-nav button.active{color:#3183bf;font-weight:770}.mobile-nav svg{height:21px;width:21px}.mobile-drawer{position:fixed;inset:0;background:#20354b66;z-index:100}.mobile-drawer-content{background:white;height:100%;width:min(310px,85vw);padding:18px;overflow:auto}.desktop-only{display:none}.mobile-only{display:block}.toast{bottom:89px;right:12px;left:12px}}
@media(max-width:600px){body{font-size:13px}.main{padding-left:14px;padding-right:14px}.hero{border-radius:21px;min-height:206px;padding:21px}.hero h1{font-size:25px}.hero p{font-size:12px;margin:8px 0 14px}.hero-logo{width:190px;right:-40px;top:48px;opacity:.3}.hero-content{max-width:95%}.page-intro{align-items:start;flex-direction:column;gap:12px}.page-intro h1{font-size:28px}.cards.three,.cards.two,.cards.four{grid-template-columns:1fr}.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:1fr 1fr}.quick-action{padding:10px;gap:8px}.quick-icon{width:33px;height:35px}.quick-action strong{font-size:11px}.quick-action span{font-size:10px}.card{padding:17px;border-radius:16px}.hero .tag{font-size:10px}.date-box{width:69px;height:79px}.next-event{gap:12px}.event-info h3{font-size:16px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:1}.modal{padding:19px 15px;border-radius:18px}.modal-mask{padding:9px}.topbar{height:64px}.top-profile{font-size:11px}.content-grid{gap:14px;margin-top:14px}.metric-value{font-size:23px}.metric-label{font-size:11px}.hide-mobile{display:none}.section-heading h2{font-size:17px}.card-title{align-items:start}.event-cover{height:95px}.event-cover h3{font-size:17px}.mini-cover{width:65px}.searchline .btn{flex:1}.layout-compact{gap:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* v2 — centro único por evento, navegação mais rápida e tipografia mais contida */
.hero-simple{min-height:222px;padding:32px 35px;background:linear-gradient(119deg,#fbf2ed 1%,#fff5d5 37%,#e7f6fc 76%,#f3eaff 100%);border:1px solid #f1e9ed}
.hero-simple .hero-content{max-width:70%}.hero-simple h1{font-size:clamp(26px,3vw,39px);line-height:1.1;letter-spacing:-1.25px;margin:12px 0 7px}.hero-simple p{font-size:14px;margin:7px 0;color:#586679}.hero-simple .hero-logo{max-width:28%;width:285px;right:26px;top:13px;opacity:.95;filter:drop-shadow(0 14px 20px rgba(74,71,99,.09))}.hero-simple .blobs{opacity:.42}
.home-pick{margin-top:18px;padding:19px 23px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(270px,1fr);gap:20px;align-items:center}
.home-pick-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.home-pick-title h2{font-size:21px;line-height:1.2;margin:4px 0 2px;letter-spacing:-.35px}
.home-pick-title p{font-size:12px;color:#8793a2;margin:5px 0 0}
.home-pick-title .tag{white-space:nowrap}.home-pick-controls{display:flex;align-items:center;gap:8px}
.home-pick-controls select{flex:1;min-width:120px;max-width:100%}.home-pick-controls button{white-space:nowrap;min-height:43px}
.hub-heading{margin-top:24px;margin-bottom:12px}.hub-heading h2{font-size:19px}
.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.hub-tile{position:relative;text-align:left;border:1px solid #e9edf2;background:#fff;border-radius:18px;padding:16px 17px 15px;min-height:130px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;box-shadow:0 6px 20px rgba(28,47,75,.035);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.hub-tile:hover,.hub-tile:focus-visible{transform:translateY(-2px);box-shadow:0 12px 32px rgba(35,63,97,.09);border-color:#cfe4f3;outline:0}
.hub-tile-icon{display:flex;width:42px;height:42px;align-items:center;justify-content:center;color:#3b86b9;background:linear-gradient(145deg,#e0f2fc,#f1f8ff);border-radius:14px;margin-bottom:8px}
.hub-tile.orange .hub-tile-icon{color:#cb7841;background:#fff0e4}.hub-tile.purple .hub-tile-icon{color:#8575be;background:#f0eaff}.hub-tile.pink .hub-tile-icon{color:#ae637f;background:#fcebf2}.hub-tile.teal .hub-tile-icon{color:#397f81;background:#e3f5f4}.hub-tile.yellow .hub-tile-icon{color:#ad8247;background:#fff4d9}
.hub-tile>strong{font-weight:760;font-size:14px;color:#2a3443}.hub-tile>small{font-size:11px;color:#8995a1}.hub-tile>.hub-arrow{position:absolute;right:15px;top:19px;color:#a5b5c5}
.home-lower{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr);gap:15px;margin-top:19px}
.home-name{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;background:linear-gradient(135deg,#fff,#fbf7ff 95%)}
.home-name h3{font-size:18px;line-height:1.15;margin:2px 0}.home-name p{font-size:12px;color:#7f8898;margin:0 0 8px;max-width:265px}
.mini-event-row{display:flex;gap:13px;padding:12px 9px;width:100%;align-items:center;text-align:left;border:0;background:transparent;border-radius:12px;border-bottom:1px solid #f0f1f4;color:var(--ink)}.mini-event-row:hover{background:#f7faff}.mini-event-row>.mini-event-copy{flex:1;min-width:0;display:flex;flex-direction:column}.mini-event-copy strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-event-copy small{color:#8b95a3;font-size:11px}.mini-event-date{min-width:49px;min-height:48px;border-radius:11px;background:#f2f7ff;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#4385b9}.mini-event-date b{font-size:17px;line-height:1.15}.mini-event-date small{font-size:10px;text-transform:uppercase;font-weight:720}
.year-selector{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.year-selector .year-btn{border-radius:12px;min-width:67px}.timeline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:13px}
.timeline-event{display:flex;align-items:center;text-align:left;background:#fff;border:1px solid #e9edf2;border-radius:17px;min-width:0;gap:13px;padding:12px;color:var(--ink);transition:border .16s,transform .16s;box-shadow:0 5px 16px rgba(30,46,72,.025)}.timeline-event:hover{border-color:#b7d8ee;transform:translateY(-1px)}.timeline-cover{display:flex;align-items:center;justify-content:center;width:76px;height:94px;border-radius:12px;color:#6e80b5;background:linear-gradient(145deg,#ffde9d 5%,#f8a6a7 55%,#d7b5ed 95%);flex:none;overflow:hidden}.timeline-cover.fome{color:#7c7dba;background:linear-gradient(145deg,#f7dbfc,#b5dffb)}.timeline-cover img{width:100%;height:100%;object-fit:cover}.timeline-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.timeline-info strong{font-size:15px;line-height:1.26}.timeline-info small{font-size:11px;color:#828d9c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.timeline-date{font-size:11px;color:#7a8798}.timeline-info .tag{font-size:9px;padding:3px 6px}.timeline-arrow{color:#92a3b5}
.event-header-v2{background:#fff;border:1px solid #e8ecf1;box-shadow:var(--shadow);display:flex;gap:24px;align-items:center;padding:23px;border-radius:21px}.event-header-art{width:155px;height:155px;display:flex;justify-content:center;align-items:center;border-radius:17px;color:#c28c79;background:linear-gradient(145deg,#f9d685,#eab6a9 58%,#bddbf2);flex:none;overflow:hidden}.event-header-art.fome{background:linear-gradient(145deg,#c5d5ff,#eecbee);color:#8275b7}.event-header-art img{width:100%;height:100%;object-fit:contain;background:#fafafa}.event-header-copy{flex:1;min-width:0}.event-header-copy h1{margin:10px 0 5px;font-size:clamp(24px,3vw,33px);line-height:1.1;letter-spacing:-.8px}.event-header-copy p{margin:0;color:#7d8899;font-size:13px}.event-small-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;font-size:12px;color:#67768a}.event-picker-v2{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:13px 0}.event-picker-v2 label{margin:0;white-space:nowrap}.event-picker-v2 select{width:min(100%,360px)}
.event-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.event-action{display:flex;align-items:center;text-align:left;gap:10px;justify-content:flex-start;border:1px solid #e8edf2;border-radius:13px;background:#fff;color:#596b80;padding:12px;font-size:12px;font-weight:730;min-width:0}.event-action span{flex:1}.event-action svg:last-child{color:#b3bdc9}.event-action.active{color:#267cae;background:linear-gradient(125deg,#edf8ff,#f3f3ff);border-color:#bbdbf1}.event-action:hover{border-color:#aacde6}.event-detail-content{margin-top:16px;scroll-margin-top:20px}
.teams-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0}.teams-overview .tint-panel{padding:14px}.teams-overview h3{font-size:17px;margin:5px 0 0}
.assignment-group{border:1px solid #e9edf2;border-radius:14px;margin-top:10px;background:#fff;overflow:hidden}.assignment-group>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:15px 17px;cursor:pointer;font-weight:770;font-size:14px;background:#fbfcfe}.assignment-group>summary::-webkit-details-marker{display:none}.assignment-group summary .muted{font-size:11px;display:flex;align-items:center;gap:5px;font-weight:550}.assignment-list{padding:2px 13px 12px}.assignment-line{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #f1f2f5;min-width:0}.assignment-line .grow{min-width:115px}.assignment-line strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis}.assignment-line small{font-size:10px;color:#8f98a6;display:block}.assignment-controls{display:flex;gap:1px}.assignment-line .tag{font-size:10px;white-space:nowrap}
.person-search-card{max-width:850px}.assignment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.assignment-simple{padding:16px;background:#fff;border:1px solid #e8edf2;border-radius:17px}.assignment-name{display:block;font-size:14px;margin-top:8px}.assignment-meta{padding:12px 0}.assignment-meta span{display:flex;align-items:center;gap:5px;color:#758496;font-size:11px}.historical-person{border:1px solid #e9edf2;background:#fff;border-radius:14px;padding:15px}.historical-person summary{cursor:pointer;font-weight:720;font-size:13px}.historical-tile{min-height:115px}
@media (max-width:1100px){.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-pick{grid-template-columns:1fr}.home-lower{grid-template-columns:1fr}.event-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:750px){.home-pick{padding:15px}.home-pick-title{flex-wrap:wrap}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-grid{grid-template-columns:1fr}.event-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.event-header-art{width:111px;height:124px}.event-header-v2{gap:13px;padding:15px}.event-header-copy h1{font-size:23px}.assignment-grid{grid-template-columns:1fr}.home-pick-controls{flex-wrap:wrap}.home-pick-controls select{min-width:100%}.home-pick-controls button{width:100%}}
@media (max-width:520px){.hero-simple{min-height:179px;padding:22px}.hero-simple .hero-logo{width:165px;max-width:none;right:-21px;top:25px;opacity:.36}.hero-simple .hero-content{max-width:95%}.hero-simple h1{font-size:27px}.hero-simple p{font-size:12px}.hub-grid{gap:8px}.hub-tile{min-height:128px;padding:13px 12px}.hub-tile>strong{font-size:12px}.hub-tile>small{font-size:10px}.hub-tile-icon{width:37px;height:37px;border-radius:11px}.event-header-v2{align-items:flex-start}.event-header-art{width:84px;height:104px}.event-header-copy h1{font-size:21px}.event-header-copy p{font-size:11px}.event-small-meta{font-size:10px}.event-actions{gap:7px}.event-action{font-size:11px;padding:10px 9px;gap:5px}.event-action svg:last-child{display:none}.teams-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.teams-overview .tint-panel{padding:10px}.teams-overview h3{font-size:13px}.assignment-line{flex-wrap:wrap;gap:8px}.assignment-line .grow{flex:1;min-width:45%}.assignment-controls{margin-left:auto}.timeline-cover{width:61px;height:79px}.timeline-info strong{font-size:13px}.timeline-event{padding:10px;gap:10px}.year-selector{gap:5px}.year-selector .year-btn{min-width:53px;padding:8px 9px}}

/* V3 · Identidade Jornada Kids — tipografia acolhedora, leve e menos genérica */
:root{font-family:"Avenir Next","Cabin","Trebuchet MS",sans-serif;--radius:21px;--ink:#28324a;--sub:#768395}
body{font-size:14px;letter-spacing:.003em}
h1,h2,h3,.brand-copy strong,.timeline-event strong,.hub-tile>strong{font-family:"Avenir Next","Cabin","Trebuchet MS",sans-serif}
h1{font-weight:750;letter-spacing:-.028em;line-height:1.17}
h2{font-weight:725;letter-spacing:-.02em}
h3{font-weight:710;letter-spacing:-.008em}
.nav-btn{font-weight:590;letter-spacing:.005em}
.nav-btn.active{font-weight:730}
.sidebar{overflow-y:auto;scrollbar-width:thin}
.brand-logo{width:70px;height:57px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(47,44,90,.09))}
.brand-copy strong{font-size:17px;letter-spacing:-.015em}
.hero-simple h1{font-weight:750;letter-spacing:-.03em}
.hero-simple .hero-logo{width:295px;top:0}
.hub-tile{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .2s ease,background .2s ease}
.hub-tile:active,.timeline-event:active,.mini-event-row:active,.btn:active,.event-action:active{transform:scale(.978)}
.hub-grid-v3{grid-template-columns:repeat(4,minmax(0,1fr))}
.hub-grid-v3 .hub-tile:first-child{background:linear-gradient(140deg,#fff7ec,#fff);border-color:#f4e9dd}
.hub-grid-v3 .hub-tile:nth-child(2){background:linear-gradient(145deg,#edf7ff,#fff)}
.hub-grid-v3 .hub-tile:nth-child(3){background:linear-gradient(145deg,#fff8e4,#fff)}
.hub-grid-v3 .hub-tile:nth-child(4){background:linear-gradient(145deg,#ecfbf5,#fff)}
.hub-grid-v3 .hub-tile:nth-child(5){background:linear-gradient(145deg,#f2ecff,#fff)}
.hub-grid-v3 .hub-tile:nth-child(6){background:linear-gradient(145deg,#fff1f7,#fff)}
.hub-grid-v3 .hub-tile:nth-child(7){background:linear-gradient(145deg,#eef7ff,#fff)}
.hero .hero-logo{object-fit:contain}
.demo-switch{margin:16px 4px 0;padding:12px 10px;background:#f6f8fc;border:1px solid #e8edf4;border-radius:16px;display:flex;flex-direction:column;gap:9px}
.demo-switch strong{font-weight:700;font-size:11px;display:flex;gap:5px;align-items:center}
.demo-switch small{font-size:10px;line-height:1.35}
/* The client-side mode is only a demo state; real authorization must be enforced by Supabase RLS. */
body:not(.coordinator-demo) [data-admin],
body:not(.coordinator-demo) [data-action="new-event"],body:not(.coordinator-demo) [data-action="edit-event"],
body:not(.coordinator-demo) [data-action="new-assignment"],body:not(.coordinator-demo) [data-action="edit-assignment"],body:not(.coordinator-demo) [data-action="delete-assignment"],
body:not(.coordinator-demo) [data-action="new-slot"],body:not(.coordinator-demo) [data-action="edit-slot"],body:not(.coordinator-demo) [data-action="delete-slot"],
body:not(.coordinator-demo) [data-action="new-child"],body:not(.coordinator-demo) [data-action="edit-child"],body:not(.coordinator-demo) [data-action="delete-child"],
body:not(.coordinator-demo) [data-action="new-member"],body:not(.coordinator-demo) [data-action="remove-member"],
body:not(.coordinator-demo) [data-action="new-task"],body:not(.coordinator-demo) [data-action="edit-task"],body:not(.coordinator-demo) [data-action="delete-task"],
body:not(.coordinator-demo) [data-action="new-material"],body:not(.coordinator-demo) [data-action="edit-material"],body:not(.coordinator-demo) [data-action="delete-material"],
body:not(.coordinator-demo) [data-action="edit-history"],body:not(.coordinator-demo) [data-action="new-occurrence"],
body:not(.coordinator-demo) [data-action="copy-template"],body:not(.coordinator-demo) [data-action="approve-route"],
/* Chamada e conferência liberadas para os voluntários. */

.personal-flow{display:grid;grid-template-columns:minmax(0,375px) minmax(0,1fr);gap:16px;align-items:start}
.calendar-card,.person-search-card{height:100%;min-width:0}
.calendar-widget h3{display:flex;align-items:center;gap:7px;font-size:16px}
.calendar-toolbar{display:flex;align-items:center;gap:9px}
.calendar-toolbar strong{text-transform:capitalize;font-size:12px;font-weight:700;white-space:nowrap}
.calendar-toolbar .icon-btn{width:29px;height:29px;border:0;background:#f3f7fb}
.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}
.calendar-weekdays{margin:19px 0 6px;color:#a0aaba;font-size:10px;font-weight:750}
.calendar-days{grid-auto-rows:40px}
.calendar-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid transparent;background:transparent;border-radius:11px;color:#6b798e;min-width:0;font-weight:600;font-size:12px;transition:background .16s,color .16s,transform .16s}
.calendar-day:disabled{opacity:.8;cursor:default}
.calendar-day.has-event{background:#edf5ff;border-color:#d8e9fa;color:#387bb7;font-weight:750}
.calendar-day.has-event:hover{background:#ddecfb;transform:translateY(-1px)}
.calendar-day.chosen{background:linear-gradient(135deg,#438bc2,#7567c5);color:white;border-color:transparent;box-shadow:0 5px 11px rgba(54,117,176,.17)}
.calendar-day i{width:5px;height:5px;border-radius:50%;background:#ed9a52}
.calendar-day.chosen i{background:#fff}
.calendar-note{margin-top:14px;display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:10px;color:#7e8b9d}
.calendar-note>span{display:flex;gap:5px;align-items:center}
.step-heading{display:flex;align-items:center;gap:9px;margin-bottom:17px}
.step-heading>span{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#fff0db;color:#ba793b;font-weight:800;font-size:12px}
.locked-management{max-width:660px;margin:48px auto;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center;padding:40px 25px}
.locked-management p{color:#7a8597;max-width:450px}
.locked-management small{font-size:11px}
.lock-illustration{background:linear-gradient(125deg,#fff1d8,#f1eaff);width:78px;height:78px;display:grid;place-items:center;border-radius:25px;color:#7771b2}
.report-top{display:grid;gap:13px}
.report-class{display:grid;grid-template-columns:minmax(100px,1.3fr) 1fr 1fr auto;gap:9px;align-items:center;padding:13px 0;border-bottom:1px solid #eff2f5;font-size:12px}
.report-class strong{font-weight:710}
.report-class small{font-size:11px;color:#9ca3af}
.report-form{display:grid;gap:12px;margin-top:15px}
.report-form textarea{min-height:68px;width:100%;resize:vertical;padding:11px;border-radius:12px;border:1px solid var(--line)}
.report-form button{justify-self:start}
.report-text{margin-top:11px;white-space:pre-wrap;font-size:13px;color:#58677d;line-height:1.6}
.report-link-card{display:flex;gap:16px;align-items:center;justify-content:space-between}
.report-link-card strong{display:flex;align-items:center;gap:7px}
.report-link-card p{margin-top:3px}
.timeline-upcoming{margin-top:5px}
.timeline-upcoming .timeline-event:first-child{grid-column:1/-1;min-height:165px;padding:18px 22px;gap:20px;background:linear-gradient(115deg,#fffaf0,#f3f7ff 72%,#fff);border:1px solid #e7e7f3;box-shadow:0 13px 31px rgba(75,85,123,.06)}
.timeline-upcoming .timeline-event:first-child .timeline-cover{width:145px;height:140px}
.timeline-upcoming .timeline-event:first-child .timeline-info strong{font-size:21px}
.timeline-upcoming .timeline-event:first-child .timeline-info small{font-size:13px}
.timeline-upcoming .timeline-event:first-child .timeline-date{font-size:12px}
.older-heading{margin-top:65px;border-top:1px solid #e8edf3;padding-top:25px}
.timeline-older{opacity:.96}
/* Fast, soft motion only; no content behind a slow page transition. */
.fade-in{animation:journeyEnter .22s cubic-bezier(.2,.78,.28,1) both}
@keyframes journeyEnter{from{opacity:.45;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.hub-tile,.timeline-event,.card,.event-header-v2{animation:tileEnter .3s cubic-bezier(.19,.85,.3,1) both}
@keyframes tileEnter{from{opacity:.68;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.hub-grid-v3 .hub-tile:nth-child(2){animation-delay:25ms}.hub-grid-v3 .hub-tile:nth-child(3){animation-delay:45ms}.hub-grid-v3 .hub-tile:nth-child(4){animation-delay:65ms}
.hub-grid-v3 .hub-tile:nth-child(5){animation-delay:85ms}.hub-grid-v3 .hub-tile:nth-child(6){animation-delay:105ms}.hub-grid-v3 .hub-tile:nth-child(7){animation-delay:125ms}
.btn,.event-action,.nav-btn,.icon-btn,.mini-event-row{transition:background .17s,border-color .17s,box-shadow .17s,transform .16s,color .17s}
@media(max-width:1150px){.hub-grid-v3{grid-template-columns:repeat(3,minmax(0,1fr))}.personal-flow{grid-template-columns:minmax(0,350px) minmax(0,1fr)}}
@media(max-width:770px){.hub-grid-v3{grid-template-columns:repeat(2,minmax(0,1fr))}.personal-flow{grid-template-columns:1fr}.calendar-days{grid-auto-rows:44px}.demo-switch{margin-bottom:35px}}
@media(max-width:520px){.hero-simple .hero-logo{top:5px;width:190px}.timeline-upcoming .timeline-event:first-child{padding:14px;gap:12px;min-height:110px}.timeline-upcoming .timeline-event:first-child .timeline-cover{width:82px;height:101px}.timeline-upcoming .timeline-event:first-child .timeline-info strong{font-size:16px}.timeline-upcoming .timeline-event:first-child .timeline-info small{font-size:11px}.older-heading{margin-top:45px}.report-class{grid-template-columns:1.1fr 1fr auto;gap:5px}.report-class small{display:none}.report-link-card{flex-direction:column;align-items:flex-start}.report-link-card .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.fade-in,.hub-tile,.timeline-event,.card,.event-header-v2{animation:none!important}.btn,.event-action,.nav-btn,.icon-btn,.mini-event-row{transition:none!important}}

/* Integração segura com o Supabase */
.cloud-status{font-size:10px;letter-spacing:.01em;padding:5px 9px;border-radius:100px;white-space:nowrap;background:#f0f3f9;color:#8a91a3;margin:0 6px}
.cloud-status.online{background:#ebf8f0;color:#2b8b63;font-weight:750}
.cloud-status.loading{background:#fff6ed;color:#b78347}
.offline-alert{font-family:inherit;max-width:580px;margin:12vh auto;padding:34px;background:#fff;border:1px solid #f2e7e4;border-radius:24px;box-shadow:0 20px 70px #18273a16;color:#24334b;text-align:center}
.offline-alert button{background:#f27b6a;color:#fff;border:0;border-radius:13px;padding:12px 22px;font:inherit;cursor:pointer}
@media(max-width:700px){.cloud-status{font-size:9px;padding:4px 6px}}

/* Jornada 5 — transições leves e retorno visual sem distrair */
.nav-btn svg,.hub-tile svg,.event-action svg,.quick-action svg{transition:transform .22s cubic-bezier(.2,.75,.3,1),color .2s ease}
.nav-btn:hover svg{transform:translateX(3px) scale(1.06)}
.hub-tile:hover svg,.quick-action:hover svg{transform:translateY(-3px) rotate(-3deg) scale(1.075)}
.event-action:hover svg{transform:translateX(3px)}
.report-entry{padding:15px 0;border-bottom:1px solid var(--line);animation:journeyEnter .24s ease both}
.report-entry:last-child{border-bottom:0}
.report-entry p{margin:9px 0 7px;font-size:13px;white-space:pre-wrap;color:#4c5b70}
.report-entry small{display:block;line-height:1.7;white-space:pre-wrap}
.child-record{transition:background .18s ease,padding .18s ease,border-color .18s ease;border-radius:10px}
.child-record:hover{background:#fafcff;padding-left:6px;padding-right:6px}
.child-record .btn{transition:transform .14s,background .14s,box-shadow .14s}
.child-record .btn:active{transform:scale(.93)}
.tinted-panel,.tint-panel{transition:box-shadow .23s ease,transform .23s ease}
.tint-panel:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(56,82,130,.07)}
@media (prefers-reduced-motion:reduce){.nav-btn svg,.hub-tile svg,.event-action svg,.quick-action svg,.report-entry,.child-record,.tint-panel{transition:none!important;animation:none!important}}