.time-product[hidden],.time-agenda-panel[hidden],.time-brief[hidden] { display:none!important; }
.time-product { --time-accent:#6fc8c4; position:relative; min-height:0; display:grid; grid-template-columns:170px minmax(0,1fr) 0; gap:0; transition:grid-template-columns .22s ease; }
.time-view-panel,.time-chat-panel,.time-agenda-panel { min-width:0; border:1px solid rgba(133,205,204,.13); background:linear-gradient(155deg,rgba(7,24,38,.9),rgba(7,18,31,.95)); box-shadow:0 16px 44px rgba(0,0,0,.14); }
.time-view-panel { padding:14px 11px; border-radius:20px; overflow:hidden; }
.time-brand { display:flex; align-items:center; gap:9px; padding:4px 7px 15px; color:#dffdfb; }
.time-brand span { width:35px; height:35px; display:grid; place-items:center; border-radius:12px; background:rgba(74,177,172,.16); color:var(--time-accent); font-size:1.25rem; }
.time-view-nav { display:grid; gap:5px; }
.time-product button,.time-product input,.time-product textarea { border:1px solid rgba(134,197,202,.17); border-radius:12px; background:#0d2837; color:#efffff; font:inherit; }
.time-product button { padding:8px 10px; cursor:pointer; }
.time-product button:hover,.time-product button:focus-visible { border-color:#67ccc6; outline:none; }
.time-view-nav button { width:100%; text-align:left; background:transparent; color:#abc6cf; }
.time-view-nav button.active { color:#efffff; background:linear-gradient(135deg,rgba(43,130,132,.7),rgba(32,91,112,.72)); border-color:rgba(104,211,203,.5); }
.time-capability-note { margin-top:16px; padding:10px 7px; border-top:1px solid rgba(134,197,202,.12); color:#789ba7; font-size:.72rem; line-height:1.45; }
.time-chat-panel { min-height:0; margin-left:10px; padding:7px 10px 10px; border-radius:22px; display:flex; flex-direction:column; }
.time-chat-panel .our-space-chat { flex:1; border:0; background:transparent; }
.time-toolbar { display:flex; align-items:center; justify-content:flex-end; gap:7px; min-height:40px; }
.time-toolbar #timeViewToggle { display:none; margin-right:auto; }
.time-toolbar span { margin-right:auto; color:#84aeb4; font-size:.76rem; }
.time-brief { margin:4px 10px 0; padding:10px 13px; border:1px solid rgba(100,208,200,.18); border-radius:14px; background:rgba(31,102,105,.15); color:#cde8e6; font-size:.82rem; }
.time-brief strong { display:block; margin-bottom:4px; color:#efffff; }
.time-brief ul { margin:5px 0 0; padding-left:18px; }
.time-composer { position:relative; grid-template-columns:42px 42px minmax(150px,1fr) 42px 46px; align-items:end; gap:6px; margin:4px 0 0; padding:7px; border:1px solid rgba(134,197,202,.15); border-radius:20px; background:rgba(7,27,40,.94); }
.time-composer textarea { min-height:42px; max-height:118px; padding:10px 11px; border:0; resize:none; background:transparent; }
.time-composer button { width:42px; height:42px; min-width:42px; padding:0; display:grid; place-items:center; background:transparent; }
.time-composer button[hidden] { display:none!important; }
.time-composer #timeSend,.time-composer #timeStop { width:46px; background:#277d83; }
.time-composer #timeStop { background:#9d3d4b; }
.time-emoji-picker { left:0; bottom:calc(100% + 10px); z-index:32; }
.time-agenda-panel { padding:14px; border-radius:20px; overflow:auto; overflow-x:hidden; }
.our-space.time-agenda-open .time-product { grid-template-columns:170px minmax(0,1fr) clamp(340px,29vw,420px); }
.our-space.time-agenda-open .time-agenda-panel { margin-left:10px; }
.time-agenda-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.time-agenda-head span { color:var(--time-accent); font-size:.72rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.time-agenda-head h3 { margin:4px 0 10px; font-size:1.12rem; }
.time-agenda-head button { width:38px; height:38px; padding:0; }
.time-agenda-actions { display:flex; flex-wrap:wrap; gap:6px; padding-bottom:8px; }
.time-agenda-content { min-width:0; }
.time-item { margin:8px 0; padding:11px; border:1px solid rgba(134,197,202,.12); border-radius:14px; background:rgba(19,52,67,.55); overflow-wrap:anywhere; }
.time-item strong { display:block; }
.time-item small { display:block; margin-top:4px; color:#8fb1b8; }
.time-item-actions { display:flex; flex-wrap:wrap; gap:5px; margin-top:8px; }
.time-item-actions button { padding:5px 8px; font-size:.74rem; }
.time-empty { padding:25px 10px; color:#789ba7; text-align:center; }
.time-message-sources { margin-top:10px; padding-top:8px; border-top:1px solid rgba(255,255,255,.12); }
.time-message-sources a { display:block; margin-top:4px; color:#8edbd6; }
@media (max-width:1179px) {
  .time-product { grid-template-columns:minmax(0,1fr); }
  .time-view-panel { position:fixed; left:calc(var(--sidebar-width) + 18px); top:92px; bottom:22px; z-index:31; width:220px; box-shadow:0 25px 80px rgba(0,0,0,.55); }
  .time-view-panel:not(.open) { display:none; }
  .time-chat-panel { margin-left:0; }
  .time-toolbar #timeViewToggle { display:inline-flex; }
  .time-agenda-panel { position:fixed; right:18px; top:92px; bottom:22px; z-index:30; width:min(390px,calc(100vw - var(--sidebar-width) - 36px)); box-sizing:border-box; box-shadow:0 25px 80px rgba(0,0,0,.55); }
  .our-space.time-agenda-open .time-product { grid-template-columns:minmax(0,1fr); }
  .our-space.time-agenda-open .time-agenda-panel { margin-left:0; }
}
@media (max-width:640px) {
  .time-view-panel { left:10px; right:10px; top:82px; bottom:82px; width:auto; }
  .time-agenda-panel { left:10px; right:10px; top:82px; bottom:82px; width:auto; }
  .time-chat-panel { padding:5px; border-radius:18px; }
  .time-toolbar #timePreferences { display:none; }
  .time-composer { grid-template-columns:38px 38px minmax(0,1fr) 38px 42px; padding:5px; gap:4px; }
  .time-composer button { width:38px; height:38px; min-width:38px; }
  .time-composer #timeSend,.time-composer #timeStop { width:42px; }
  .time-emoji-picker { width:min(368px,calc(100vw - 32px)); height:min(438px,calc(100vh - 180px)); }
}
@media (prefers-reduced-motion:reduce) { .time-product { transition:none; } }