/* Tião F8.1: componentes. Os tokens base estão em styles.css. */
:root{--estudo:#2F7F86;--rotina:#DCCFBB}
.wrap{max-width:1240px;padding-left:clamp(16px,2.2vw,32px);padding-right:clamp(16px,2.2vw,32px)}
.tiao-top-right,#tiao-existing-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tiao-top-right{margin-left:auto;justify-content:flex-end}
.tiao-main-nav a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.tiao-top .brand{min-height:44px}.tiao-top a:focus-visible,.tiao-top button:focus-visible,.tiao-main-nav a:focus-visible{outline:3px solid var(--pequi);outline-offset:3px}.tiao-password-panel{max-width:520px}.tiao-password-panel .pwbox{margin:14px 0}
#tiao-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 15px;border-radius:12px;background:var(--terra);color:#fff;text-decoration:none;font-weight:700;font-size:13px}
#tiao-whatsapp[hidden]{display:none}
.tiao-ring{position:relative;width:110px;height:110px;display:grid;place-items:center}
.tiao-ring svg{width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:10}
.tiao-ring-track{stroke:var(--line)}.tiao-ring-fill{stroke:var(--pequi);stroke-linecap:round}
.tiao-ring>b{position:absolute;font:700 27px/1 var(--font-display);font-variant-numeric:tabular-nums}
.tiao-bar{position:relative;height:10px;width:100%;border-radius:10px;background:var(--line)}
.tiao-bar>span{display:block;height:100%;background:var(--pequi);border-radius:10px}
.tiao-marker{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink)}
.tiao-segbar{display:flex;gap:3px;height:11px;border-radius:10px;overflow:hidden;background:var(--line)}
.tiao-segbar>span{background:var(--linha)}.tiao-segbar>.tiao-segment-done,.tiao-segbar>.tiao-segment-confirmed{background:var(--pequi)}.tiao-segbar>.tiao-segment-doing{background:var(--ipe)}.tiao-segbar>.tiao-segment-blocked{background:var(--urucum)}
.tiao-day-strip{position:relative;height:58px;border:1px solid var(--line);border-radius:12px;background:repeating-linear-gradient(to right,transparent 0,transparent calc(16.666% - 1px),var(--line) calc(16.666% - 1px),var(--line) 16.666%),var(--panel);overflow:hidden}
.tiao-day-event{box-sizing:border-box;position:absolute;top:6px;height:44px;border-radius:5px;color:#fff;line-height:44px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 3px}
.tiao-day-event.is-dark-text,.tiao-week-event.is-dark-text{color:var(--cafe)}
.tiao-now-line{position:absolute;top:0;bottom:0;width:2px;background:var(--urucum);z-index:2}
.tiao-week-scroll{overflow-x:auto;width:100%}.tiao-week-grid{display:grid;grid-template-columns:repeat(7,minmax(140px,1fr));min-width:980px;gap:4px}
.tiao-week-day{border:1px solid var(--line);background:var(--panel);border-radius:10px;overflow:hidden}.tiao-week-day.is-today{border:2px solid var(--terra)}.tiao-week-day>strong{display:block;min-height:40px;padding:10px 6px;font-size:12px}
.tiao-week-hours{height:544px;position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent 33px,var(--line) 33px,var(--line) 34px)}
.tiao-week-event{position:absolute;left:3px;right:3px;box-sizing:border-box;padding:2px 4px;border-radius:4px;color:#fff;font-size:10px;overflow:hidden}
.tiao-heat{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(7,10px);grid-auto-flow:column;gap:3px}.tiao-heat i{border-radius:3px;background:var(--line)}.tiao-heat .level-1{background:#cddbbd}.tiao-heat .level-2{background:#a5bf8b}.tiao-heat .level-3{background:#7b9c5f}.tiao-heat .level-4{background:var(--pequi)}
.tiao-kpi,.tiao-alert{display:grid;gap:4px}.tiao-kpi strong,.tiao-alert strong{font:700 32px/1.1 var(--font-display);font-variant-numeric:tabular-nums}.tiao-kpi span,.tiao-alert span{font-size:12px;color:var(--ink-2)}.tiao-kpi small,.tiao-alert small{font-size:11px;color:var(--ink-3)}
.tiao-alert{border-radius:14px;border:1px solid var(--line);padding:15px;color:var(--ink);text-decoration:none;background:var(--panel)}.tiao-alert.tone-bad{border-left:4px solid var(--urucum)}.tiao-alert.tone-warn{border-left:4px solid var(--ipe)}.tiao-alert.tone-info{border-left:4px solid var(--ceu)}
.tiao-chip{display:inline-flex;border:1px solid var(--line);border-radius:99px;padding:3px 9px;font-size:12px;color:var(--ink)}.tiao-chip.tone-bad{border-color:var(--urucum)}.tiao-chip.tone-good{border-color:var(--pequi)}.tiao-chip.tone-warn{border-color:var(--ipe)}
.tiao-info{display:inline-block;position:relative}.tiao-info>summary{display:grid;place-items:center;width:44px;height:44px;cursor:pointer;list-style:none;font-weight:700;font-size:13px}.tiao-info>summary::before{content:"";position:absolute;width:27px;height:27px;border-radius:50%;border:1px solid var(--line)}.tiao-info>summary::-webkit-details-marker{display:none}.tiao-info[open]>div{position:absolute;right:0;top:40px;z-index:15;width:min(280px,76vw);padding:10px 12px;border:1px solid var(--line);background:var(--panel);border-radius:9px;box-shadow:0 8px 24px #0002;font-size:12px}
.k11-top h1,.k11-week-card header strong{text-transform:none}
.login-box{box-sizing:border-box;max-width:420px;width:min(420px,calc(100vw - 32px))}.login-box form,.login-box #recovery-form,.login-box #pw{display:grid!important;grid-template-columns:minmax(0,1fr);gap:9px;width:100%}.login-box input,.login-box button{box-sizing:border-box;width:100%;min-width:0;max-width:100%}
@media(max-width:690px){#tiao-existing-tools{display:flex;gap:5px}#tiao-existing-tools .op-top-actions{gap:5px}#tiao-existing-tools .op-muted,#tiao-existing-tools .ev-updated,#tiao-existing-tools .fx-muted{display:none}#tiao-existing-tools button,#tiao-existing-tools .link{min-height:44px}#tiao-whatsapp{box-sizing:border-box;width:44px;height:44px;padding:8px}#tiao-whatsapp .tiao-talk-label{display:none}.tiao-main-nav{gap:3px}.tiao-main-nav a{font-size:11px;letter-spacing:0;padding:9px 3px}.tiao-ring{width:82px;height:82px}}
@media(prefers-color-scheme:dark){.tiao-heat .level-1{background:#45513a}.tiao-heat .level-2{background:#577044}.tiao-heat .level-3{background:#668c4c}}