/* Uses the live application's light/dark tokens. */
[hidden]{display:none!important}
.takt-workspace{display:block!important;max-width:1440px;margin:0 auto;padding-top:12px!important}
.takt-workspace-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:28px}
.takt-workspace-tabs button{display:flex;align-items:center;gap:9px;border:0;border-radius:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:14px 0;font:inherit;font-size:15px;font-weight:500;cursor:pointer}
.takt-workspace-tabs button.active{color:var(--ink);border-bottom-color:var(--ink)}
.takt-workspace-tabs svg,.takt-agenda-actions svg{width:18px;height:18px;flex:none}
.takt-agenda-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.takt-agenda-actions{display:flex;gap:10px;flex-wrap:wrap}
.takt-day-picker{position:relative;z-index:25}
.takt-day-trigger{display:flex;align-items:center;gap:12px;background:transparent;border:0;color:var(--ink);font:inherit;font-size:22px;font-weight:600;padding:8px 0;cursor:pointer;white-space:nowrap}
.takt-day-trigger svg{width:16px;height:16px;transform:rotate(90deg)}
.takt-date-popover{position:absolute;top:calc(100% + 8px);left:0;width:292px;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--panel);box-shadow:0 12px 34px color-mix(in srgb,var(--ink) 12%,transparent);z-index:40}
.takt-date-month{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:8px}
.takt-date-month strong{font-size:14px;font-weight:600;text-transform:capitalize}
.takt-date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.takt-date-grid>span{text-align:center;font-size:11px;padding:8px 0;color:var(--muted)}
.takt-date-grid button{height:34px;border:0;border-radius:7px;background:transparent;color:var(--ink);font:inherit;font-size:13px;cursor:pointer;padding:0}
.takt-date-grid button.outside{color:var(--muted);opacity:.55}
.takt-date-grid button.selected{background:var(--ink);color:var(--panel)}
.takt-date-grid button:not(.selected):hover{background:var(--lift)}
.takt-date-today{margin-top:10px;width:100%;border:0;border-top:1px solid var(--line);padding:12px 0 4px;background:transparent;color:var(--ink);font:inherit;font-size:13px;cursor:pointer}
.takt-day-meetings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:36px}
.takt-agenda-card,.takt-plan-card{min-height:142px;border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--panel);color:var(--ink);text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-width:0;transition:border-color .16s ease-out}
.takt-agenda-card:hover,.takt-plan-card:hover{border-color:var(--muted)}
.takt-agenda-card h2{font-size:16px;line-height:1.45;font-weight:600;margin:0;overflow-wrap:anywhere}
.takt-agenda-card-top{display:flex;align-items:start;justify-content:space-between;gap:8px}
.takt-agenda-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
.takt-agenda-card time{font-size:17px;font-weight:500;font-variant-numeric:tabular-nums}
.takt-people{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);min-width:0}
.takt-people .avatar{width:24px;height:24px;font-size:9px;background:var(--lift);color:var(--ink);border:2px solid var(--panel)}
.takt-plan-card{flex-direction:row;align-items:center;justify-content:center;background:transparent;font:inherit;font-size:14px;font-weight:500;cursor:pointer}
.takt-plan-card>svg{width:26px;height:26px;flex:none}.takt-plan-card>span:last-child{font-size:23px;margin-left:auto}
.takt-agenda-empty{grid-column:span 2;display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:142px;padding:16px 4px;color:var(--muted);font-size:14px}
.takt-agenda-empty strong{font-size:17px;color:var(--ink);font-weight:500}
.takt-created-link{max-width:620px;margin-bottom:22px}.takt-created-link .created-card{margin:0}.takt-created-link .link-line{width:100%}
.takt-workspace .archive-heading{margin-bottom:14px}.takt-workspace .archive-heading h2{font-size:20px}.takt-workspace .meetings-section{width:100%;min-width:0}
.takt-workspace .archive-week-scroll{max-height:540px}.takt-workspace .archive-calendar{background:var(--panel)}
.takt-history-groups>section{margin:28px 0}.takt-history-groups h2{font-size:19px;font-weight:600;margin:0 0 16px;text-transform:capitalize}
.takt-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.takt-history-card{display:block;min-width:0;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--panel)}
.takt-history-card:hover{border-color:var(--muted)}
.takt-recording-cover{position:relative;aspect-ratio:16/9;background:var(--lift);overflow:hidden}
.takt-recording-cover>img{width:100%;height:100%;object-fit:cover;display:block}
.takt-recording-fallback{height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:var(--line)}
.takt-recording-fallback>span{display:grid;place-content:center;color:var(--muted);background:var(--lift);font-size:28px;min-width:0}
.takt-recording-fallback>span:only-child{grid-column:1/-1}.takt-recording-fallback>svg{height:38px;width:38px;align-self:center;justify-self:center;grid-column:1/-1;color:var(--muted)}
.takt-recording-cover>time,.takt-cover-status{position:absolute;right:10px;bottom:10px;border-radius:5px;padding:4px 7px;background:oklch(22% .005 150 / .85);color:oklch(98% .005 150);font-size:12px}
.takt-cover-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:oklch(22% .005 150 / .68);color:oklch(98% .005 150);font-size:27px;opacity:0;transition:opacity .15s ease-out}
.takt-history-card:hover .takt-cover-play,.takt-history-card:focus-visible .takt-cover-play{opacity:1}
.takt-history-card-body{padding:18px}.takt-history-card h3{font-size:16px;font-weight:600;line-height:1.45;margin:0 0 18px;overflow-wrap:anywhere}
.takt-history-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.takt-history-card-meta>time{font-size:12px;color:var(--muted);white-space:nowrap}
.takt-protocol-heading{margin-bottom:24px}.takt-recording-meta{display:flex;align-items:center;gap:12px;margin-top:12px;color:var(--muted);font-size:14px;flex-wrap:wrap}
.takt-recording-meta>.icon-button,.takt-download>.icon-button{width:32px;height:32px;padding:6px;border:0;background:transparent;border-radius:6px;color:var(--muted)}
.takt-recording-meta svg{width:20px;height:20px}.takt-recording-meta button:hover{background:var(--lift);color:var(--ink)}
.takt-download{position:relative}.takt-download-menu{position:absolute;left:0;top:calc(100% + 8px);width:228px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 8px 28px color-mix(in srgb,var(--ink) 12%,transparent);z-index:30}
.takt-download-menu>span:first-child{display:block;padding:8px 10px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.takt-download-menu a{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;padding:12px 10px;border-radius:6px;font-size:14px}.takt-download-menu a:hover{background:var(--lift)}.takt-download-menu .unavailable{display:block;font-size:12px;color:var(--muted);padding:10px}
.takt-protocol-tabs{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;padding:12px 16px;background:var(--panel);margin-bottom:20px;flex-wrap:wrap}
.takt-protocol-tabs button{border:0;border-radius:7px;background:transparent;color:var(--muted);padding:9px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.takt-protocol-tabs button[aria-selected=true]{background:var(--lift);color:var(--ink)}
.protocol-left .media-box{border-radius:12px 12px 0 0}.protocol-left .panel{margin-top:0}
.takt-task-main{display:block}.takt-task-meta{margin-bottom:8px}.takt-task-text{line-height:1.65}.takt-task-check{display:none}
.takt-participants ul{list-style:none;margin:0;padding:0}.takt-participants li{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.takt-participants li:last-child{border-bottom:0}.takt-participants li>div{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.takt-participants strong{font-size:14px;overflow-wrap:anywhere}.takt-participants li>div>span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.takt-participants small{font-size:11px;color:var(--muted)}.takt-participants .avatar{width:36px;height:36px;background:var(--lift);color:var(--ink);flex:none}
.transcript-filters select{appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23767c79' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important;padding-right:36px!important;min-width:150px;max-width:100%}
.takt-workspace button:focus-visible,.takt-workspace a:focus-visible,.takt-protocol-tabs button:focus-visible,.takt-download a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:1050px){.takt-day-meetings{grid-template-columns:repeat(2,minmax(0,1fr))}.takt-agenda-empty{grid-column:auto}.takt-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.takt-agenda-toolbar{align-items:flex-start}.takt-agenda-actions{justify-content:flex-end}.takt-workspace .archive-week-scroll{max-height:480px}}
@media(max-width:650px){.takt-workspace-tabs{gap:22px;margin-bottom:18px}.takt-workspace-tabs button{font-size:14px}.takt-agenda-toolbar{flex-direction:column;gap:12px}.takt-agenda-actions{width:100%;justify-content:flex-start}.takt-agenda-actions .button{font-size:12px;flex:1;min-height:42px;padding:10px}.takt-day-meetings{grid-template-columns:1fr;margin-bottom:28px}.takt-agenda-card{min-height:128px}.takt-plan-card{min-height:72px}.takt-agenda-empty{min-height:90px;padding:8px 0}.takt-history-grid{grid-template-columns:1fr;gap:16px}.takt-recording-meta{gap:8px;font-size:12px}.takt-download-menu{left:auto;right:0}.takt-protocol-tabs{gap:3px;padding:10px}.takt-protocol-tabs button{font-size:12px;padding:9px}.takt-participants li{flex-wrap:wrap}.takt-workspace-tabs svg{width:16px}}

.takt-history-filters{display:flex;align-items:center;gap:18px;margin-bottom:28px;flex-wrap:wrap}
.takt-history-filters .history-search{flex:1 1 320px;margin:0}
.takt-history-dates{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.takt-history-dates label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}
.takt-history-dates input{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:0;color-scheme:light dark}
.archive-month-day[tabindex]{cursor:pointer;transition:background .15s}
.archive-month-day[tabindex]:hover{background:var(--lift)}
.archive-month-day[tabindex]:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}
.archive-hour-cell{cursor:crosshair}
@media(max-width:600px){.takt-history-filters{gap:12px}.takt-history-dates{gap:10px;width:100%}.takt-history-dates label{flex:1;min-width:0}.takt-history-dates input{width:100%;padding:9px 6px}.takt-history-dates .button{padding:7px 0}}

.takt-history-dates .takt-day-trigger{font-size:14px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.takt-history-dates .takt-date-popover{left:auto;right:0}
@media(max-width:600px){.takt-history-dates .takt-date-popover{left:0;right:auto}.takt-history-dates .takt-day-picker:nth-child(2) .takt-date-popover{left:auto;right:0}.takt-history-dates .takt-day-trigger{font-size:12px;padding:10px 8px}}
@media(max-width:600px){.takt-history-dates{position:relative}.takt-history-dates .takt-day-picker{position:static}.takt-history-dates .takt-date-popover,.takt-history-dates .takt-day-picker:nth-child(2) .takt-date-popover{left:0;right:auto;max-width:calc(100vw - 48px)}}