:root{--pink:#ff3f8e;--pink-dark:#bb1d63;--blush:#fff1f7;--ink:#261820;--muted:#7d6872;--line:#efdce5;--green:#207a4a;--shadow:0 14px 38px rgba(91,30,59,.07)}
*{box-sizing:border-box}body{margin:0;background:#fff9fc;color:var(--ink);font-family:Aptos,Inter,"Segoe UI",sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;z-index:20;display:flex;width:16rem;height:100vh;flex-direction:column;border-right:1px solid var(--line);background:#fff;padding:1.25rem}.brand{display:flex;align-items:center;gap:.75rem}.brand-icon{display:grid;width:2.6rem;height:2.6rem;place-items:center;border-radius:.9rem;background:var(--pink);box-shadow:0 9px 22px #ff3f8e3b;transform:rotate(-4deg)}.brand strong{display:block;font-size:1.1rem;letter-spacing:-.04em}.brand em{color:var(--pink);font-style:normal}.brand small{display:block;margin-top:.15rem;color:#8a7580;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}.sidebar nav{display:grid;gap:.3rem;margin-top:2.2rem}.sidebar nav p{margin:.4rem .8rem;color:#9b818d;font-size:.66rem;font-weight:800;letter-spacing:.12em}.sidebar nav a{display:flex;align-items:center;gap:.8rem;border-radius:.8rem;padding:.72rem .8rem;color:#5c4b53;font-size:.9rem;font-weight:650}.sidebar nav a:hover{background:var(--blush);color:var(--pink-dark)}.profile{display:flex;align-items:center;gap:.65rem;border:1px solid var(--line);border-radius:1rem;margin-top:auto;padding:.65rem;background:#fff9fc}.avatar{display:grid;width:2.25rem;height:2.25rem;flex:none;place-items:center;border-radius:.75rem;background:var(--ink);color:#fff;font-size:.72rem;font-weight:800;text-transform:uppercase}.profile>span:nth-child(2){min-width:0;flex:1}.profile strong,.profile small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile strong{font-size:.78rem}.profile small{margin-top:.18rem;color:var(--muted);font-size:.65rem}.profile form button{border:0;background:transparent;color:#8b7580}.main-area{width:calc(100% - 16rem);margin-left:16rem}.topbar{display:flex;min-height:4.8rem;align-items:center;gap:1rem;border-bottom:1px solid var(--line);background:#ffffffdf;padding:.85rem clamp(1rem,3vw,2.4rem);backdrop-filter:blur(16px)}.menu-button{display:none;width:2.3rem;height:2.3rem;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--pink-dark)}.search{display:flex;max-width:27rem;flex:1;align-items:center;gap:.55rem;color:#8d7882}.search input{width:100%;border:0;outline:0;background:transparent}.primary-button{display:inline-flex;min-height:2.45rem;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--pink);padding:.6rem 1.15rem;color:#fff;font-weight:750;box-shadow:0 9px 22px #ff3f8e34}.topbar .primary-button{margin-left:auto}.full-button{width:100%}.page{width:min(100%,92rem);margin:auto;padding:clamp(1.5rem,3.3vw,2.8rem)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.8rem}.page-heading h1,.ticket-hero h1{margin:.28rem 0 .22rem;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.055em;line-height:1.05}.page-heading>div>p:last-child,.ticket-hero>div>p:last-child{color:var(--muted)}.eyebrow{margin:0;color:#c2246d;font-size:.7rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.calm-chip{border:1px solid #c9ecd6;border-radius:999px;background:#edfff4;padding:.55rem .8rem;color:var(--green);font-size:.76rem;font-weight:750}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric,.panel,.narrow-card{border:1px solid var(--line);border-radius:1.4rem;background:#fff;box-shadow:var(--shadow)}.metric{padding:1.2rem}.metric-icon{display:grid;width:2.3rem;height:2.3rem;place-items:center;border-radius:.75rem}.metric-icon.pink{background:#ffe4ef}.metric-icon.orange{background:#fff0df}.metric-icon.purple{background:#eee7ff}.metric-icon.green{background:#e1f8e9}.metric p{margin:1rem 0 .2rem;color:var(--muted);font-size:.84rem;font-weight:650}.metric strong{font-size:2rem;letter-spacing:-.05em}.panel{margin-top:1rem;padding:1.25rem}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.panel-heading h2{margin:.22rem 0 0;font-size:1.12rem}.panel-heading>a{color:var(--pink-dark);font-size:.82rem;font-weight:750}.table-wrap{overflow:auto;margin-top:1rem}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{border-bottom:1px solid #f3e7ed;padding:.85rem;text-align:left;font-size:.8rem}th{color:#907983;font-size:.68rem;letter-spacing:.07em;text-transform:uppercase}tr:last-child td{border-bottom:0}.ticket-title{display:grid;min-width:18rem;white-space:normal}.ticket-title small{color:var(--pink-dark);font-weight:800}.ticket-title strong{margin-top:.14rem}.status,.priority{display:inline-flex;border-radius:999px;padding:.3rem .58rem;font-size:.7rem;font-weight:750}.status-new{background:#ffe5f0;color:#a8185a}.status-assigned,.status-started,.status-building{background:#f0eaff;color:#6243a4}.status-resolved,.status-closed{background:#e0f8e9;color:#17663b}.priority-critical{background:#ffe1e7;color:#a31334}.priority-high{background:#fff0d8;color:#92500f}.priority-medium{background:#eaf4ff;color:#265e8f}.priority-low{background:#e8f7ee;color:#277048}.empty{text-align:center;color:var(--muted);padding:2rem}.messages{display:grid;gap:.5rem;margin-bottom:1rem}.message{border-radius:.85rem;padding:.75rem 1rem;background:#edf9f1;color:#256941}.message.error{background:#fff0f2;color:#9d263f}.ticket-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:0}.ticket-form label,.stack-form label{display:grid;gap:.4rem;color:#604c56;font-size:.8rem;font-weight:700}.ticket-form input,.ticket-form textarea,.ticket-form select,.stack-form input,.narrow-card input,.assign-form select{width:100%;border:1px solid #e9d3de;border-radius:.8rem;outline:0;background:#fff;padding:.7rem}.ticket-form input:focus,.ticket-form textarea:focus,.ticket-form select:focus,.stack-form input:focus{border-color:#ff74aa;box-shadow:0 0 0 3px #ffdeeb}.ticket-form .full{grid-column:1/-1}.ticket-form label small{color:#937c87;font-weight:400}.errorlist{margin:.1rem 0 0;padding:0;color:#b21d45;font-size:.7rem;list-style:none}.form-error{border-radius:.8rem;background:#fff0f3;padding:.75rem;color:#9c2041}.meeting-box{border:1px solid #efccdc;border-radius:1rem;background:linear-gradient(135deg,#fff3f8,#fffafb);padding:1rem}.switch-line{display:flex!important;align-items:center;gap:.65rem}.switch-line input{width:1.15rem;height:1.15rem;accent-color:var(--pink)}.switch-line span{display:grid}.switch-line small{margin-top:.2rem}.meeting-fields{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:.7rem;border-top:1px solid var(--line);margin-top:.9rem;padding-top:.9rem}.meeting-fields[hidden]{display:none}.form-tip{border-radius:.8rem;background:var(--blush);padding:.75rem;color:#7e5064;font-size:.76rem}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.form-actions>a{color:var(--muted);font-size:.82rem}.ticket-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-radius:1.5rem;background:radial-gradient(circle at 90% 10%,#ffc5dc 0,transparent 34%),#fff0f6;padding:1.7rem}.ticket-hero .eyebrow{margin-top:1rem}.detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(18rem,.7fr);gap:1rem}.detail-content{font-size:.93rem;line-height:1.65}.result-box,.meeting-summary{border-radius:1rem;margin-top:1.1rem;padding:1rem}.result-box{background:#eefff4;color:#2b6947}.meeting-summary{background:#fff0f6;color:#81405e}.result-box p,.meeting-summary p{margin:.25rem 0 0}.attachments{display:grid;gap:.45rem;border-top:1px solid var(--line);margin-top:1.2rem;padding-top:1.1rem}.attachments a{color:var(--pink-dark);font-size:.82rem;font-weight:700}.facts{display:grid;gap:.85rem}.facts p{display:grid;gap:.15rem;margin:0}.facts span{color:var(--muted);font-size:.7rem}.facts strong{font-size:.84rem}.assign-form p{display:grid;gap:.3rem;color:var(--muted);font-size:.75rem}.history{padding-bottom:.5rem}.history-item{position:relative;display:grid;border-left:1px solid #f0ccdb;margin:.9rem 0 0 .35rem;padding:0 0 1rem 1.2rem}.history-item i{position:absolute;left:-.3rem;top:.15rem;width:.55rem;height:.55rem;border:2px solid #fff;border-radius:50%;background:var(--pink);box-shadow:0 0 0 1px #ff98bf}.history-item small{color:#9b7c8a;font-size:.68rem}.history-item strong{font-size:.84rem}.history-item p{margin:.18rem 0 0;color:var(--muted);font-size:.78rem}.narrow-card{max-width:35rem;margin:2rem auto;padding:1.5rem}.narrow-card h1{margin:.35rem 0}.stack-form{display:grid;gap:1rem;margin-top:1.2rem}.stack-form p{display:grid;gap:.3rem;margin:0}.stack-form .helptext,.stack-form ul{color:var(--muted);font-size:.7rem}.login-page{display:grid;min-height:100vh;place-items:center;background:radial-gradient(circle at 15% 15%,#ffc8de 0,transparent 27%),radial-gradient(circle at 90% 85%,#efdfff 0,transparent 24%),#fff8fb;padding:1rem}.login-card{width:min(100%,29rem);border:1px solid #efcedd;border-radius:1.6rem;background:#ffffffed;padding:2rem;box-shadow:0 30px 90px rgba(83,23,52,.16);backdrop-filter:blur(18px)}.login-brand{display:flex;align-items:center;gap:.7rem;margin-bottom:2rem}.login-brand>span{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:.85rem;background:var(--pink);transform:rotate(-4deg)}.login-brand strong{font-size:1.15rem}.login-brand em{color:var(--pink);font-style:normal}.login-card h1{margin:.4rem 0;font-size:2.15rem;letter-spacing:-.05em;line-height:1.05}.login-card>p:not(.eyebrow){color:var(--muted)}.muted-link{display:block;margin-top:1rem;text-align:center;color:var(--pink-dark);font-size:.78rem;font-weight:700}
@media(max-width:900px){.metric-grid{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}}
@media(max-width:820px){.sidebar{left:-16rem;transition:left .2s}.sidebar.open{left:0;box-shadow:20px 0 50px #4d17322b}.main-area{width:100%;margin-left:0}.menu-button{display:block}.page{padding:1.25rem 1rem}.search{display:none}.ticket-form{grid-template-columns:1fr}.ticket-form .full{grid-column:auto}.meeting-fields{grid-template-columns:1fr}.page-heading{align-items:flex-start}.calm-chip{display:none}}
@media(max-width:480px){.metric-grid{grid-template-columns:1fr 1fr;gap:.65rem}.metric{padding:1rem}.metric strong{font-size:1.65rem}.page-heading{display:block}.page-heading>.primary-button{margin-top:1rem}.ticket-hero{display:block}.ticket-hero>.priority{margin-top:1rem}.login-card{padding:1.5rem}}

.search button{border:0;background:transparent;color:var(--pink-dark);font-size:.72rem;font-weight:800}.metric-grid-six{grid-template-columns:repeat(6,1fr)}.metric-grid-six .metric strong{font-size:1.6rem}.metric-icon.blue{background:#e4f4ff}.metric-icon.yellow{background:#fff7d7}.planning-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(25rem,.75fr);gap:1rem;scroll-margin-top:1rem}.legend-dot{color:var(--pink);font-size:.72rem;font-weight:750}.gantt-list{display:grid;gap:.2rem;margin-top:1.2rem}.gantt-row{display:grid;grid-template-columns:minmax(10rem,1fr) minmax(12rem,1.7fr) 5.5rem;align-items:center;gap:.75rem;border-radius:.8rem;padding:.6rem}.gantt-row:hover{background:var(--blush)}.gantt-label{display:grid;min-width:0}.gantt-label small{color:var(--pink-dark);font-size:.65rem;font-weight:850}.gantt-label strong{overflow:hidden;margin:.1rem 0;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.gantt-label em{overflow:hidden;color:var(--muted);font-size:.66rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.gantt-track{position:relative;height:1.15rem;border-radius:999px;background:repeating-linear-gradient(90deg,#fbf0f5 0,#fbf0f5 calc(20% - 1px),#ead8e1 20%)}.gantt-bar{position:absolute;top:.18rem;height:.79rem;min-width:.6rem;border-radius:999px;box-shadow:0 3px 9px #8e2d5b25}.gantt-bar.priority-critical{background:#e8395e}.gantt-bar.priority-high{background:#ff9f43}.gantt-bar.priority-medium{background:#7987e8}.gantt-bar.priority-low{background:#52ad79}.gantt-date{color:var(--muted);font-size:.66rem;text-align:right}.calendar-heading{display:flex;align-items:center;justify-content:space-between;text-align:center}.calendar-heading a{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--pink-dark)}.calendar-heading h2{margin:.2rem 0 0;font-size:1rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays{margin-top:1rem;color:#927986;text-align:center;font-size:.62rem;font-weight:800}.calendar-body{border-top:1px solid var(--line);margin-top:.45rem}.calendar-day{min-height:4.2rem;border-right:1px solid #f5e9ef;border-bottom:1px solid #f5e9ef;padding:.3rem;overflow:hidden}.calendar-day:nth-child(7){border-right:0}.calendar-day b{display:block;color:#5f4c56;font-size:.65rem}.calendar-day.outside{opacity:.3}.calendar-event{display:block;overflow:hidden;border-radius:.3rem;margin-top:.2rem;padding:.18rem .25rem;font-size:.53rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.calendar-event.deadline{background:#ffe1ed;color:#a71958}.calendar-event.meeting{background:#eee8ff;color:#6243a4}.status-road{display:grid;grid-template-columns:repeat(6,1fr);gap:.3rem;margin:1rem 0}.status-road span{position:relative;display:grid;justify-items:center;color:#a58d98;font-size:.65rem;font-weight:700;text-align:center}.status-road span:before{position:absolute;z-index:-1;top:.38rem;left:-52%;width:104%;height:2px;background:#efdce5;content:""}.status-road span:first-child:before{display:none}.status-road i{width:.8rem;height:.8rem;border:2px solid #edccdb;border-radius:50%;background:#fff}.status-road .current{color:var(--pink-dark);font-weight:850}.status-road .current i{border-color:var(--pink);background:var(--pink);box-shadow:0 0 0 4px #ffe0ec}.count-chip{border-radius:999px;background:var(--blush);padding:.35rem .6rem;color:var(--pink-dark);font-size:.67rem;font-weight:800}.change-card{border-left:3px solid var(--pink);border-radius:0 .8rem .8rem 0;margin-top:.8rem;background:#fff7fa;padding:.8rem}.change-card small{color:#9b7888;font-size:.67rem}.change-card p{margin:.35rem 0 0;font-size:.82rem}.compact-empty{padding:1rem}.action-details{border-top:1px solid var(--line);margin-top:1rem;padding-top:.8rem}.action-details summary{color:var(--pink-dark);cursor:pointer;font-size:.76rem;font-weight:800}.conversation{display:grid;gap:.5rem;margin-top:1rem}.comment{display:flex;gap:.7rem;border-radius:1rem;background:#fff8fb;padding:.8rem}.comment .avatar{width:2rem;height:2rem}.comment>div{min-width:0}.comment strong,.comment small{display:block}.comment strong{font-size:.78rem}.comment small{margin-top:.1rem;color:var(--muted);font-size:.63rem}.comment p{margin:.35rem 0 0;font-size:.8rem;line-height:1.5}.inline-action{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.inline-action button{justify-self:end}.sla-met{color:var(--green)}.sla-breached{color:#b51e45}.rating-form h2{margin:.2rem 0}.rating-form ul{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}.rating-form li label{display:flex;align-items:center;gap:.25rem;border:1px solid var(--line);border-radius:999px;padding:.35rem .55rem;color:#745c67;font-size:.7rem}.rating-form input{accent-color:var(--pink)}.rating-result>strong{display:block;margin:.6rem 0;color:var(--pink-dark);font-size:1.6rem}.attachments small{color:var(--muted);font-size:.72rem}
@media(max-width:1250px){.metric-grid-six{grid-template-columns:repeat(3,1fr)}.planning-grid{grid-template-columns:1fr}}
@media(max-width:820px){.metric-grid-six{grid-template-columns:repeat(2,1fr)}.gantt-row{grid-template-columns:minmax(8rem,1fr) minmax(8rem,1.3fr)}.gantt-date{display:none}.status-road{overflow-x:auto;grid-template-columns:repeat(6,6rem);padding-bottom:.5rem}.calendar-day{min-height:3.3rem}.calendar-event{font-size:0;width:.45rem;height:.45rem;border-radius:50%;padding:0}}

.sidebar-michi{display:flex;align-items:center;gap:.55rem;border:1px solid #ead8ff;border-radius:1rem;margin-top:auto;margin-bottom:.65rem;padding:.6rem;background:linear-gradient(135deg,#f8f0ff,#fff4f9);color:#5d436b}.sidebar-michi>span{font-size:1.45rem;filter:drop-shadow(0 5px 6px #6c42703a)}.sidebar-michi strong,.sidebar-michi small{display:block}.sidebar-michi strong{font-size:.7rem}.sidebar-michi small{margin-top:.1rem;color:#8b7394;font-size:.6rem}.heading-michi{display:grid;grid-template-columns:auto auto;align-items:center;gap:.5rem}.heading-michi .calm-chip{grid-column:1/-1;justify-self:end}.michi-avatar{display:grid;width:3rem;height:3rem;place-items:center;border:1px solid #e5d0f2;border-radius:1rem;background:linear-gradient(145deg,#f5eaff,#ffeaf3);font-size:1.65rem;box-shadow:0 9px 22px rgba(84,40,94,.1);transform:rotate(3deg)}.michi-bubble{position:relative;max-width:14rem;border:1px solid var(--line);border-radius:1rem;background:#fff;padding:.55rem .7rem;color:#725866;font-size:.7rem;font-weight:700;box-shadow:var(--shadow)}.michi-bubble:after{position:absolute;right:-.35rem;top:50%;width:.6rem;height:.6rem;border-top:1px solid var(--line);border-right:1px solid var(--line);background:#fff;content:"";transform:translateY(-50%) rotate(45deg)}.empty-michi{display:block;margin-bottom:.45rem;font-size:2rem}.login-michi{position:absolute;right:1.4rem;top:-2.5rem;display:grid;justify-items:center}.login-michi span{font-size:3rem;filter:drop-shadow(0 9px 9px #5c2a4938)}.login-michi small{border:1px solid #ead6e0;border-radius:999px;background:#fff;padding:.25rem .5rem;color:#846b77;font-size:.58rem;font-weight:800}.login-card{position:relative}.ticket-michi-note{display:flex;width:max-content;max-width:100%;align-items:center;gap:.45rem;border:1px solid #ead8f4;border-radius:999px;margin:.7rem 0 1rem auto;background:#fbf5ff;padding:.45rem .7rem;color:#70547f;font-size:.7rem;font-weight:750}.ticket-michi-note span{font-size:1rem}
.sidebar-michi + .profile{margin-top:0}
@media(max-width:820px){.sidebar-michi{display:none}.heading-michi{display:none}.ticket-michi-note{width:100%;border-radius:.9rem;margin-left:0}}

/* Ticket listings: the request context is primary and the tracking code is secondary. */
.ticket-table{min-width:72rem}.ticket-table th:first-child{width:34%}.ticket-table th:nth-child(2){width:16%}.ticket-title{min-width:22rem;gap:.2rem}.ticket-title strong{font-size:.9rem;line-height:1.3}.ticket-title small{margin-top:.18rem;color:#a78394;font-size:.65rem;font-weight:750}.ticket-summary{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:.73rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ticket-person{display:grid;gap:.18rem;white-space:normal}.ticket-person strong{font-size:.78rem}.ticket-person small{color:var(--muted);font-size:.67rem}.history-change{border-left-color:#ddc9f3}.history-change i{background:#7650ad;box-shadow:0 0 0 1px #b99cdb}.history-change strong{color:#62408f}
@media(max-width:820px){.table-wrap{overflow:visible}.ticket-table{display:block;min-width:0}.ticket-table thead{display:none}.ticket-table tbody{display:grid;gap:.8rem}.ticket-table tr{display:grid;border:1px solid var(--line);border-radius:1rem;background:#fff;padding:.9rem;box-shadow:0 8px 22px rgba(91,30,59,.05)}.ticket-table td{display:grid;grid-template-columns:minmax(7rem,34%) 1fr;align-items:center;gap:.65rem;border:0;padding:.38rem 0;white-space:normal}.ticket-table td::before{color:#907983;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;content:attr(data-label)}.ticket-table td:first-child{display:block;border-bottom:1px solid var(--line);margin-bottom:.3rem;padding:0 0 .8rem}.ticket-table td:first-child::before{display:none}.ticket-title{min-width:0}.ticket-table .empty{display:block;padding:1.5rem}.ticket-table .empty::before{display:none}}

/* Branded login based on the approved Figma composition. */
.login-page-branded{display:block;min-height:100vh;overflow-x:hidden;background:#f7f7f4;padding:clamp(1rem,3vw,2rem)}.login-canvas{position:relative;display:grid;min-height:calc(100vh - clamp(2rem,6vw,4rem));place-items:center;overflow:hidden;border-radius:clamp(1.25rem,2.5vw,2.5rem);background:#fff;isolation:isolate}.login-orange-ribbon{position:absolute;z-index:-2;top:6%;left:-8%;width:116%;height:18%;background:#ff5835;clip-path:polygon(0 18%,100% 0,100% 66%,0 100%)}.login-teal-wave{position:absolute;z-index:-2;right:-14%;bottom:-22%;width:82%;height:64%;border-radius:48% 52% 0 0/28% 36% 0 0;background:#14a9be;transform:rotate(-7deg)}.login-cat-tile{position:absolute;z-index:-1;top:0;right:7%;width:clamp(11rem,22vw,21rem);overflow:hidden;border-radius:0 0 2rem 2rem;box-shadow:0 20px 45px rgba(26,24,20,.12)}.login-cat-tile img{display:block;width:100%;height:auto}.login-card-branded{position:relative;width:min(92%,31rem);border:0;border-radius:1.4rem;margin:clamp(5rem,12vh,8rem) 30% clamp(4rem,9vh,7rem) 0;background:#fffffff2;padding:clamp(1.5rem,3vw,2.4rem);box-shadow:0 30px 80px rgba(29,24,20,.16);backdrop-filter:blur(10px)}.login-logo{display:block;width:min(100%,25rem);height:auto}.login-system-name{margin:.55rem 0 2rem;color:#35312e!important;font-size:.72rem!important;font-weight:800;letter-spacing:.34em;text-transform:uppercase}.login-card-branded h1{max-width:22rem;margin:0;font-size:clamp(1.55rem,2.8vw,2.3rem);letter-spacing:-.045em;line-height:1.08}.login-card-branded .login-intro{margin:.65rem 0 0;color:#69615c}.login-form{gap:.9rem;margin-top:1.6rem}.login-form label{color:#302a27;font-size:.73rem}.login-form input{border:1px solid #d8d9e2;border-radius:.65rem;background:#f1f3fa;padding:.78rem .85rem}.login-form input:focus{border-color:#14a9be;box-shadow:0 0 0 3px rgba(20,169,190,.16)}.login-form .primary-button{min-height:2.8rem;background:#ff2f89;box-shadow:0 10px 26px rgba(255,47,137,.28)}.login-card-branded .muted-link{margin-top:.85rem;color:#b31658}.login-security-note{display:block;margin-top:1.4rem;color:#817771;font-size:.64rem;text-align:center}.login-card-branded .form-error{border:1px solid #ffc4d7;background:#fff0f5}
@media(max-width:980px){.login-card-branded{margin-right:18%}.login-cat-tile{right:3%;width:14rem}}
@media(max-width:700px){.login-page-branded{padding:0}.login-canvas{min-height:100vh;border-radius:0;align-content:center;padding:1.25rem}.login-orange-ribbon{top:0;height:14%}.login-teal-wave{right:-36%;bottom:-28%;width:120%;height:55%}.login-cat-tile{top:0;right:1rem;width:7.5rem;border-radius:0 0 1rem 1rem}.login-card-branded{width:min(100%,31rem);margin:4.5rem 0 2rem;padding:1.5rem}.login-system-name{margin-bottom:1.4rem;letter-spacing:.22em}.login-security-note{margin-top:1rem}}
@media(max-width:420px){.login-card-branded{padding:1.3rem}.login-logo{width:88%}.login-card-branded h1{font-size:1.55rem}.login-cat-tile{width:6.2rem}}
.auth-main-link{margin-top:1.5rem}.auth-feedback{margin-top:1.25rem}.login-card-branded>.eyebrow{margin-bottom:.45rem}

/* Desktop composition follows the 16:9 Figma frame; compact screens keep a readable card. */
@media(min-width:981px){.login-page.login-page-branded{display:block;width:100%;min-height:100vh;background:#fff;padding:0}.login-canvas{display:flex;width:100%;min-height:100vh;align-items:flex-start;justify-content:flex-start;border-radius:0;background:#fff}.login-orange-ribbon{top:7%;left:-2%;width:104%;height:16%;clip-path:polygon(0 22%,100% 0,100% 64%,0 100%)}.login-teal-wave{right:-9%;bottom:-26%;width:70%;height:52%;border-radius:52% 0 0 0/34% 0 0 0;transform:rotate(-5deg)}.login-cat-tile{top:0;right:11%;width:clamp(17rem,21.7vw,26rem);border-radius:0 0 2.5rem 2.5rem;box-shadow:none}.login-card-branded{z-index:2;width:min(32vw,34rem);min-width:29rem;border:0;margin:clamp(13rem,25vh,18rem) 0 5rem 14vw;background:transparent;padding:0;box-shadow:none;backdrop-filter:none}.login-logo{width:min(100%,31rem)}.login-system-name{margin:.55rem 0 2.2rem}.login-card-branded h1{font-size:1.12rem;letter-spacing:-.025em;line-height:1.25}.login-card-branded .login-intro{font-size:.9rem}.login-form{max-width:27rem;margin-top:1.3rem}.login-security-note{max-width:27rem}.login-card-branded .muted-link{max-width:27rem}}
@media(min-width:981px) and (max-height:760px){.login-card-branded{margin-top:10.5rem}.login-system-name{margin-bottom:1.35rem}.login-form{margin-top:1rem;gap:.7rem}.login-security-note{margin-top:.8rem}}
@media(max-width:980px){.login-page.login-page-branded{display:block;width:100%}.login-canvas{width:100%}.login-card-branded{z-index:2}.login-heading-compact{font-size:1.65rem!important}}

/* Blocking, high-visibility feedback for actions completed after long forms. */
body.notification-open{overflow:hidden}.michi-notification[hidden]{display:none}.michi-notification{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;background:rgba(38,24,32,.58);padding:1rem;backdrop-filter:blur(7px);animation:michi-backdrop-in .18s ease-out}.michi-notification-card{position:relative;width:min(100%,31rem);overflow:visible;border:2px solid #ff91bd;border-radius:1.8rem;background:radial-gradient(circle at 100% 0,#ffe1ed 0,transparent 38%),#fff;padding:3.7rem 2rem 1.7rem;text-align:center;box-shadow:0 30px 90px rgba(38,24,32,.32);animation:michi-card-in .3s cubic-bezier(.2,.9,.25,1.2)}.michi-notification-card:before{position:absolute;top:0;left:1.8rem;width:5.5rem;height:.35rem;border-radius:0 0 999px 999px;background:var(--pink);content:""}.michi-notification-card.is-error{border-color:#ff9a75;background:radial-gradient(circle at 100% 0,#fff0e8 0,transparent 38%),#fff}.michi-notification-card.is-error:before{background:#f1673a}.michi-notification-close{position:absolute;top:.85rem;right:.9rem;display:grid;width:2.2rem;height:2.2rem;place-items:center;border:0;border-radius:50%;background:#fff0f6;color:#9e3262;font-size:1.45rem;line-height:1}.michi-notification-close:hover{background:#ffdce9}.michi-notification-mascot{position:absolute;top:-2.7rem;left:50%;display:grid;width:6rem;height:6rem;place-items:center;border:3px solid #fff;border-radius:2rem;background:linear-gradient(145deg,#ffe552,#ffc93e);font-size:3.2rem;filter:drop-shadow(0 12px 12px rgba(71,42,25,.22));transform:translateX(-50%) rotate(-3deg)}.michi-notification-card .eyebrow{margin:.15rem 0 .45rem}.michi-notification-card h2{margin:0;font-size:clamp(1.55rem,4vw,2rem);letter-spacing:-.045em;line-height:1.08}.michi-notification-copy{margin:1rem 0}.michi-notification-copy .message{margin:0;background:transparent;padding:0;color:#5f4b55;font-size:1rem;line-height:1.55}.michi-notification-copy .message.error{color:#8d3829}.michi-notification-paws{margin:.25rem 0 1rem;color:#d54c86;font-size:1.1rem;letter-spacing:.2em}.michi-notification-action{width:100%;min-height:2.8rem}.michi-notification-action:focus-visible,.michi-notification-close:focus-visible{outline:3px solid #24171e;outline-offset:3px}@keyframes michi-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes michi-card-in{from{opacity:0;transform:translateY(1.5rem) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:480px){.michi-notification-card{border-radius:1.35rem;padding:3.3rem 1.25rem 1.25rem}.michi-notification-mascot{width:5.3rem;height:5.3rem;font-size:2.8rem}.michi-notification-card h2{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.michi-notification,.michi-notification-card{animation:none}}
/* Weekly half-day planner. */
.weekly-planner{display:grid;grid-template-columns:minmax(0,1fr) 19rem;gap:1rem;scroll-margin-top:1rem}.planner-board{min-width:0}.planner-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.planner-heading h2{margin:.15rem 0}.planner-heading>div>p:last-child,.planner-help{margin:.3rem 0 0;color:var(--muted);font-size:.76rem}.week-nav{display:flex;align-items:center;gap:.65rem;white-space:nowrap}.week-nav a{display:grid;width:2.1rem;height:2.1rem;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--pink-dark)}.week-nav strong{font-size:.75rem}.planner-scroll{min-width:52rem;margin-top:1.2rem}.planner-day-heads{display:grid;grid-template-columns:repeat(5,1fr);margin-left:10.5rem}.planner-day-heads>div{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--line);text-align:center}.planner-day-heads strong{grid-column:1/-1;padding:.4rem;color:#5d4852;font-size:.75rem}.planner-day-heads span{border-top:1px solid var(--line);padding:.3rem;color:#9b7f8c;font-size:.58rem;text-transform:uppercase}.planner-day-heads span+span{border-left:1px dashed var(--line)}.planner-drop-row{display:grid;grid-template-columns:repeat(10,1fr);height:2.35rem;margin-left:10.5rem}.planner-slot{border:1px dashed #ead2dd;border-right:0;background:#fff9fc;color:#d69ab5}.planner-slot:last-child{border-right:1px dashed #ead2dd}.planner-slot:hover,.planner-slot.is-over{background:#ffe2ee;color:var(--pink);box-shadow:inset 0 0 0 2px #ff80b2}.planner-lanes{display:grid;gap:.45rem;margin-top:.6rem}.planner-lane{display:grid;grid-template-columns:10rem 1fr;align-items:stretch;gap:.5rem;min-height:3.3rem}.planner-lane-label{display:grid;align-items:center;min-width:0}.planner-lane-label a{display:grid;min-width:0}.planner-lane-label small,.planner-lane-label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planner-lane-label small{color:var(--muted);font-size:.61rem}.planner-lane-label strong{font-size:.72rem}.planner-track{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:1fr;position:relative}.planner-track>i{grid-row:1;border-left:1px solid #f0e0e7;background:#fffafc}.planner-track>i:last-of-type{border-right:1px solid #f0e0e7}.planner-block{z-index:2;grid-row:1;display:flex;min-width:0;align-items:center;justify-content:space-between;overflow:hidden;border-radius:.65rem;margin:.2rem .1rem;padding:.42rem .38rem .42rem .55rem;color:#fff;box-shadow:0 6px 15px rgba(80,32,55,.14)}.planner-block.priority-critical{background:#d93057}.planner-block.priority-high{background:#ee8737}.planner-block.priority-medium{background:#6f72cf}.planner-block.priority-low{background:#3c9b68}.planner-block.is-movable{cursor:grab}.planner-block span{display:grid;min-width:0}.planner-block b,.planner-block em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planner-block b{font-size:.62rem}.planner-block em{font-size:.55rem;font-style:normal;opacity:.86}.planner-resize{width:1.45rem;align-self:stretch;flex:none;border:0;border-radius:.4rem;background:#ffffff26;color:#fff;cursor:ew-resize;touch-action:none}.planner-empty{margin:.6rem 0;color:var(--muted);font-size:.78rem}.planner-backlog{align-self:start;max-height:42rem;overflow:auto}.backlog-list{display:grid;gap:.65rem;margin-top:1rem}.backlog-ticket{display:grid;gap:.25rem;border:1px solid var(--line);border-left:4px solid #aaa;border-radius:.85rem;background:#fff;padding:.75rem;box-shadow:0 6px 16px rgba(71,29,48,.04)}.backlog-ticket[draggable=true]{cursor:grab}.backlog-ticket.priority-critical{border-left-color:#d93057}.backlog-ticket.priority-high{border-left-color:#ee8737}.backlog-ticket.priority-medium{border-left-color:#6f72cf}.backlog-ticket.priority-low{border-left-color:#3c9b68}.backlog-ticket small{color:var(--pink-dark);font-size:.58rem;font-weight:800}.backlog-ticket strong{font-size:.75rem;line-height:1.25}.backlog-ticket p{margin:0;color:var(--muted);font-size:.64rem}.text-button{justify-self:start;border:0;background:transparent;padding:.25rem 0 0;color:var(--pink-dark);font-size:.65rem;font-weight:800}.backlog-wait{color:#9b8790;font-size:.6rem}.planner-modal[hidden]{display:none}.planner-modal{position:fixed;z-index:1100;inset:0;display:grid;place-items:center;background:#26182099;padding:1rem;backdrop-filter:blur(6px)}.planner-modal-card{position:relative;width:min(100%,35rem);border-radius:1.4rem;background:#fff;padding:1.6rem;box-shadow:0 30px 90px #26182066}.planner-modal-card h2{margin:.2rem 0}.planner-modal-card>p:not(.eyebrow){margin:.25rem 0 1rem;color:var(--muted);font-size:.78rem}.planner-modal-close{position:absolute;top:.8rem;right:.8rem;width:2rem;height:2rem;border:0;border-radius:50%;background:var(--blush);color:var(--pink-dark);font-size:1.25rem}.planner-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.planner-form-grid label{display:grid;gap:.3rem;color:#674f5a;font-size:.7rem;font-weight:750}.planner-form-grid label span{font-weight:400}.planner-form-grid .full{grid-column:1/-1}.planner-form-grid input,.planner-form-grid select{width:100%;border:1px solid var(--line);border-radius:.65rem;background:#fffafd;padding:.7rem}.planner-modal-card>.primary-button{margin-top:1rem}.planner-form-error{border-radius:.65rem!important;background:#fff0f3;padding:.65rem;color:#a62048!important}.is-resizing-plan{cursor:ew-resize;user-select:none}
@media(max-width:1250px){.weekly-planner{grid-template-columns:1fr}.planner-backlog{max-height:none}.backlog-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.planner-heading{display:grid}.planner-board{overflow:hidden}.planner-scroll{overflow-x:auto;min-width:0;padding-bottom:.6rem}.planner-day-heads,.planner-drop-row{width:41.5rem}.planner-lanes{width:52rem}.planner-backlog .backlog-list{grid-template-columns:1fr}.planner-form-grid{grid-template-columns:1fr}.planner-form-grid .full{grid-column:auto}.week-nav{justify-content:space-between}}

/* Planner modal: team picker, michi priority and automatic date range. */
.team-picker>span{color:var(--muted);font-size:.64rem;font-weight:450}.michi-priority{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;border:0;margin:0;padding:0}.michi-priority legend{grid-column:1/-1;margin-bottom:.35rem;color:#674f5a;font-size:.7rem;font-weight:750}.michi-priority legend span{margin-left:.3rem;color:var(--muted);font-weight:450}.michi-priority label{position:relative!important;display:grid!important;justify-items:center;gap:.2rem!important;border:1px solid var(--line);border-radius:.8rem;background:#fffafd;padding:.6rem .25rem!important;cursor:pointer}.michi-priority label:hover{border-color:#ff94bd;background:#fff1f7}.michi-priority input{position:absolute;width:1px!important;height:1px;opacity:0}.michi-priority label:has(input:checked){border-color:var(--pink);background:#ffe8f1;box-shadow:0 0 0 2px #ff3f8e24}.michi-scale{display:flex!important;gap:.03rem;font-size:.82rem;filter:saturate(.85)}.michi-scale b,.michi-scale i{font-style:normal}.michi-scale i{opacity:.16;filter:grayscale(1)}.michi-priority em{font-size:.62rem;font-style:normal;font-weight:800}.planner-range{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.55rem;border:1px solid var(--line);border-radius:1rem;background:#fffafd;padding:.75rem}.planner-range>div{display:grid;grid-template-columns:1fr .8fr;gap:.4rem}.planner-range strong{grid-column:1/-1;color:#674f5a;font-size:.7rem}.planner-range strong span{margin-left:.25rem;color:var(--muted);font-size:.61rem;font-weight:450}.planner-range input,.planner-range select{min-width:0!important;padding:.62rem!important}.range-arrow{display:grid;width:1.8rem;height:1.8rem;place-items:center;border-radius:50%;background:#ffe5ef;color:var(--pink-dark);font-weight:900}.duration-result{display:grid;grid-template-columns:1fr auto;align-items:center;border-radius:.85rem;background:#f7f1ff;padding:.75rem;color:#664878}.duration-result>span{font-size:.68rem;font-weight:750}.duration-result>strong{font-size:1rem}.duration-result>strong.is-invalid{color:#a62048}.duration-result>small{grid-column:1/-1;margin-top:.15rem;color:#8d7897;font-size:.59rem}
@media(max-width:620px){.michi-priority{grid-template-columns:1fr 1fr}.planner-range{grid-template-columns:1fr}.planner-range .range-arrow{justify-self:center;transform:rotate(90deg)}.duration-result{grid-template-columns:1fr}.duration-result>small{grid-column:auto}}

/* Immediate planner feedback and reversible scheduling gestures. */
.planner-live-status{position:sticky;z-index:8;top:.75rem;grid-column:1/-1;border:1px solid #b9e6cb;border-radius:.8rem;background:#effff5;padding:.7rem 1rem;color:#236a43;font-size:.75rem;font-weight:800;box-shadow:0 9px 25px #3f74551c}.planner-live-status.is-error{border-color:#ffc0d0;background:#fff1f5;color:#9f264b}.planner-block.is-saving{pointer-events:none;opacity:.55;filter:saturate(.45);animation:planner-pulse .65s ease-in-out infinite alternate}.planner-block-actions{display:flex!important;align-self:stretch;flex:none;gap:.2rem}.planner-resize,.planner-unplan{width:1.45rem;align-self:stretch;border:0;border-radius:.4rem;background:#ffffff26;color:#fff;touch-action:none}.planner-resize{cursor:ew-resize}.planner-unplan{cursor:pointer}.planner-unplan:hover{background:#fff;color:#9b2455}.planner-backlog.is-return-target{border-color:var(--pink);background:#fff0f6;box-shadow:0 0 0 4px #ff3f8e20}.planner-backlog.is-return-target:before{display:block;border:2px dashed #ff7dac;border-radius:.8rem;margin-bottom:.8rem;padding:.65rem;color:var(--pink-dark);font-size:.72rem;font-weight:850;text-align:center;content:'↩ Suelta aquí para devolverlo a pendientes'}@keyframes planner-pulse{to{opacity:.8}}
.planner-block{transition:grid-column .2s ease,opacity .18s ease,filter .18s ease,transform .18s ease}.planner-slot{transition:background .14s ease,box-shadow .14s ease}.just-moved{animation:planner-arrive .28s cubic-bezier(.2,.85,.3,1)}@keyframes planner-arrive{from{opacity:0;transform:translateY(.65rem) scale(.98)}to{opacity:1;transform:none}}

/* Planner controls and deadline language */
.planner-filters{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:1rem;padding:.55rem;border:1px solid #f0dce5;border-radius:.9rem;background:#fffafd}.planner-filters button,.planner-filters select{min-height:2.2rem;border:1px solid #ead2dd;border-radius:.7rem;background:#fff;padding:.45rem .75rem;color:#654c58;font-size:.68rem;font-weight:800}.planner-filters label{display:flex;align-items:center;gap:.45rem;color:#8b6f7c;font-size:.66rem;font-weight:800}.planner-filter-button[aria-pressed=true]{border-color:#ff6ca5;background:#ffe1ed;color:#9e2053;box-shadow:0 0 0 2px #ff6ca51f}.planner-filter-reset{border-color:transparent!important;background:transparent!important;color:var(--pink-dark)!important}.planner-lane-label a{gap:.14rem}.planner-lane-label strong{order:0}.planner-lane-label small{order:1}.planner-time{justify-self:start;width:max-content;max-width:100%;margin-top:.12rem;border-radius:999px;background:#ffffff2b;padding:.08rem .32rem;font-weight:850;letter-spacing:.015em;opacity:1!important}.planner-time.is-late{background:#fff;color:#b21f49}.planner-time.is-today{background:#fff0aa;color:#5d4300}.planner-block>span:first-child{align-content:center}.planner-lane[hidden],.backlog-ticket[hidden]{display:none!important}
@media(max-width:820px){.planner-filters{align-items:stretch}.planner-filters label{flex:1 1 10rem}.planner-filters select{flex:1}.planner-filter-reset{margin-left:auto}}

/* Planning-first workflow */
.dashboard-layout{display:flex;flex-direction:column}.dashboard-layout>.page-heading{order:0}.dashboard-layout>.weekly-planner{order:1}.dashboard-layout>.metric-grid{order:2;margin-top:1rem}.dashboard-layout>.priority-panel{order:3}.origin-area-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.15rem .8rem;border:1px solid #f0cddd;border-radius:1rem;background:linear-gradient(135deg,#fff1f7,#fff);padding:.9rem 1rem}.origin-area-card span{grid-row:1/3;color:#9a7184;font-size:.65rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.origin-area-card strong{font-size:.95rem}.origin-area-card small{color:var(--muted);font-size:.68rem}.secondary-button{display:inline-flex;min-height:2.45rem;align-items:center;justify-content:center;border:1px solid #e7c6d5;border-radius:999px;background:#fff;padding:.6rem 1.15rem;color:var(--pink-dark);font-weight:750}.sla-feasibility{display:grid;gap:.16rem;border:1px solid #ead8e1;border-radius:.9rem;background:#fffafd;padding:.8rem}.sla-feasibility>span{color:#927483;font-size:.58rem;font-weight:900;letter-spacing:.1em}.sla-feasibility strong{font-size:.82rem}.sla-feasibility small{color:var(--muted);font-size:.65rem}.sla-feasibility.is-good{border-color:#adddbf;background:#effbf3;color:#236b43}.sla-feasibility.is-tight{border-color:#efd57e;background:#fff9df;color:#745900}.sla-feasibility.is-risk{border-color:#ffb2c1;background:#fff0f3;color:#a02145}.planner-block.status-assigned{background:#97949b;color:#fff;filter:saturate(.45)}.planner-block.status-started{background:#f3c84b;color:#4c3900}.planner-block.status-building{background:#e83d83;color:#fff}.planner-block.status-resolved{background:#438ed1;color:#fff}.planner-block.status-closed{background:#4c9a69;color:#fff}.planner-block.priority-critical{box-shadow:inset 4px 0 #a80d35,0 6px 15px rgba(80,32,55,.14)}.planner-block.priority-high{box-shadow:inset 4px 0 #cc651c,0 6px 15px rgba(80,32,55,.14)}.planner-block.priority-medium{box-shadow:inset 4px 0 #5258bd,0 6px 15px rgba(80,32,55,.14)}.planner-block.priority-low{box-shadow:inset 4px 0 #26764d,0 6px 15px rgba(80,32,55,.14)}.planner-block.needs-adjustment{outline:3px solid #e72a43;outline-offset:2px}.planner-block.sla-risk:not(.needs-adjustment){outline:2px dashed #d72f4c;outline-offset:2px}.planner-attention{display:grid!important;width:1.25rem;height:1.25rem;place-items:center;border-radius:50%;background:#d91f3f;color:#fff;font-size:.7rem;font-style:normal;font-weight:900}.closure-dot{width:.65rem!important;height:.65rem;border:2px solid #fff;border-radius:50%;background:#e51d3f;box-shadow:0 0 0 3px #e51d3f42;animation:closure-pulse 1s ease-in-out infinite alternate}.status-started .planner-resize,.status-started .planner-unplan{color:#4c3900;background:#ffffff73}@keyframes closure-pulse{to{transform:scale(1.2)}}.planning-adjustment{border-color:#ffb1bf;background:#fff4f6}.planning-adjustment h2,.plan-response h2{margin:.25rem 0}.planning-adjustment p,.plan-response>p{color:var(--muted);font-size:.78rem;line-height:1.45}.planning-adjustment small{color:#9b6d79;font-size:.66rem}.plan-response details label{display:grid;gap:.35rem;margin-top:.7rem;color:#684c59;font-size:.72rem;font-weight:800}.plan-response textarea{width:100%;border:1px solid var(--line);border-radius:.75rem;padding:.7rem;resize:vertical}.plan-response .secondary-button{margin-top:.65rem}
@media(max-width:620px){.origin-area-card{grid-template-columns:1fr}.origin-area-card span{grid-row:auto}.dashboard-layout>.metric-grid{margin-top:.8rem}}

/* Click-through planner ticket summary. */
.planner-block:not(.is-movable){cursor:pointer}.planner-block-modal[hidden]{display:none}.planner-block-modal{position:fixed;z-index:1120;inset:0;display:grid;place-items:center;background:#26182099;padding:1rem;backdrop-filter:blur(7px)}.planner-block-card{position:relative;width:min(100%,34rem);border:1px solid #efccdc;border-radius:1.5rem;background:radial-gradient(circle at 100% 0,#ffe9f2 0,transparent 35%),#fff;padding:1.6rem;box-shadow:0 30px 90px #26182066}.planner-block-card h2{margin:.45rem 0 .35rem;font-size:1.45rem;letter-spacing:-.035em}.planner-state-chip{display:inline-flex;min-height:1.8rem;align-items:center;border-radius:999px;background:#eee;padding:.25rem .7rem;color:#4e4650;font-size:.65rem;font-weight:900}.planner-state-chip.status-assigned{background:#e5e3e6;color:#57525a}.planner-state-chip.status-started{background:#ffefad;color:#6d5100}.planner-state-chip.status-building{background:#ffe0ed;color:#a72359}.planner-state-chip.status-resolved{background:#dceeff;color:#23679f}.planner-state-chip.status-closed{background:#dff4e7;color:#2e724a}.planner-block-description{margin:.25rem 0 1rem;color:var(--muted);font-size:.78rem;line-height:1.45}.planner-state-explanation{border-left:4px solid var(--pink);border-radius:.35rem .8rem .8rem .35rem;background:#fff1f7;padding:.75rem .85rem;color:#664f5a;font-size:.76rem;line-height:1.45}.planner-block-facts{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:1rem 0}.planner-block-facts div{border:1px solid #f0dce5;border-radius:.8rem;background:#fffafd;padding:.65rem .75rem}.planner-block-facts dt{color:#9a7184;font-size:.56rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.planner-block-facts dd{overflow:hidden;margin:.2rem 0 0;color:#3f3037;font-size:.74rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.planner-adjustment-copy{border-radius:.7rem;background:#fff2e6;padding:.7rem;color:#895118;font-size:.7rem}.planner-block-modal-actions{display:flex;align-items:center;gap:.65rem;margin-top:1rem}.planner-block-modal-actions .primary-button,.planner-block-modal-actions .secondary-button{flex:1}.planner-block-modal-actions .secondary-button{color:#a3204e}.planner-block:focus-visible{outline:3px solid #24171e;outline-offset:3px}@media(max-width:520px){.planner-block-card{padding:1.25rem}.planner-block-facts{grid-template-columns:1fr}.planner-block-modal-actions{align-items:stretch;flex-direction:column}.planner-block-modal-actions .primary-button,.planner-block-modal-actions .secondary-button{width:100%}}

/* Personal workbench: one decision per card, readable without technical vocabulary. */
.personal-heading{align-items:center}.personal-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.personal-metric{display:flex;min-width:0;align-items:center;gap:.65rem;border:1px solid #eadce3;border-radius:1rem;background:#fff;padding:.85rem;box-shadow:0 7px 22px rgba(74,31,51,.045)}.personal-metric>span{display:grid;width:2rem;height:2rem;flex:none;place-items:center;border-radius:.7rem;background:#fff0f6}.personal-metric div{display:grid;min-width:0}.personal-metric strong{font-size:1.35rem;line-height:1}.personal-metric small{margin-top:.2rem;color:var(--muted);font-size:.59rem;line-height:1.2}.personal-metric.is-main{border-color:#f29cbe;background:linear-gradient(145deg,#fff0f6,#fff)}.personal-metric.has-alert{border-color:#f09aaa;background:#fff0f3;color:#a51f43}.work-focus{border:1px solid #efcfdd;border-radius:1.25rem;background:linear-gradient(145deg,#fffafd,#fff);padding:1.25rem}.work-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.work-section-heading h2{margin:.18rem 0}.work-section-heading p:last-child{margin:.2rem 0 0;color:var(--muted);font-size:.72rem}.work-section-heading.compact{align-items:center}.work-section-heading.compact h2{font-size:1rem}.work-card-list{display:grid;gap:.75rem;margin-top:1rem}.work-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,21rem);gap:1rem;border:1px solid #ebdbe2;border-left:5px solid #888;border-radius:1rem;background:#fff;padding:1rem;box-shadow:0 8px 22px rgba(74,31,51,.05)}.work-card.priority-critical{border-left-color:#d93057}.work-card.priority-high{border-left-color:#ee8737}.work-card.priority-medium{border-left-color:#6f72cf}.work-card.priority-low{border-left-color:#3c9b68}.work-card-main h3{margin:.45rem 0 .25rem;font-size:1rem}.work-card-main p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.45}.work-card-main small{display:block;margin-top:.55rem;color:#856c78;font-size:.62rem;font-weight:700}.work-card-actions{display:grid;align-content:center;gap:.45rem}.work-card-actions>a{justify-self:center;color:var(--pink-dark);font-size:.66rem;font-weight:800}.work-card-actions details{border:1px solid #ead6df;border-radius:.7rem;padding:.55rem .65rem}.work-card-actions summary{color:#815366;font-size:.67rem;font-weight:800;cursor:pointer}.work-card-actions details label{display:grid;gap:.3rem;margin-top:.5rem;color:#735b66;font-size:.62rem;font-weight:700}.work-card-actions textarea{width:100%;border:1px solid #e5d3dc;border-radius:.55rem;padding:.55rem;resize:vertical}.work-card-actions details .secondary-button{width:100%;margin-top:.45rem}.work-empty{display:grid;justify-items:center;border:1px dashed #dfccd5;border-radius:1rem;padding:1.25rem;color:#725f68;text-align:center}.work-empty>span{font-size:1.8rem}.work-empty small{margin-top:.15rem;color:var(--muted)}.work-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.work-column{min-width:0}.mini-work-list{display:grid;gap:.65rem;margin-top:.9rem}.mini-work-list>article{display:grid;gap:.45rem;border:1px solid #f0e1e8;border-radius:.85rem;background:#fffafd;padding:.75rem}.mini-work-list>article>a{display:grid;gap:.15rem}.mini-work-list strong{font-size:.75rem;line-height:1.25}.mini-work-list small{color:var(--muted);font-size:.61rem}.mini-work-list .secondary-button{display:flex}.revision-strip>a{display:grid;grid-template-columns:minmax(10rem,1fr) minmax(12rem,2fr) auto;gap:.75rem;border-top:1px solid #f0e1e8;padding:.75rem 0}.revision-strip>a strong{font-size:.73rem}.revision-strip>a span,.revision-strip>a small{color:var(--muted);font-size:.65rem}.request-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;margin-top:.8rem}.request-list>a{display:grid;align-content:start;gap:.35rem;border:1px solid #f0e1e8;border-radius:.85rem;background:#fffafd;padding:.75rem}.request-list strong{font-size:.72rem;line-height:1.25}.request-list small{color:var(--muted);font-size:.59rem}.request-list em{color:#b61f53;font-size:.6rem;font-style:normal;font-weight:850}.my-requests{margin-bottom:1rem}
@media(max-width:1180px){.personal-metrics{grid-template-columns:repeat(3,1fr)}.work-columns{grid-template-columns:1fr 1fr}.work-column:last-child{grid-column:1/-1}.request-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.personal-metrics{grid-template-columns:1fr 1fr}.work-card{grid-template-columns:1fr}.work-columns{grid-template-columns:1fr}.work-column:last-child{grid-column:auto}.request-list{grid-template-columns:1fr}.revision-strip>a{grid-template-columns:1fr}.personal-heading .heading-michi{display:flex}}

/* Personal weekly calendar shown before accepting a plan. */
.personal-calendar{scroll-margin-top:1rem}.personal-calendar-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.personal-calendar-heading h2{margin:.18rem 0}.personal-calendar-heading>div>p:last-child{margin:.25rem 0 0;color:var(--muted);font-size:.72rem}.personal-calendar-legend{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.9rem;color:#765f6a;font-size:.62rem;font-weight:800}.personal-calendar-legend .assigned{color:#77737b}.personal-calendar-legend .started{color:#a47a00}.personal-calendar-legend .building{color:#c32364}.personal-calendar-legend .resolved{color:#2875b8}.personal-calendar-scroll{min-width:0;overflow-x:auto;margin-top:.8rem;padding-bottom:.25rem}.personal-day-heads{display:grid;grid-template-columns:12rem repeat(5,minmax(8.2rem,1fr));min-width:53rem}.personal-day-heads>span{border-bottom:1px solid #eddce4}.personal-day-heads>div{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid #ead9e1;border-bottom:1px solid #ead9e1;text-align:center}.personal-day-heads>div:last-child{border-right:1px solid #ead9e1}.personal-day-heads strong{grid-column:1/-1;padding:.42rem;color:#59444e;font-size:.7rem}.personal-day-heads small{border-top:1px solid #f0e0e7;padding:.28rem;color:#967b87;font-size:.54rem;text-transform:uppercase}.personal-day-heads small+small{border-left:1px dashed #ead9e1}.personal-day-heads .is-today{background:#fff1f7;box-shadow:inset 0 3px var(--pink)}.personal-calendar-lanes{display:grid;min-width:53rem;gap:.4rem;margin-top:.45rem}.personal-calendar-lane{display:grid;grid-template-columns:12rem 1fr;min-height:3rem;gap:.5rem}.personal-calendar-label{display:grid;align-content:center;min-width:0;padding-right:.35rem}.personal-calendar-label strong,.personal-calendar-label small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.personal-calendar-label strong{font-size:.68rem}.personal-calendar-label small{margin-top:.12rem;color:var(--muted);font-size:.56rem}.personal-calendar-track{position:relative;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:1fr}.personal-calendar-track>i{grid-row:1;border-left:1px solid #f0e0e7;background:#fffafc}.personal-calendar-track>i:last-of-type{border-right:1px solid #f0e0e7}.personal-calendar-block{z-index:2;grid-row:1;display:flex;min-width:0;align-items:center;justify-content:space-between;gap:.25rem;overflow:hidden;border-radius:.65rem;margin:.22rem .08rem;padding:.42rem .55rem;color:#fff;box-shadow:0 5px 13px rgba(73,31,50,.13)}.personal-calendar-block b,.personal-calendar-block span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.personal-calendar-block b{font-size:.59rem}.personal-calendar-block span{border-radius:999px;background:#ffffff2c;padding:.08rem .3rem;font-size:.53rem;font-weight:850}.personal-calendar-block.status-assigned{background:#97949b}.personal-calendar-block.status-started{background:#f3c84b;color:#4c3900}.personal-calendar-block.status-building{background:#e83d83}.personal-calendar-block.status-resolved{background:#438ed1}.personal-calendar-empty{margin-left:12.5rem}@media(max-width:720px){.personal-calendar-heading{display:grid}.personal-calendar-heading .week-nav{width:100%}.personal-calendar-empty{margin-left:0}}

/* Guided tutorial available on every task screen. */
.tour-launch{min-height:2.45rem;border:1px solid #e4cbd6;border-radius:999px;background:#fff;padding:.55rem .9rem;color:#6e4f5d;font-size:.68rem;font-weight:850;white-space:nowrap}.tour-launch:hover{border-color:#ff6da5;background:#fff0f6;color:#a31e52}.guided-tour[hidden]{display:none}.guided-tour{position:fixed!important;z-index:2147483600!important;inset:0!important;isolation:isolate}.guided-tour-shade{position:absolute;z-index:0;inset:0;background:rgba(31,19,26,.72);backdrop-filter:blur(3px)}.guided-tour-card{position:fixed!important;z-index:2147483646!important;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);width:min(calc(100% - 2rem),25rem);border:2px solid #ff8fba;border-radius:1.35rem;background:radial-gradient(circle at 100% 0,#ffe2ee,transparent 38%),#fff;padding:1.4rem;box-shadow:0 28px 80px rgba(28,16,23,.5)}.guided-tour-card h2{margin:.2rem 0 .5rem;font-size:1.25rem}.guided-tour-card>p:not(.eyebrow){margin:0;color:#67525c;font-size:.78rem;line-height:1.55}.guided-tour-michi{position:absolute;top:-2rem;right:1.3rem;display:grid;width:4.3rem;height:4.3rem;place-items:center;border:3px solid #fff;border-radius:1.35rem;background:#ffe45f;font-size:2.2rem;transform:rotate(4deg)}.guided-tour-close{position:absolute;top:.65rem;left:.7rem;width:1.9rem;height:1.9rem;border:0;border-radius:50%;background:#fff0f6;color:#9f2758;font-size:1.2rem}.guided-tour-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.guided-tour-actions [hidden]{display:none}.guided-tour-skip{display:block;border:0;margin:.7rem auto 0;background:transparent;color:#917682;font-size:.62rem;text-decoration:underline}.tour-highlight{position:relative!important;z-index:2147483620!important;border-radius:1rem;box-shadow:0 0 0 5px #ffe35b,0 0 0 10px rgba(255,255,255,.9),0 20px 50px rgba(25,14,20,.35)!important}.tour-open{overflow:hidden}@media(max-width:700px){.topbar{flex-wrap:wrap}.topbar .search{order:3;width:100%}.tour-launch{margin-left:auto}.guided-tour-card{right:1rem;bottom:1rem}.tour-highlight{z-index:2147483620!important}}

.guided-tour:not([hidden]){z-index:auto!important;pointer-events:none!important;isolation:auto!important}.guided-tour-shade{z-index:2147483600!important;pointer-events:auto}.guided-tour-card{pointer-events:auto}

/* Capacity semaphore and planner filters */
.planner-slot.is-free{border-color:#b9dfc7;background:#effbf3;color:#2d8a55}.planner-slot.is-free:hover,.planner-slot.is-free.is-over{background:#d9f6e4;box-shadow:inset 0 0 0 2px #62bd82}.planner-slot.is-busy{border-color:#f2b6c1;background:#fff0f3;color:#c52b4b}.planner-slot.is-busy:hover,.planner-slot.is-busy.is-over{background:#ffe0e6;box-shadow:inset 0 0 0 2px #e85b75}.planner-slot.is-busy span:before{content:'×';font-weight:900}.planner-slot.is-busy span{font-size:0}.planner-slot.is-busy span:before{font-size:.9rem}.planner-check{min-height:2.2rem;border:1px solid #ead2dd;border-radius:.7rem;background:#fff;padding:.45rem .7rem!important;color:#654c58!important}.planner-check input{width:1rem;height:1rem;accent-color:var(--pink)}

/* Flatten the tour wrapper so the dialog can sit above every page stacking context. */
.guided-tour:not([hidden]){display:contents!important}.guided-tour-shade{position:fixed!important;z-index:2147483000!important;inset:0!important}.tour-highlight{z-index:2147483400!important}.guided-tour-card{z-index:2147483647!important}

/* Plain-language planner legend for non-technical users. */
.planner-visual-guide{display:grid;grid-template-columns:minmax(13rem,18rem) 1fr;align-items:center;gap:1rem;margin-top:.75rem;border:1px solid #ead7e0;border-radius:1rem;background:linear-gradient(135deg,#fff7fa,#fff);padding:.75rem .9rem}.planner-guide-heading{display:flex;align-items:center;gap:.65rem}.planner-guide-heading>span{display:grid;width:2.3rem;height:2.3rem;flex:none;place-items:center;border-radius:.75rem;background:#ffe7f0}.planner-guide-heading div{display:grid}.planner-guide-heading strong{font-size:.73rem}.planner-guide-heading small{margin-top:.15rem;color:var(--muted);font-size:.58rem;line-height:1.25}.planner-guide-items{display:flex;flex-wrap:wrap;gap:.45rem .8rem}.planner-guide-items>span{display:inline-flex;align-items:center;gap:.28rem;color:#765e69;font-size:.58rem;line-height:1.25}.planner-guide-items b{color:#4d3a43}.guide-swatch,.guide-dot,.guide-dashed,.guide-alert{display:inline-grid;width:.85rem;height:.85rem;flex:none;place-items:center;border-radius:.28rem}.guide-swatch.status-assigned{background:#97949b}.guide-swatch.status-started{background:#f3c84b}.guide-swatch.status-building{background:#e83d83}.guide-swatch.status-resolved{background:#438ed1}.guide-dot{width:.58rem;height:.58rem;border:2px solid #fff;border-radius:50%;background:#e51d3f;box-shadow:0 0 0 2px #e51d3f42}.guide-dashed{border:2px dashed #d72f4c;background:#fff}.guide-alert{border-radius:50%;background:#d91f3f;color:#fff;font-size:.58rem;font-style:normal;font-weight:900}@media(max-width:900px){.planner-visual-guide{grid-template-columns:1fr}.planner-guide-items{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:520px){.planner-guide-items{grid-template-columns:1fr}}

/* Eusebio: the official Antiestrés mascot replaces generic cat emoji. */
.sidebar-michi>span{display:grid;width:2rem;height:2rem;flex:none;place-items:center}.sidebar-michi>span img{width:1.7rem;height:1.8rem;object-fit:contain;filter:drop-shadow(0 5px 6px #6c42703a)}.michi-avatar img{width:2.15rem;height:2.25rem;object-fit:contain}.guided-tour-michi img{width:3.15rem;height:3.25rem;object-fit:contain}.michi-notification-mascot img{width:4.1rem;height:4.25rem;object-fit:contain}.work-empty-michi{display:grid!important;width:3rem;height:3rem;place-items:center;border-radius:1rem;background:#ffe8f1}.work-empty-michi img{width:2rem;height:2.1rem}.inline-michi{width:1.35rem;height:1.4rem;object-fit:contain;vertical-align:middle}.empty-michi{width:2.4rem;height:2.5rem;object-fit:contain;margin-right:auto;margin-left:auto}.michi-scale b,.michi-scale i{display:inline-grid;width:.9rem;height:1rem;place-items:center}.michi-scale img{display:block;width:.82rem;height:.9rem;object-fit:contain}.michi-scale i{opacity:.14;filter:none}.michi-scale b{opacity:1}

/* ============ Habitación eusebiOS (home_room) ============ */
.room-wrap{max-width:1200px;margin:0 auto;padding:1rem 0 2rem}
.room-header{text-align:center;margin-bottom:1.2rem}
.room-header h1{margin:.3rem 0 .4rem;font-size:clamp(1.6rem,3.2vw,2.4rem);letter-spacing:-.045em;line-height:1.08;color:#242124}
.room-sub{color:#6b655e;margin:0 auto;max-width:38rem;font-size:.92rem}
.room-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}
.room-chip{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;padding:.4rem .8rem;font-size:.74rem;font-weight:800;letter-spacing:.02em}
.chip-pink{background:#ffe4ef;color:#b01e5c}
.chip-yellow{background:#fff5c7;color:#8a6d14}
.chip-agua{background:#dff2f4;color:#2d6e78}
.room-stage{position:relative;border-radius:1.8rem;background:radial-gradient(ellipse at 50% 100%,#fef1e5 0,#FFF8EF 55%,#FFF8EF 100%);padding:1rem clamp(.5rem,2vw,1.5rem);box-shadow:0 20px 60px rgba(36,33,36,.08);overflow:hidden;isolation:isolate}
.room-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(246,62,131,.05) 0,transparent 40%),radial-gradient(circle at 80% 70%,rgba(74,157,165,.06) 0,transparent 40%);pointer-events:none;z-index:-1}
.room-svg{display:block;width:100%;height:auto;max-height:78vh}
.room-label{fill:#242124;font-family:Aptos,Inter,"Segoe UI",sans-serif;font-size:16px;font-weight:800;letter-spacing:-.01em;pointer-events:none;opacity:0}
.room-hotspot{cursor:pointer;transform-origin:center;transform-box:fill-box;transition:transform .25s cubic-bezier(.34,1.56,.64,1),filter .25s}
.room-hotspot:hover,.room-hotspot:focus-visible{transform:translateY(-6px) scale(1.03);filter:drop-shadow(0 12px 16px rgba(36,33,36,.18))}
.room-hotspot:hover .room-label,.room-hotspot:focus-visible .room-label{opacity:1}
.room-hotspot:focus-visible{outline:none}

/* Eusebio vinyl (PNG) encima del SVG, centrado sobre la plataforma rosa */
.room-eusebio{position:absolute;left:50%;top:52%;transform:translate(-50%,-62%);width:min(32%,340px);display:block;filter:drop-shadow(0 20px 28px rgba(36,33,36,.3));transition:transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s;cursor:pointer;z-index:2}
.room-eusebio img{display:block;width:100%;height:auto;animation:michi-breath 4s ease-in-out infinite;transform-origin:bottom center}
.room-eusebio:hover,.room-eusebio:focus-visible{transform:translate(-50%,-64%);filter:drop-shadow(0 26px 38px rgba(36,33,36,.4))}
.room-eusebio:focus-visible{outline:none}
.room-eusebio-label{position:absolute;left:50%;bottom:-1.5rem;transform:translateX(-50%);background:#242124;color:#FFF8EF;font-size:.78rem;font-weight:800;padding:.4rem .9rem;border-radius:999px;white-space:nowrap;opacity:0;transition:opacity .25s,bottom .25s;letter-spacing:.02em;pointer-events:none}
.room-eusebio:hover .room-eusebio-label,.room-eusebio:focus-visible .room-eusebio-label{opacity:1;bottom:-2rem}
@keyframes michi-breath{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}

.room-door-form{position:absolute;top:1.2rem;right:1.6rem;z-index:3;margin:0}
.room-door-btn{display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(36,33,36,.15);border-radius:999px;background:rgba(255,255,255,.85);padding:.45rem .85rem;color:#242124;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;backdrop-filter:blur(6px);transition:background .2s,transform .2s;cursor:pointer}
.room-door-btn:hover{background:#F63E83;color:#fff;border-color:transparent;transform:translateY(-1px)}
.room-door-label{display:inline}
.room-foot{text-align:center;color:#8a8278;font-size:.76rem;margin:1.2rem 0 0;font-weight:600}
@media(max-width:720px){
  .room-stage{border-radius:1.2rem;padding:.5rem}
  .room-door-form{top:.6rem;right:.75rem}
  .room-door-label{display:none}
  .room-door-btn{padding:.5rem}
  .room-svg{max-height:none}
  .room-eusebio{width:min(42%,260px);top:50%}
  .room-eusebio img{animation:none}
}
@media(prefers-reduced-motion:reduce){
  .room-eusebio img{animation:none}
  .room-hotspot,.room-eusebio{transition:none}
}