/* Small previews, a focused proofing overlay and a calendar that shares task filters. */
.tw-task-dialog[open]{width:min(1360px,calc(93vw / var(--ui-scale,1)));height:min(920px,calc(91dvh / var(--ui-scale,1)));max-height:calc(91dvh / var(--ui-scale,1))}
.tw-task-dialog .tw-task-main{padding:28px 36px}.tw-task-main h1{margin-top:14px;margin-bottom:24px}
.tw-property-grid{gap:14px 24px}.tw-property-label .tw-icon{width:15px;height:15px;flex-shrink:0}.tw-task-dialog .tw-property{grid-template-columns:125px minmax(0,1fr)}.tw-task-dialog .tw-property-label{display:flex;align-items:center;gap:6px;white-space:nowrap}
.tw-detail-shortcuts{display:flex;gap:6px;flex-wrap:wrap;margin:22px 0 0;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tw-root .tw-detail-shortcuts .btn{padding:6px 8px;min-height:32px;font-size:13px;border:0;box-shadow:none;background:transparent;color:var(--muted)}.tw-detail-shortcuts .tw-icon{width:15px;height:15px}.tw-detail-shortcuts .btn:hover{background:var(--soft);color:var(--ink)}
.tw-task-dialog .tw-attachments{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;align-items:flex-start}
.tw-task-dialog .tw-photo{width:158px;max-width:100%;border-radius:9px;flex:0 1 158px;overflow:hidden;background:var(--paper)}
.tw-photo-preview{display:block;width:100%;height:108px;padding:0;position:relative;border:0;background:var(--soft);cursor:zoom-in;color:var(--ink)}
.tw-task-dialog .tw-photo .tw-photo-preview img{width:100%;height:108px;max-height:108px;min-height:0;object-fit:contain;background:var(--soft)}
.tw-preview-open{position:absolute;right:5px;bottom:5px;border-radius:4px;background:#0008;color:white;padding:1px 5px;font-size:17px}
.tw-task-dialog .tw-photo figcaption{display:block;padding:7px 9px;font-size:12px;line-height:1.5;min-width:0}.tw-photo figcaption>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tw-photo figcaption>a{display:block;font-size:11px;margin-top:3px}
.tw-task-dialog .tw-attachments>.tw-audio,.tw-task-dialog .tw-attachments>.tw-video{flex-basis:100%;min-width:0}.tw-task-dialog .tw-attachments>.tw-file-chip{max-width:100%}
.tw-activity-feed .tw-photo{width:138px;flex-basis:138px}.tw-activity-feed .tw-photo .tw-photo-preview,.tw-activity-feed .tw-photo .tw-photo-preview img{height:94px;max-height:94px}
.tw-file-drop{outline:3px dashed var(--green)!important;outline-offset:-7px;background:var(--soft)!important}.tw-task-dialog.tw-file-drop:after{content:'Отпустите файлы — они прикрепятся к комментарию';position:absolute;inset:auto 12px 12px;z-index:80;padding:16px;text-align:center;pointer-events:none;border:1px solid var(--green);border-radius:9px;background:var(--paper);color:var(--ink);box-shadow:0 4px 24px #0003;font-size:16px}
.tw-gallery{position:absolute;inset:0;z-index:100;display:flex;flex-direction:column;min-width:0;background:var(--paper);color:var(--ink);border-radius:inherit;overflow:hidden}
.tw-gallery>header{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);min-height:55px}.tw-gallery>header strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.tw-gallery>header>span{font-size:13px;color:var(--muted)}
.tw-gallery-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:9px 14px;border-bottom:1px solid var(--line)}
.tw-root .tw-gallery .btn{font-size:13px;min-height:32px;padding:5px 10px}.tw-gallery-tools>.btn[aria-pressed=true]{background:var(--soft);border-color:var(--green);color:var(--green)}
.tw-gallery-divider{width:1px;height:22px;background:var(--line);margin:0 4px}.tw-gallery-tools input[type=color]{width:30px;height:30px;padding:2px;border:1px solid var(--line);border-radius:5px;background:var(--paper)}
.tw-gallery-tools select{padding:6px;font:inherit;font-size:12px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:6px}
.tw-gallery-tools [data-gallery-zoom]{font-size:12px;color:var(--muted);min-width:36px;text-align:center;font-variant-numeric:tabular-nums}
.tw-gallery-viewport{flex:1;min-height:120px;overflow:auto;background:color-mix(in srgb,var(--muted) 10%,var(--paper));overscroll-behavior:contain}
.tw-gallery-surface{display:flex;align-items:center;justify-content:center;min-width:100%;min-height:100%;width:max-content;padding:16px}
.tw-gallery canvas{display:block;touch-action:none;cursor:crosshair;box-shadow:0 2px 18px #0002;flex-shrink:0;background:white}
.tw-gallery-error{color:var(--red);font-size:13px;padding:8px 16px}.tw-gallery-error:empty{display:none}
.tw-gallery>footer{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding:10px 14px;background:var(--paper)}
.tw-gallery-reply-fields{flex:1;min-width:220px;display:grid;gap:6px}.tw-gallery-reply-fields input,.tw-gallery-reply-fields textarea{width:100%;padding:8px 10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:7px;font:inherit;font-size:14px;resize:vertical;max-height:100px}
.tw-gallery>footer>small{flex-basis:100%;font-size:12px;color:var(--muted)}
.tw-task-dialog:has(.tw-gallery)[open]{width:min(1640px,calc(98vw / var(--ui-scale,1)));height:calc(97dvh / var(--ui-scale,1));max-height:calc(97dvh / var(--ui-scale,1))}
.tw-gallery:not(.tw-gallery-text-mode) [data-gallery-text]{display:none}
.tw-gallery>header{min-height:46px;padding:7px 12px}.tw-gallery-tools{padding:6px 12px}
.tw-gallery>footer{padding:8px 12px;gap:7px}.tw-gallery-reply-fields textarea{height:47px;min-height:47px}
.tw-gallery-reply-fields input{font-size:13px;padding:6px 8px}.tw-gallery>footer>small{font-size:11px}
.tw-calendar{border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden}
.tw-calendar-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--line)}
.tw-calendar-header h3{font-size:16px;font-weight:600;margin:0 8px}.tw-calendar-header .actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.tw-calendar-header label{font-size:12px;color:var(--muted)}.tw-calendar-header input,.tw-calendar-header select{font:inherit;font-size:13px;padding:7px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:6px}
.tw-calendar-body{display:grid;grid-template-columns:minmax(0,1fr) 210px}.tw-calendar-scroll{overflow-x:auto;min-width:0}
.tw-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(92px,1fr));min-width:644px;gap:1px;background:var(--line)}
.tw-calendar-weekday{padding:9px;text-align:right;background:var(--soft);color:var(--muted);font-size:12px}
.tw-calendar-day{min-width:0;min-height:118px;padding:6px;background:var(--paper);transition:background .12s}
.tw-calendar-day.other-month{background:color-mix(in srgb,var(--muted) 4%,var(--paper))}.tw-calendar-day.other-month time{opacity:.55}
.tw-calendar-day>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.tw-calendar-day time{display:grid;place-items:center;width:25px;height:25px;font-size:13px;border-radius:50%;color:var(--muted)}
.tw-calendar-day.today time{color:var(--accent-text);background:var(--green)}.tw-root .tw-calendar-day>header>.btn{min-height:25px;min-width:25px;padding:2px;border:0;box-shadow:none;background:transparent;opacity:.4}.tw-calendar-day:hover>header>.btn,.tw-calendar-day:focus-within>header>.btn{opacity:1}
.tw-calendar-events{display:grid;gap:4px}.tw-calendar-task{display:flex;align-items:flex-start;gap:5px;width:100%;min-width:0;padding:6px 5px;border:1px solid color-mix(in srgb,var(--event-color) 25%,var(--line));border-left:3px solid var(--event-color);border-radius:5px;background:color-mix(in srgb,var(--event-color) 7%,var(--paper));color:var(--ink);text-align:left;cursor:pointer;font:inherit;font-size:12px;line-height:1.4}
.tw-calendar-task>span:nth-child(2){min-width:0;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.tw-calendar-task>.tw-status-dot{background:var(--event-color);margin-top:5px;width:5px;height:5px;flex-shrink:0}.tw-calendar-task>small{font-size:10px;white-space:nowrap;color:var(--muted)}
.tw-calendar-task.tw-calendar-done{opacity:.7}.tw-calendar-task.tw-calendar-done>span:nth-child(2){text-decoration:line-through}
.tw-calendar-unscheduled{padding:14px;border-left:1px solid var(--line);background:var(--soft)}.tw-calendar-unscheduled h3{font-size:14px;margin:0 0 8px}.tw-calendar-unscheduled h3>span{font-size:11px;color:var(--muted);margin-left:4px}
.tw-calendar-unscheduled p{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 12px}.tw-calendar-unscheduled .tw-calendar-task{margin-bottom:6px;background:var(--paper)}
.tw-calendar-day.tw-calendar-drop{background:color-mix(in srgb,var(--green) 13%,var(--paper));outline:2px solid var(--green);outline-offset:-2px}
.tw-view-switch .tw-icon{width:14px;height:14px}
@media(max-width:1200px){.tw-calendar-body{grid-template-columns:minmax(0,1fr)}.tw-calendar-unscheduled{border-left:0;border-top:1px solid var(--line);display:flex;align-items:start;gap:8px;flex-wrap:wrap}.tw-calendar-unscheduled h3{flex-basis:100%}.tw-calendar-unscheduled p{max-width:260px}.tw-calendar-unscheduled .tw-calendar-task{width:180px}.tw-task-dialog .tw-property-grid{grid-template-columns:1fr}}
@media(max-width:800px){.tw-task-dialog[open]{width:calc(100vw / var(--ui-scale,1) - 12px);height:calc(96dvh / var(--ui-scale,1));max-height:calc(96dvh / var(--ui-scale,1))}.tw-task-dialog .tw-task-main{padding:22px 18px}.tw-gallery>header{gap:7px;padding:8px}.tw-gallery-tools{padding:7px;gap:3px}.tw-root .tw-gallery-tools .btn{padding:5px 8px}.tw-gallery-divider{margin:0 2px}.tw-gallery>footer{padding:8px}.tw-gallery-reply-fields{min-width:100%}.tw-gallery-reply-fields input,.tw-gallery-reply-fields textarea{font-size:16px}.tw-gallery>footer>small{font-size:11px}.tw-gallery>footer>.actions{margin-left:auto}.tw-calendar-header{padding:10px}.tw-calendar-header h3{font-size:14px}.tw-calendar-header input{max-width:150px}.tw-gallery .tw-gallery-tools select{max-width:90px}.tw-detail-shortcuts{gap:2px}}

/* Inline proofing text, an always-visible palette, and a quiet quick composer. */
.tw-gallery-surface{position:relative}.tw-gallery-text-editor{position:absolute;z-index:2;display:block;min-width:0;padding:0 3px;resize:none;overflow:auto;font-family:sans-serif;font-weight:600;line-height:1.25;background:#ffffffe6;text-shadow:0 1px 2px #0005;border:1px dashed #38bdf8;outline:1px solid #38bdf8;border-radius:2px;box-shadow:0 2px 8px #0002}
.tw-gallery-palette{display:flex;gap:5px;padding:2px 5px;align-items:center;flex-wrap:wrap}
.tw-color-swatch{width:20px;height:20px;min-width:20px;min-height:20px;padding:0;background:var(--swatch);border:1px solid var(--line);border-radius:3px;cursor:pointer}
.tw-color-swatch[aria-pressed=true]{outline:2px solid var(--green);outline-offset:2px}.tw-color-swatch:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.main>.topbar,.main:has(#tw-root)>.topbar{height:42px;border-bottom:0}.topbar-right{margin-left:auto}
.tw-root .tw-quick{grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:0;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding-right:5px}
.tw-quick .tw-compose-input textarea{border:0;background:transparent;min-height:42px;border-radius:10px;padding:10px 12px;resize:vertical}
.tw-root .tw-quick>.tw-quick-send{width:32px;min-width:32px;height:32px;min-height:32px;padding:6px;border:0;box-shadow:none;border-radius:7px;background:transparent;color:var(--green)}
.tw-root .tw-quick>.tw-quick-send:hover{background:var(--tw-soft)}.tw-quick-send>.tw-icon{width:20px;height:20px}
.tw-root .tw-quick>[data-file-picker=quick]{display:none;padding:0 9px 8px;grid-column:1/-1}
.tw-root .tw-quick:has([data-file-drafts=quick] .tw-file-chip)>[data-file-picker=quick]{display:flex}
.tw-quick>[data-draft-status]{display:none}.tw-quick>.tw-draft-status.error{display:block;padding:5px 10px;grid-column:1/-1}
.tw-quick [data-file-progress]:empty{display:none}.tw-stage-scroll-buttons[hidden]{display:none}
@media(max-width:650px){.tw-gallery-palette{gap:6px}.tw-color-swatch{width:23px;height:23px}.tw-root .tw-quick{gap:0}.tw-root .tw-quick>.tw-quick-send{padding:6px}}

.sidebar>.brand{flex-shrink:0;min-height:56px;margin-bottom:20px}.sidebar>.nav{flex-shrink:0}
.tw-root .tw-quick{grid-template-columns:minmax(0,1fr) 36px 38px}
.tw-root .tw-quick .tw-compose-input textarea{resize:none;overflow:hidden;max-height:none;min-height:42px;scrollbar-width:none}
.tw-root .tw-quick>.tw-quick-attach{width:32px;min-width:32px;height:32px;min-height:32px;align-self:start;margin-top:5px;padding:6px;background:transparent;color:var(--muted);border:0;box-shadow:none}
.tw-root .tw-quick>.tw-quick-send{align-self:start;margin-top:5px}.tw-quick-attach .tw-icon{width:18px;height:18px}
.tw-root .tw-quick:has([data-file-drafts=quick] .tw-file-chip)>[data-file-picker=quick]{padding:12px 10px 10px;margin-top:8px;border-top:1px solid var(--line)}
.tw-quick [data-file-drafts=quick]{gap:9px}.tw-quick .tw-file-chip{border-radius:999px;padding:8px 10px;gap:9px;font-size:12px}.tw-quick .tw-file-chip img{width:38px;height:38px;border-radius:50%;object-fit:cover}.tw-quick .tw-file-chip small{font-size:11px}.tw-quick .tw-file-chip>span:nth-child(2){max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tw-text-options{display:flex;align-items:center;gap:6px}.tw-text-options[hidden]{display:none}.tw-text-options label{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)}
.tw-text-options input{width:55px;padding:6px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font:inherit;appearance:textfield;-moz-appearance:textfield}
.tw-text-options input::-webkit-inner-spin-button,.tw-text-options input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.tw-text-transform{position:absolute;z-index:1;outline:1px solid #38bdf8;cursor:move;touch-action:none;transform-origin:0 0;user-select:none}
.tw-text-transform[hidden]{display:none}.tw-text-transform button{position:absolute;width:11px;height:11px;min-width:11px;min-height:11px;padding:0;border:1px solid #1781bd;background:#fff;border-radius:2px;touch-action:none}
.tw-text-transform [data-corner=nw]{left:-6px;top:-6px;cursor:nwse-resize}.tw-text-transform [data-corner=ne]{right:-6px;top:-6px;cursor:nesw-resize}.tw-text-transform [data-corner=sw]{left:-6px;bottom:-6px;cursor:nesw-resize}.tw-text-transform [data-corner=se]{right:-6px;bottom:-6px;cursor:nwse-resize}
.tw-text-transform [data-transform=rotate]{left:calc(50% - 7px);top:-32px;width:14px;height:14px;border-radius:50%;cursor:grab;background:#38bdf8}.tw-text-transform [data-transform=rotate]:before{content:'';position:absolute;width:1px;height:18px;left:6px;top:13px;background:#38bdf8;pointer-events:none}
@media(pointer:coarse){.tw-text-transform button{width:17px;height:17px}.tw-text-transform [data-transform=rotate]{width:20px;height:20px}.tw-text-transform [data-transform=rotate]:before{left:9px;top:19px}}