.tabs{max-width:1400px;width:100%;margin:0 auto;padding:var(--space-xl) var(--space-lg) 0}.tabs-list{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--border);padding-bottom:0}.tab-button{padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--text-muted);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.tab-button:hover{color:var(--text-primary);background:var(--surface-overlay)}.tab-button.active{color:var(--text-primary);background:transparent}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--cf-orange)}.output-display{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.output-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--surface-overlay);border-bottom:1px solid var(--border)}.output-title-section{display:flex;align-items:center;gap:var(--space-md)}.output-header h3{font-size:var(--text-base);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.output-header h3:before{content:""}.output-timestamp{font-size:var(--text-sm);color:var(--text-muted)}.copy-button{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.copy-button:hover{border-color:var(--cf-orange);color:var(--cf-orange)}.output-content{padding:var(--space-lg);max-height:80vh;overflow-y:auto}.markdown-output{font-size:var(--text-sm);line-height:1.6;color:var(--text-primary)}.markdown-output h1{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:var(--space-lg) 0 var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border)}.markdown-output h1:first-child{margin-top:0}.markdown-output h2{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:24px 0 8px;padding-top:16px;border-top:1px solid var(--border)}.markdown-output h2:first-of-type{border-top:none;margin-top:var(--space-md)}.markdown-output h3{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:var(--space-md) 0 var(--space-xs);display:flex;align-items:center;gap:var(--space-sm)}.markdown-output h3 .badge{font-size:12px;padding:3px 10px}.markdown-output p{margin-bottom:var(--space-sm)}.markdown-output ul,.markdown-output ol{margin:var(--space-xs) 0 var(--space-sm);padding-left:var(--space-md);list-style:none}.markdown-output ol{list-style:none}.markdown-output li{margin-bottom:var(--space-xs);padding-left:0}.markdown-output li::marker{content:none}.markdown-output h3+ul,.markdown-output h3+ol,.markdown-output h3+table{margin-top:var(--space-xs)}.markdown-output strong{color:var(--text-primary);font-weight:600}.markdown-output em{color:var(--text-secondary);font-style:italic}.markdown-output code{background:var(--surface-overlay);padding:1px 4px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9em;color:var(--text-primary)}.markdown-output pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm);margin:var(--space-sm) 0;overflow-x:auto}.markdown-output pre code{background:transparent;padding:0;color:var(--text-primary)}.markdown-output a{color:var(--link-color);text-decoration:none}.markdown-output a:hover{color:var(--link-hover);text-decoration:underline}.markdown-output hr{border:none;height:1px;background:var(--border);margin:var(--space-md) 0}.markdown-output table{width:100%;border-collapse:collapse;margin:var(--space-sm) 0;font-size:var(--text-sm);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}@media(max-width:1200px){.markdown-output table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}.markdown-output th,.markdown-output td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.markdown-output th{background:var(--surface-overlay);font-weight:600;color:var(--text-secondary);font-size:.85em;text-transform:uppercase;letter-spacing:.025em}.markdown-output tbody tr:last-child td{border-bottom:none}.markdown-output tbody tr:hover{background:var(--surface-overlay)}.markdown-output table.ticket-table{margin:var(--space-xs) 0 var(--space-md)}.markdown-output table.ticket-table th:first-child,.markdown-output table.ticket-table td:first-child{width:100px;font-family:var(--font-mono);font-size:.9em}.markdown-output table.ticket-table td:first-child a{color:var(--link-color);text-decoration:none}.markdown-output table.ticket-table td:first-child a:hover{text-decoration:underline}.markdown-output table.ticket-table th:nth-child(3),.markdown-output table.ticket-table td:nth-child(3){width:50px;text-align:right;color:var(--text-muted)}.markdown-output table.ticket-table .ticket-title{color:var(--text-primary);line-height:1.4}.markdown-output table.ticket-table .ticket-status{margin-top:4px}.markdown-output table.ticket-table .ticket-status .badge{font-size:10px;padding:1px 6px}.markdown-output td .desc,.markdown-output li .desc,.markdown-output td small{display:block;font-size:.85em;color:var(--text-muted);margin-top:2px;line-height:1.3}.markdown-output td small em{font-style:italic}.markdown-output .collapsible-section{margin:var(--space-sm) 0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-overlay)}.markdown-output .collapsible-section summary{cursor:pointer;padding:var(--space-xs) var(--space-sm);list-style:none;display:flex;align-items:center;gap:var(--space-sm)}.markdown-output .collapsible-section summary::-webkit-details-marker{display:none}.markdown-output .collapsible-section summary:before{content:"▶";font-size:.7em;color:var(--text-muted);transition:transform .2s ease}.markdown-output .collapsible-section[open] summary:before{transform:rotate(90deg)}.markdown-output .collapsible-section summary h3{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.markdown-output .collapsible-section summary:hover h3{color:var(--accent-text)}.markdown-output .collapsible-section .collapsible-content{padding:var(--space-sm);border-top:1px solid var(--border)}.markdown-output .collapsible-section table{margin:0}.markdown-output details:not(.collapsible-section){margin:var(--space-sm) 0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-overlay)}.markdown-output details:not(.collapsible-section) summary{cursor:pointer;padding:var(--space-xs) var(--space-sm);list-style:none;display:flex;align-items:center;gap:var(--space-sm);font-weight:600;color:var(--text-muted);font-size:var(--text-sm)}.markdown-output details:not(.collapsible-section) summary::-webkit-details-marker{display:none}.markdown-output details:not(.collapsible-section) summary:before{content:"▶";font-size:.7em;color:var(--text-muted);transition:transform .2s ease}.markdown-output details:not(.collapsible-section)[open] summary:before{transform:rotate(90deg)}.markdown-output details:not(.collapsible-section) summary:hover{color:var(--accent-text)}.markdown-output details:not(.collapsible-section)>div{padding:var(--space-sm);border-top:1px solid var(--border)}.markdown-output details:not(.collapsible-section) table{margin:0}.section-nav{display:flex;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:transparent;border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch}.section-nav-item{padding:var(--space-xs) var(--space-md);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-sm);font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease}.section-nav-item:hover{color:var(--text-primary);border-color:var(--text-muted)}.section-nav-item.active{background:#fdba74;border-color:#fdba74;color:#000}.section-anchor{scroll-margin-top:var(--space-md)}.ticket-row{display:flex;align-items:center;gap:12px;padding:6px 0;font-size:var(--text-sm)}.ticket-row .ticket-id{width:100px;flex-shrink:0;font-family:var(--font-mono);font-size:.85em}.ticket-row .ticket-id a{color:var(--link-color);text-decoration:none}.ticket-row .ticket-id a:hover{text-decoration:underline}.ticket-row .ticket-title{flex:1;color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-row .ticket-status{flex-shrink:0}.ticket-row .ticket-time{width:50px;text-align:right;color:var(--text-muted);flex-shrink:0;font-size:.85em}.ticket-row .ticket-time.stale{color:#991b1b}.badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap;display:inline-block}.badge.done{background:#d1fae5;color:#065f46}.badge.in-progress{background:#fef3c7;color:#92400e}.badge.in-review{background:#dbeafe;color:#1e40af}.badge.supporting{background:#e0e7ff;color:#3730a3}.badge.backlog{background:#f3f4f6;color:#4b5563}.badge.blocked,.badge.needs-triage{background:#fee2e2;color:#991b1b}.badge.new-badge{background:#d1fae5;color:#065f46;font-weight:600}.badge.status-change-badge{background:#dbeafe;color:#1e40af;font-weight:500}.designer-activity-section{margin-bottom:var(--space-lg)}.designer-activity-section:not(:first-child){margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border)}.designer-activity-header{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.designer-activity-section .no-activity{color:var(--text-muted);font-style:italic;font-size:var(--text-sm)}.show-more-toggle{margin-top:var(--space-xs);border:none;background:transparent}.show-more-toggle summary{cursor:pointer;color:var(--link-color);font-size:var(--text-sm);list-style:none;display:inline-flex;align-items:center;gap:4px;padding:4px 0}.show-more-toggle summary::-webkit-details-marker{display:none}.show-more-toggle summary:before{content:"▶";font-size:.65em;transition:transform .2s ease}.show-more-toggle[open] summary:before{transform:rotate(90deg)}.show-more-toggle summary:hover{color:var(--link-hover);text-decoration:underline}.show-more-toggle .more-content{margin-top:var(--space-xs)}.show-more-toggle .more-content table{margin-top:0}.design-status-cell-container{position:relative}.design-status-editable{cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:2px 4px;border-radius:4px;transition:background-color .15s ease}.design-status-editable:hover{background-color:var(--surface-overlay)}.design-status-editable.is-override{font-style:italic}.design-status-editable .dropdown-arrow{font-size:14px;color:var(--text-muted);margin-left:4px;vertical-align:middle}.design-status-editable:hover .dropdown-arrow{color:var(--text-primary)}.design-status-dropdown{position:fixed;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;min-width:120px;z-index:1000;overflow:hidden}.design-status-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:transparent;border:none;text-align:left;font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:background-color .15s ease}.design-status-option:hover{background-color:var(--surface-overlay)}.design-status-option.selected{background-color:var(--surface-overlay);font-weight:500}.design-status-option .checkmark{color:var(--cf-orange);font-size:12px}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}.design-status-option.add-ticket-option{color:var(--link-color)}.pto-editable{cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:2px 4px;border-radius:4px;transition:background-color .15s ease}.pto-editable:hover{background-color:var(--surface-overlay)}.pto-editable.is-override{font-style:italic}.pto-editable .dropdown-arrow{font-size:14px;color:var(--text-muted);margin-left:4px;vertical-align:middle}.pto-editable:hover .dropdown-arrow{color:var(--text-primary)}.pto-dropdown{max-height:300px;overflow-y:auto}.design-status-option.add-ticket-option:hover{color:var(--link-hover)}.deps-editable{cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:2px 4px;border-radius:4px;transition:background-color .15s ease;min-width:40px}.deps-editable:hover{background-color:var(--surface-overlay)}.deps-editable.is-override{font-style:italic}.deps-editable .edit-icon{font-size:12px;color:var(--text-muted);margin-left:4px;opacity:0;transition:opacity .15s ease}.deps-editable:hover .edit-icon{opacity:1}.deps-placeholder{color:var(--text-muted)}.deps-input-container{position:fixed;z-index:1000;background:var(--surface-elevated);border:1px solid var(--cf-orange);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;padding:2px}.deps-input{width:100%;min-width:120px;padding:6px 8px;font-size:var(--text-sm);border:none;background:transparent;color:var(--text-primary);outline:none}.deps-input::placeholder{color:var(--text-muted)}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:var(--surface-elevated);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0003;width:100%;max-width:400px;margin:16px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.modal-close{background:transparent;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:20px}.modal-body label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:8px}.modal-body input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);background:var(--surface);box-sizing:border-box}.modal-body input:focus{outline:none;border-color:var(--cf-orange);box-shadow:0 0 0 2px #f9731633}.modal-error{color:#dc2626;font-size:var(--text-sm);margin-top:8px}.modal-hint{font-size:12px;color:var(--text-muted);margin-top:8px;margin-bottom:0}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--border)}.modal-btn{padding:8px 16px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .15s ease}.modal-btn.cancel{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.modal-btn.cancel:hover{border-color:var(--text-muted);color:var(--text-primary)}.modal-btn.submit{background:var(--cf-orange);border:1px solid var(--cf-orange);color:#fff}.modal-btn.submit:hover{background:#ea580c;border-color:#ea580c}.agent-app{min-height:100vh;display:flex;flex-direction:column}.agent-header{position:relative;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border);background:var(--surface)}.header-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto}.logo{display:flex;align-items:center;gap:var(--space-sm)}.logo-icon{width:28px;height:28px;color:var(--text-primary)}.logo h1{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.tagline{color:var(--text-muted);font-size:var(--text-sm);margin-left:var(--space-md);padding-left:var(--space-md);border-left:1px solid var(--border)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.theme-toggle:hover{border-color:var(--cf-orange);color:var(--cf-orange)}.theme-toggle svg{width:20px;height:20px}.agent-main{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:var(--space-lg)}.agent-info{margin-bottom:var(--space-xl);text-align:center}.agent-info h2{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.agent-info p{color:var(--text-secondary);font-size:var(--text-base)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--cf-orange);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-md)}@keyframes spin{to{transform:rotate(360deg)}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--error);text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-muted);text-align:center}