@font-face{font-family:system;src:local("Segoe UI")}
:root{--ink:#183859;--green:#082b58;--accent:#2877bd;--cream:#f2f5f9;--paper:#fff;--muted:#687d94;--line:#dce4ee;--pale:#e8eff8;--danger:#a63232;font-family:system,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{opacity:.55;cursor:wait}h1,h2,h3,p{margin:0}h1{font-size:31px;line-height:1.15;font-weight:650;letter-spacing:-1.1px}h2{font-size:23px;font-weight:650;letter-spacing:-.55px}h3{font-size:17px;font-weight:650}p{line-height:1.6}small,.muted{color:var(--muted)}button{border:0;color:inherit;background:none}a{color:var(--green)}svg{width:22px;height:22px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px}.icon:hover{background:var(--pale)}.eyebrow{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:7px}.sub{font-size:14px;color:var(--muted);margin-top:8px}.row{display:flex;align-items:center;gap:12px}.spread{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.primary,.secondary,.danger{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:13px 20px;border-radius:13px;font-size:14px;font-weight:650;min-height:46px}.primary{background:var(--green);color:white}.primary:hover{background:#16477d}.secondary{background:var(--pale);color:var(--green)}.danger{color:var(--danger);background:#faeaea}.text-btn{padding:9px 0;color:var(--green);font-weight:600;font-size:14px}.full{width:100%}.divider{border:0;border-top:1px solid var(--line);margin:24px 0}.stack{display:grid;gap:15px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notice{font-size:13px;padding:12px 15px;border-radius:12px;background:#fff1de;color:#795322;line-height:1.6}.error{background:#fcecec;color:var(--danger);padding:12px 15px;border-radius:12px;font-size:14px;line-height:1.55}.success{background:var(--pale);padding:12px 15px;border-radius:12px;font-size:14px;line-height:1.55}.badge{display:inline-flex;padding:5px 9px;border-radius:7px;background:var(--pale);font-size:10px;letter-spacing:.25px;font-weight:650;white-space:nowrap}.badge.orange{background:#e7effb;color:#24578e}.badge.gray{background:#f0f0ed;color:#727872}.pill{padding:9px 14px;border-radius:30px;font-size:12px;font-weight:650;border:1px solid var(--line);background:white;white-space:nowrap}.pill.active{background:var(--green);color:white;border-color:var(--green)}
.welcome{max-width:1120px;min-height:100svh;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding:55px}.welcome-art{background:var(--green);border-radius:28px;padding:42px;color:#fff;position:relative;overflow:hidden;min-height:530px;display:flex;flex-direction:column;justify-content:space-between}.welcome-art:before{content:"";position:absolute;width:350px;height:350px;border:1px solid #ffffff18;border-radius:50%;left:180px;top:-80px}.brand{display:flex;gap:12px;align-items:center;font-weight:700;font-size:21px;letter-spacing:-.6px}.brand img{width:43px;height:43px}.welcome-art h1{font-size:47px;font-weight:500;letter-spacing:-1.8px;line-height:1.12;margin:42px 0 20px}.welcome-art p{color:#c4d3e7;max-width:280px;font-size:15px}.mini-agenda{margin-top:34px;padding:20px;background:#ffffff0f;border:1px solid #ffffff1c;border-radius:18px;display:flex;align-items:center;gap:17px}.mini-date{font-size:29px;border-right:1px solid #ffffff30;padding-right:19px;font-weight:600}.mini-date small{display:block;font-size:10px;color:#b9cce1;text-transform:uppercase;letter-spacing:1px}.mini-agenda h3{font-size:14px}.mini-agenda small{color:#c4d3e7;font-size:12px}.welcome-form h1{font-size:29px}.welcome-form>p{margin:12px 0 27px;color:var(--muted);font-size:14px}.welcome-form .notice{margin:15px 0}.login-tabs{display:flex;border-bottom:1px solid var(--line);margin:22px 0}.login-tabs button{padding:12px 18px;font-size:14px;color:var(--muted);border-bottom:2px solid transparent}.login-tabs button.active{color:var(--green);border-color:var(--green);font-weight:700}.label,label{display:grid;gap:7px;font-size:12px;font-weight:650;letter-spacing:.1px}input,select,textarea{min-width:0;width:100%;padding:13px 14px;background:white;border:1px solid #dce2da;border-radius:11px;color:var(--ink);outline:none;font-size:14px}input:focus,select:focus,textarea:focus{border-color:#477aa9;box-shadow:0 0 0 3px #477aa919}input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}textarea{resize:vertical;min-height:90px}.helper{font-size:12px;color:var(--muted);font-weight:400;line-height:1.6}.form-error{min-height:0}.form-error:not(:empty){background:#fcecec;border-radius:10px;padding:12px;font-size:13px;color:var(--danger)}
.shell{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100svh}.sidebar{background:var(--green);color:#e3edf9;padding:32px 23px;position:fixed;inset:0 auto 0 0;width:235px;display:flex;flex-direction:column;z-index:5}.sidebar .brand{margin:0 0 45px 8px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{display:flex;gap:13px;align-items:center;padding:14px 17px;border-radius:12px;text-align:left;font-size:14px;color:#c4d2e7}.sidebar nav button.active{background:#ffffff13;color:white}.sidebar nav button.active:after{content:"";height:6px;width:6px;border-radius:50%;background:#d0ad60;margin-left:auto}.sidebar .foot{margin-top:auto;padding:22px 12px 0;border-top:1px solid #ffffff20;font-size:12px;line-height:1.6;color:#bdcfe3}.sidebar .foot strong{color:white;display:block}.content{grid-column:2;padding:38px 46px 60px;max-width:1500px;width:100%;margin:auto}.page-head{margin-bottom:27px}.page-head .primary{padding:13px 18px}.app-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:30px;font-size:12px;color:var(--muted)}.sync-label{display:flex;align-items:center;gap:6px}.dot{display:inline-block;width:6px;height:6px;background:#477dac;border-radius:50%}.dot.demo{background:var(--accent)}.mobile-brand{display:none}.demo-banner{margin-bottom:22px;background:#e9eef6;border:1px solid #d4dfed;padding:11px 15px;border-radius:11px;font-size:12px;color:#405d7f;display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-banner button{font-weight:700;white-space:nowrap}.calendar-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:24px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:25px}.month-head{margin-bottom:23px}.month-head h2{text-transform:capitalize;font-size:21px}.month-controls{display:flex;gap:3px}.month-controls .icon{width:34px;height:34px}.weekdays,.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.weekdays{margin-bottom:12px;text-align:center;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}.day{min-height:66px;padding:9px 3px 6px;border-radius:12px;display:flex;align-items:center;flex-direction:column;gap:9px;font-size:13px;position:relative}.day.outside{color:#adb9c8}.day.today .num{color:var(--accent);font-weight:750}.day:hover{background:#f0f5fc}.day.selected{background:var(--green);color:white}.day.selected .num{color:white}.day-dots{display:flex;gap:3px;min-height:5px}.day-dots i{display:block;width:4px;height:4px;background:var(--accent);border-radius:50%}.day-dots i.done{background:#528b94}.day-dots i.cancelled{background:#9aa19c}.day.selected .day-dots i{background:#d0ad60}.legend{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);display:flex;gap:15px;font-size:10px;color:var(--muted)}.legend i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:5px}.legend i.done{background:#528b94}.day-agenda{padding:5px 0}.day-agenda .date-caption{font-size:12px;color:var(--muted);text-transform:capitalize;margin-bottom:6px}.day-agenda h2{margin-bottom:20px}.agenda-list{display:grid;gap:13px}.event-card{text-align:left;width:100%;display:block;background:white;border:1px solid var(--line);border-radius:16px;padding:19px 20px;position:relative;overflow:hidden}.event-card:before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:3px;border-radius:3px;background:var(--accent)}.event-card.completed:before{background:#528b94}.event-card.cancelled:before{background:#afb6ae}.event-card:hover{border-color:#92acc7}.event-time{font-size:12px;letter-spacing:.2px;font-weight:700;color:var(--green)}.event-card h3{margin:10px 0 5px;font-size:16px;line-height:1.4}.event-card p{font-size:12px;color:var(--muted)}.event-card .topic{margin-top:13px;display:flex;gap:6px;align-items:center;color:#657e98;font-size:11px}.event-card .topic svg{width:14px;height:14px}.empty{padding:38px 22px;text-align:center;border:1px dashed #ccdae9;border-radius:18px}.empty .empty-icon{margin:0 auto 15px;background:var(--pale);width:51px;height:51px;border-radius:16px;display:grid;place-items:center}.empty h3{margin-bottom:7px}.empty p{font-size:13px;color:var(--muted);max-width:290px;margin:0 auto 15px}.month-stats{margin-top:24px;padding:20px 25px;background:#e6edf7;border-radius:16px;display:flex;gap:28px}.stat strong{font-size:24px;font-weight:600;display:block;letter-spacing:-.8px}.stat span{font-size:10px;color:var(--muted)}.intro-strip{margin-top:24px;font-size:12px;color:var(--muted);line-height:1.7}.search{position:relative;flex:1}.search svg{position:absolute;left:14px;top:13px;width:19px;color:var(--muted)}.search input{padding-left:43px;border-radius:12px}.filters{display:flex;gap:12px;align-items:center;margin-bottom:22px}.count-label{font-size:12px;color:var(--muted);margin-bottom:15px}.center-list{display:grid;gap:10px}.center-card{background:white;border:1px solid var(--line);border-radius:16px;padding:18px 20px;width:100%;text-align:left;display:flex;gap:15px;align-items:center}.center-avatar{width:45px;height:45px;border-radius:13px;background:#e9eff8;color:#41678e;display:grid;place-items:center;flex-shrink:0;font-size:15px;font-weight:700}.center-card h3{font-size:15px;margin-bottom:5px}.center-card p{color:var(--muted);font-size:12px}.center-card .chevron{width:16px;color:#7f99b1}.center-card:hover{border-color:#7e9fc0}.group-letter{font-size:11px;font-weight:700;color:var(--muted);padding:11px 3px 3px}.back{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--muted);margin-bottom:20px}.back svg{width:17px}.center-profile{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:25px}.profile-head{display:flex;gap:16px;align-items:center;margin-bottom:23px}.profile-head h2{font-size:22px}.profile-head .center-avatar{width:55px;height:55px;font-size:19px}.details{display:grid;gap:19px}.detail{display:flex;gap:12px;align-items:flex-start;font-size:13px}.detail svg{width:18px;height:20px;color:#7490ac}.detail .helper{display:block}.detail span{overflow-wrap:anywhere}.section-head{display:flex;justify-content:space-between;align-items:center;margin:8px 0 16px}.section-head h3{font-size:17px}.timeline-section+.timeline-section{margin-top:30px}.notes{font-size:13px;white-space:pre-wrap;line-height:1.7;color:#526a83}.settings{max-width:720px;display:grid;gap:20px}.settings .panel h3{margin-bottom:12px}.settings p{font-size:13px;color:var(--muted)}.settings .row{margin-top:18px}.settings code{word-break:break-all;font-size:14px;background:var(--pale);padding:14px;border-radius:10px;display:block;letter-spacing:1px;user-select:all}.bottom-nav{display:none}#toast{position:fixed;z-index:50;left:50%;bottom:25px;transform:translate(-50%,20px);background:#183859;color:white;padding:13px 22px;border-radius:13px;box-shadow:0 10px 30px #082b5820;max-width:calc(100vw - 35px);width:max-content;font-size:13px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:23px;padding:28px;width:min(540px,calc(100% - 28px));max-height:90svh;background:var(--cream);color:var(--ink);box-shadow:0 30px 100px #082b5830}dialog::backdrop{background:#082b5866;backdrop-filter:blur(3px)}dialog .modal-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}dialog h2{font-size:23px}dialog form{display:grid;gap:15px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:9px}.event-detail{display:grid;gap:20px}.event-detail h3{font-size:22px;line-height:1.35}.event-detail .detail{font-size:14px}.segmented{display:flex;background:var(--pale);padding:4px;border-radius:12px;margin-bottom:18px}.segmented button{flex:1;padding:9px;font-size:12px;border-radius:9px}.segmented button.active{background:white;box-shadow:0 2px 5px #082b5810}.hidden{display:none!important}.loading{padding:50px 20px;color:var(--muted);text-align:center}.spinner{display:inline-block;width:18px;height:18px;border:2px solid #c8d6e7;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.content{padding-top:40px}.calendar-layout{gap:35px}.panel{padding:30px}.day{min-height:77px}}
@media(max-width:1100px){.shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{width:200px;padding:28px 16px}.sidebar .brand{font-size:19px;margin-left:0}.content{padding:30px 26px}.calendar-layout{grid-template-columns:1fr}.day{min-height:60px}.day-agenda{padding-top:10px}.center-profile{grid-template-columns:1fr}.welcome{gap:35px;padding:35px}.welcome-art{padding:30px}.welcome-art h1{font-size:40px}}
@media(max-width:650px){h1{font-size:27px}.shell{display:block}.sidebar{display:none}.content{padding:18px 20px 110px;display:block}.app-top{padding-bottom:16px;margin-bottom:24px}.mobile-brand{display:flex;font-size:18px;gap:8px;color:var(--ink);font-weight:700;letter-spacing:-.6px}.mobile-brand img{width:31px;height:31px}.workspace-name{display:none}.sync-label{font-size:10px;gap:5px}.app-top .icon{width:29px;height:29px}.app-top .icon svg{width:17px}.page-head{margin-bottom:22px;align-items:flex-end}.page-head .primary{font-size:0;width:44px;height:44px;border-radius:13px;padding:0}.page-head .primary svg{width:22px}.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:8px}.sub{font-size:12px;margin-top:7px}.demo-banner{font-size:10px;padding:10px 12px;margin-bottom:21px}.demo-banner button{font-size:11px}.calendar-layout{gap:22px}.panel{border-radius:18px;padding:18px}.month-head{margin-bottom:20px}.month-head h2{font-size:19px}.weekdays{font-size:9px;margin-bottom:8px}.days,.weekdays{gap:3px}.day{min-height:48px;gap:7px;font-size:12px;padding:8px 0 5px;border-radius:10px}.day-agenda .date-caption{font-size:11px}.day-agenda h2{font-size:23px;margin-bottom:17px}.month-stats{padding:18px 22px;gap:29px;margin-top:17px}.stat strong{font-size:23px}.stat span{font-size:9px}.event-card{padding:17px 19px}.event-card h3{font-size:16px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;padding:9px 16px calc(10px + env(safe-area-inset-bottom));background:#ffffff;border-top:1px solid var(--line);z-index:10;justify-content:space-around}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 16px;font-size:10px;min-width:85px;color:#70839a;border-radius:13px}.bottom-nav button.active{background:var(--pale);color:var(--green);font-weight:700}.bottom-nav svg{width:21px;height:21px}.filters{align-items:stretch;flex-direction:column;gap:10px}.filter-pills{display:flex;gap:8px}.pill{font-size:11px;padding:8px 13px}.center-card{padding:16px 14px;gap:11px}.center-card h3{font-size:14px}.center-card p{font-size:11px}.center-card .badge{font-size:9px}.center-avatar{width:39px;height:43px}.center-card .chevron{display:none}.center-profile{gap:20px}.welcome{display:block;padding:30px 25px 45px;min-height:100svh}.welcome-art{min-height:0;padding:0;border-radius:0;background:none;color:var(--ink);margin-bottom:35px;overflow:visible}.welcome-art:before{display:none}.welcome-art .brand{font-size:23px}.welcome-art h1{font-size:34px;margin:28px 0 10px;max-width:300px}.welcome-art p{color:var(--muted);max-width:100%;font-size:13px}.mini-agenda{display:none}.welcome-form h1{font-size:23px}.welcome-form>p{font-size:13px;margin-bottom:20px}.welcome-form .stack{gap:13px}dialog{padding:22px 20px;border-radius:21px;max-height:92svh}.two{gap:10px}.primary,.secondary,.danger{font-size:13px;padding:12px 15px}.modal-actions .primary,.modal-actions .secondary{flex:1}.intro-strip{display:none}#toast{bottom:95px}.legend{font-size:9px;gap:10px;margin-top:13px;padding-top:14px}.center-profile .panel{padding:22px}.settings .row{flex-wrap:wrap}.settings .row .primary,.settings .row .secondary{flex:1}}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.member-list,.change-list{display:grid;gap:12px;margin-top:18px}.member-row{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:13px}.member-row p{overflow-wrap:anywhere}.member-row select{width:130px;padding:9px;font-size:12px}.member-row .danger{padding:8px 10px;font-size:11px;min-height:35px}.change-row{border-top:1px solid var(--line);padding-top:14px}.change-row strong{font-size:13px}.change-row .helper{font-size:11px;margin:6px 0}.change-row .secondary{padding:8px 12px;min-height:34px;font-size:11px}.role-banner{font-size:12px;margin-bottom:15px;color:var(--muted)}@media(max-width:650px){.member-row{flex-wrap:wrap}.member-row .grow{flex-basis:100%}.month-head h2{font-size:17px}.month-controls .icon{width:30px}.month-controls .text-btn{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Identidad de trabajo de Participación Ciudadana. Logotipo propio. */
.sidebar .brand{position:relative;padding-bottom:22px;margin-bottom:25px}.sidebar .brand:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:2px;background:linear-gradient(90deg,#ba4b58 0 12%,#d0ad60 12% 26%,#ba4b58 26% 38%,#ffffff20 38%)}.welcome-art .brand img{width:49px;height:49px}.unit-name{font-size:11px;line-height:1.5;letter-spacing:.8px;text-transform:uppercase;color:#bed1e8;margin-top:9px}.welcome-art h1{font-size:44px}.mobile-brand img{width:34px;height:34px}.day.selected{box-shadow:0 4px 10px #082b5814}.app-top{border-bottom-color:#cfdbea}.sidebar .brand img{width:41px;height:45px}.welcome-art .helper{color:#bdcfe3}@media(max-width:650px){.welcome-art .unit-name{color:#607d9a}.welcome-art h1{font-size:33px}.welcome-art .helper{color:#607d9a}.mobile-brand{gap:8px}}

@media(max-width:650px){.month-stats{display:none}.day{min-height:43px}.day-agenda{scroll-margin-top:18px}.month-controls{align-items:center}.month-head h2{white-space:nowrap;letter-spacing:-.5px}}

/* Logotipo de la unidad facilitado por el usuario. */
.sidebar .brand{flex-direction:column;align-items:flex-start;gap:13px;font-size:19px}.sidebar .brand img{width:142px;height:142px;object-fit:contain;background:white;border-radius:10px;padding:6px}.welcome-art .brand img{width:155px;height:155px;object-fit:contain;background:white;border-radius:14px;padding:7px}.mobile-brand img{background:white;border-radius:6px;object-fit:contain;padding:2px}.police-mark{display:flex;gap:11px;align-items:center;font-size:12px;color:inherit;line-height:1.5}.police-mark img{width:27px!important;height:36px!important;object-fit:contain;background:none!important;padding:0!important;flex-shrink:0}.police-mark small{font-size:10px;opacity:.8}.identity-panel{display:flex;align-items:center;gap:25px}.unit-identity-logo{width:155px;height:155px;object-fit:contain;flex-shrink:0}.identity-panel .police-mark{margin-top:18px}.welcome-art .police-mark{color:#c4d3e7;margin-top:25px}.welcome-art h1{font-size:38px;margin-top:30px}.welcome-art{padding:32px}
@media(max-width:650px){.welcome-art .brand img{width:90px;height:90px;padding:4px}.welcome-art .brand{font-size:24px;gap:18px}.welcome-art h1,.welcome-art>div>p,.welcome-art>.police-mark{display:none}.welcome-art{padding:0;margin-bottom:25px}.identity-panel{flex-direction:column;text-align:center;gap:18px}.identity-panel .police-mark{justify-content:center}.unit-identity-logo{width:185px;height:185px}.mobile-brand img{width:36px;height:36px}}

.event-card-open{display:block;width:100%;padding:0;text-align:left}.check-field{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;cursor:pointer}.check-field input{width:19px;height:19px;min-width:19px;margin:0;flex-shrink:0;accent-color:var(--green)}.minutes-check{padding:12px 0 0;margin-top:14px;border-top:1px solid var(--line)}.minutes-check:has(input:checked){color:var(--green)}.check-field:has(input:disabled){cursor:default}.check-field input:disabled{opacity:.7}.event-detail .minutes-check{margin-top:0;padding:15px 0;border-bottom:1px solid var(--line)}

.calendar-scope{display:flex;align-items:center;justify-content:space-between;gap:15px;background:white;border:1px solid var(--line);border-radius:13px;padding:12px 16px;margin-bottom:23px}.calendar-scope span{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.calendar-scope strong{font-size:14px}.calendar-scope .secondary{min-height:34px;padding:7px 12px;font-size:12px}.minutes-reference{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.minutes-reference span{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.minutes-reference strong{display:block;font-size:13px;overflow-wrap:anywhere;user-select:text}.minutes-reference .text-btn{font-size:12px;white-space:nowrap}.minutes-reference .icon{flex-shrink:0}.event-detail .minutes-reference{margin-top:0;padding:0 0 15px;border-top:0}.event-detail .minutes-check{border-bottom:0;padding-bottom:0}

.tutorial-intro{font-size:14px;line-height:1.7;margin-bottom:20px}.tutorial-sections{display:grid;gap:10px}.tutorial-sections details{background:white;border:1px solid var(--line);border-radius:12px;padding:14px}.tutorial-sections summary{font-size:13px;font-weight:700;cursor:pointer;line-height:1.6}.tutorial-sections details p{font-size:13px;color:var(--muted);margin-top:12px}.support-entry{border-color:#9badca;background:#eef2fb}.support-banner{padding:16px;border:1px solid #adc0df;background:#e8eefb;border-radius:14px;margin-bottom:24px}.support-banner>strong{display:block;margin-bottom:10px;font-size:13px}.support-banner .secondary{background:white;font-size:12px;padding:9px 12px;min-height:36px}.support-list{margin-top:20px}.support-list .center-card{flex-wrap:wrap}.support-list .center-card .grow{min-width:180px}.settings .panel .spread{margin-top:0;margin-bottom:12px}.settings .panel .spread h3{margin-bottom:0}

.update-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;margin:12px 0 20px;background:#e8f1ff;border:1px solid #b2c9ef;border-radius:14px;color:#102e64}.update-banner strong,.update-banner span{display:block}.update-banner span{font-size:13px;margin-top:4px}.release-notes{white-space:pre-wrap}.download-link{display:block;text-align:center;text-decoration:none}@media(max-width:650px){.update-banner{align-items:flex-start;flex-direction:column}.update-banner button{width:100%}}
.about-identity{display:flex;align-items:center;gap:16px}.about-identity img{width:72px;height:84px;object-fit:contain}.contact-pending{height:32px;margin-top:8px;border-bottom:1px solid #d9e2ef}

/* The navigation has its own row: cards scroll above it, never behind it. */
.center-directory-card{display:block;padding:0;overflow:hidden}.center-open{display:flex;width:100%;gap:15px;align-items:center;text-align:left;padding:18px 20px}.center-location{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;border-top:1px solid var(--line);background:#f8fafd}.center-location>span{font-size:11px;color:var(--muted);min-width:0;overflow-wrap:anywhere}.center-location .text-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;flex-shrink:0}.center-location svg{width:16px;height:16px}.center-open h3,.event-card h3,.calendar-scope strong{overflow-wrap:anywhere}.map-link{text-decoration:none;text-align:center}.minutes-reference{flex-wrap:wrap}.minutes-reference .grow{min-width:110px}.event-card-open>.row{flex-wrap:wrap;gap:8px}.legend{flex-wrap:wrap;row-gap:8px}.center-open .badge{flex-shrink:0}
@media(max-width:650px){body:has(.shell){overflow:hidden}.shell{height:100vh;height:100dvh;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.content{grid-column:1;grid-row:1;min-height:0;height:100%;overflow-y:auto;overscroll-behavior-y:contain;scroll-padding-bottom:24px;padding:18px 20px 28px;margin:0}.bottom-nav{position:static;grid-column:1;grid-row:2;flex-shrink:0;gap:4px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));min-height:72px}.bottom-nav button{flex:1;min-width:0;padding:8px 6px}.center-open{padding:16px 14px;gap:11px;flex-wrap:wrap}.center-open .grow{flex-basis:calc(100% - 65px)}.center-open .badge{margin-left:50px}.center-open>svg{margin-left:auto;width:18px;height:18px}.center-location{align-items:flex-start;flex-direction:column;gap:3px;padding:10px 14px}.center-location .text-btn{min-height:36px;padding:7px 0}.calendar-scope>div{min-width:0}.calendar-scope strong{line-height:1.5}.search input{font-size:14px}.member-row{flex-wrap:wrap}.member-row .grow{flex-basis:100%}.minutes-reference .text-btn{white-space:normal;text-align:right}.two{grid-template-columns:repeat(2,minmax(0,1fr))}} 

.map-preview{margin-top:18px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--pale)}.map-preview iframe{display:block;width:100%;height:245px;border:0}.map-unavailable{padding:18px}.map-unavailable strong{font-size:13px}.map-unavailable p{font-size:12px;color:var(--muted);margin-top:8px}.map-preview:empty{display:none}
.appearance-fields{border:1px solid var(--line);border-radius:12px;padding:15px;margin:18px 0;min-width:0}.appearance-fields legend{padding:0 7px;font-size:14px;font-weight:600}.appearance-fields .two{align-items:start}.appearance-fields input[type=color],#appearance-rule-form input[type=color]{width:70px;min-height:42px;padding:4px}.appearance-fields select{width:100%;min-width:0}.appearance-preview{border-left:4px solid var(--meeting-color,var(--line));padding:10px 12px;background:#f3f6fa;border-radius:8px;font-size:12px;overflow-wrap:anywhere}.appearance-swatch{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--meeting-color);vertical-align:middle}.event-card:before,.event-card.completed:before,.event-card.cancelled:before{background:var(--meeting-color,transparent)}.meeting-icon{display:inline-block;overflow-wrap:anywhere}.day-dots{flex-wrap:wrap;justify-content:center;max-width:100%;min-height:15px}.meeting-mark{display:inline-grid;place-items:center;min-width:7px;max-width:100%;min-height:7px;border-radius:4px;font-size:11px;line-height:16px;box-shadow:inset 0 -3px var(--meeting-color,#a9b6c5);padding:0 2px}.meeting-mark:empty{height:5px;min-height:5px;padding:0;width:5px;background:var(--meeting-color,#a9b6c5);box-shadow:none}.day-dots small{font-size:10px}.appearance-fields [hidden],#appearance-rule-form [hidden]{display:none}

@media(max-width:700px){.appearance-fields .two{grid-template-columns:minmax(0,1fr);gap:10px}.appearance-fields{padding:12px}.appearance-fields select{font-size:14px}}

.reminder-clock{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:14px 0}.reminder-clock>svg{width:32px;height:32px;align-self:center;fill:none;stroke:var(--green);stroke-width:1.6;flex-shrink:0}.reminder-clock label{flex:1;min-width:110px}.reminder-clock input,.reminder-clock select{width:100%}
