body:has(.demo-app)>.consent-banner,body:has(.demo-app)>div[class*=consent]{display:none!important}.demo-app{--color-brand-primary:#2c265d;--color-brand-secondary:#3b3478;--color-primary:#2c265d;--color-primary-hover:#3b3478;--color-primary-light:#edecf5;--color-primary-dark:#1a1540;--color-bg:#f7f8fa;--color-bg-card:#fff;--color-bg-secondary:#f1f3f5;--color-bg-tertiary:#e5e7eb;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-border:#d1d5db;--color-border-light:#e5e7eb;--color-border-focus:#2c265d;--color-status-draft:#6b7280;--color-status-draft-bg:#f3f4f6;--color-status-draft-border:#d1d5db;--color-status-ready:#245b9e;--color-status-ready-bg:#e8f0fa;--color-status-ready-border:#245b9e;--color-status-signed:#1f7a63;--color-status-signed-bg:#ecfdf5;--color-status-signed-border:#1f7a63;--color-status-locked:#1f7a63;--color-status-locked-bg:#ecfdf5;--color-status-locked-border:#1f7a63;--color-status-rejected:#9b1c1c;--color-status-rejected-bg:#fee2e2;--color-status-rejected-border:#f87171;--color-status-superseded:#9ca3af;--color-status-superseded-bg:#f9fafb;--color-status-superseded-border:#d1d5db;--color-success:#1f7a63;--color-success-bg:#ecfdf5;--color-warning:#c47a1c;--color-warning-bg:#fef3c7;--color-danger:#9b1c1c;--color-danger-bg:#fee2e2;--color-info:#245b9e;--color-info-bg:#e8f0fa;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-card:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--font-family:"Inter","IBM Plex Sans",system-ui,sans-serif;--text-xs:0.75rem;--text-meta:0.8125rem;--text-sm:0.875rem;--text-md:0.9375rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-title:1.375rem;--text-2xl:1.5rem;--transition-fast:150ms ease;--transition-base:200ms ease;font-family:var(--font-family);font-size:var(--text-base);line-height:1.5;color:var(--color-text-primary);background:var(--color-bg);min-height:100vh;-webkit-font-smoothing:antialiased}.demo-app *{box-sizing:border-box}.demo-banner{background:var(--color-brand-primary);color:#fff;padding:8px 24px;text-align:center;font-size:var(--text-sm);font-weight:500;letter-spacing:.02em;position:sticky;top:64px;z-index:40}.demo-nav{background:var(--color-bg-card);border-bottom:1px solid var(--color-border)}.demo-nav-container{max-width:1140px;margin:0 auto;padding:0 var(--space-6);height:56px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.demo-nav-brand{text-decoration:none;display:flex;align-items:center}.demo-nav-brand-logo{height:26px;width:auto}.demo-nav-links{gap:var(--space-1);list-style:none;margin:0;padding:0}.demo-nav-links,.demo-nav-links li{display:flex;align-items:center}.demo-nav-links a,.demo-nav-links button{display:block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;line-height:1.5;color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;background:none;border:none;cursor:pointer;font-family:inherit}.demo-nav-links a.active,.demo-nav-links a:hover,.demo-nav-links button:hover{color:var(--color-primary);background:var(--color-primary-light)}.demo-nav-user{display:flex;align-items:center;gap:var(--space-4)}.demo-nav-user-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.demo-nav-user-name{font-weight:500;font-size:var(--text-sm);color:var(--color-text-primary)}.demo-nav-user-email{font-size:var(--text-xs);color:var(--color-text-tertiary)}.demo-btn-logout{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-card);font-size:var(--text-sm);transition:all var(--transition-fast)}.demo-btn-logout,.demo-nav-hamburger{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer}.demo-nav-hamburger{display:none;justify-content:center;padding:var(--space-2);background:none}.demo-nav-mobile-drawer{display:none}.demo-page{max-width:1140px;width:100%;margin:0 auto;padding:var(--space-6)}.demo-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.demo-page-header h1{font-size:var(--text-xl);font-weight:700;margin:0;color:var(--color-text-primary)}.demo-page-subtitle{margin:var(--space-1) 0 0 0;font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:400}.demo-tabs{margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-1);overflow-x:auto}.demo-tab,.demo-tabs{display:flex;gap:var(--space-1)}.demo-tab{align-items:center;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-family:inherit}.demo-tab.active,.demo-tab:hover{color:var(--color-primary);background:var(--color-primary-light)}.demo-subfilters{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);flex-wrap:wrap}.demo-subfilter{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid transparent;border-radius:999px;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.demo-subfilter:hover{background:var(--color-bg-tertiary)}.demo-subfilter.active{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.demo-toolbar{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);align-items:stretch}.demo-search{flex:1;position:relative}.demo-search input{width:100%;padding:var(--space-2) var(--space-4);padding-left:42px;font-family:inherit;font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.demo-search input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}.demo-search input::-moz-placeholder{color:var(--color-text-tertiary)}.demo-search input::placeholder{color:var(--color-text-tertiary)}.demo-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.demo-tag-filter{padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-2)}.demo-tag-filter:hover{border-color:var(--color-text-tertiary)}.demo-tag-filter.active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.demo-tag-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:50;min-width:200px;max-height:300px;overflow-y:auto}.demo-tag-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);border:none;background:none;width:100%;text-align:left;font-family:inherit}.demo-tag-option:hover{background:var(--color-bg-secondary)}.demo-tag-option.selected{background:var(--color-primary-light);color:var(--color-primary)}.demo-app .demo-decision-list{display:flex;flex-direction:column;gap:var(--space-3)}.demo-app .decision-card{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:12px var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;color:inherit}.demo-app .decision-card:hover{border-color:#d1d5db;background:#fcfcfd;box-shadow:0 1px 3px rgba(0,0,0,.04)}.demo-app .decision-card-highlighted{position:relative;border-color:var(--color-brand-primary);box-shadow:0 0 0 1px var(--color-brand-primary),0 2px 8px rgba(44,38,93,.12)}.demo-app .decision-card-highlighted:hover{border-color:var(--color-brand-secondary);box-shadow:0 0 0 1px var(--color-brand-secondary),0 2px 12px rgba(44,38,93,.18)}.demo-app .decision-card-hint{position:absolute;top:-10px;right:16px;background:var(--color-brand-primary);color:#fff;font-size:11px;font-weight:600;padding:2px 10px;border-radius:10px;letter-spacing:.02em;white-space:nowrap;pointer-events:none}.demo-app .decision-main{flex:1;min-width:0}.demo-app .decision-title{font-size:var(--text-sm);font-weight:600;margin:0 0 4px;color:var(--color-text-primary);line-height:1.35}.demo-app .decision-meta{display:flex;flex-wrap:wrap;gap:var(--space-4)}.demo-app .meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-secondary);flex-shrink:0}.demo-app .meta-item svg{color:var(--color-text-tertiary)}.demo-app .meta-tags{display:inline-flex;align-items:center;gap:4px;margin-left:var(--space-2);padding-left:var(--space-3);border-left:1px solid var(--color-border);overflow:hidden;flex-wrap:nowrap;flex:1;min-width:0}.demo-app .card-tag{display:inline-block;padding:2px 8px;background:var(--color-bg-tertiary);border-radius:10px;font-size:11px;font-weight:500;color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0}.demo-app .card-tag-more{background:var(--color-bg-secondary);color:var(--color-text-tertiary)}.demo-app .decision-badges{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);flex-shrink:0}.demo-app .badge-visibility{display:inline-flex;align-items:center;font-size:10px;font-weight:500;padding:2px 6px;background:#f3f4f6;color:#9ca3af;border-radius:var(--radius-sm)}.demo-app .badge-restricted{border:1px solid var(--color-warning,#d97706)}.demo-app .badge-internal{border:1px solid var(--color-primary,#2563eb)}.demo-app .demo-status-badge,.demo-app .status-badge{display:inline-flex;align-items:center;padding:2px 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.025em;border-radius:var(--radius-sm)}.demo-app .demo-status-draft,.demo-app .status-draft{background:var(--color-status-draft-bg);color:var(--color-status-draft);border:1px solid var(--color-status-draft-border)}.demo-app .demo-status-ready,.demo-app .status-ready{background:var(--color-status-ready-bg);color:var(--color-status-ready);border:1px solid var(--color-status-ready-border)}.demo-app .demo-status-locked,.demo-app .status-locked{background:var(--color-status-locked-bg);color:var(--color-status-locked);border:1px solid var(--color-status-locked-border)}.demo-app .demo-status-rejected,.demo-app .status-rejected{background:var(--color-status-rejected-bg);color:var(--color-status-rejected);border:1px solid var(--color-status-rejected-border)}.demo-app .demo-status-superseded,.demo-app .status-superseded{background:var(--color-status-superseded-bg);color:var(--color-status-superseded);border:1px solid var(--color-status-superseded-border)}.demo-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.demo-pagination-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.demo-pagination-btn:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-text-tertiary)}.demo-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.demo-pagination-info{font-size:var(--text-sm);color:var(--color-text-secondary)}.demo-app .detail-container{max-width:1200px;margin:0 auto;padding:var(--space-4)}.demo-app .btn-back{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:none;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:color var(--transition-fast);text-decoration:none;font-family:inherit}.demo-app .btn-back:hover{color:var(--color-text-primary)}.demo-app .detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.demo-app .header-main{flex:1;min-width:0}.demo-app .title-description-section{margin-bottom:var(--space-3)}.demo-app .title-readonly{font-size:var(--text-title);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2);line-height:1.3}.demo-app .description-readonly{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.6}.demo-app .header-meta{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-2);border-top:1px solid var(--color-border-light)}.demo-app .header-meta-left{display:flex;align-items:center;gap:var(--space-4)}.demo-app .decision-id-display{font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:monospace}.demo-app .header-badges{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);flex-shrink:0}.demo-app .visibility-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-sm)}.demo-app .visibility-badge.company{background:var(--color-info-bg);color:var(--color-info)}.demo-app .visibility-badge.restricted{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.demo-app .detail-grid{display:grid;grid-template-columns:1fr 360px;gap:var(--space-4);align-items:start}.demo-app .detail-main{grid-column:1;display:flex;flex-direction:column;gap:var(--space-1)}.demo-app .detail-main>.card{margin-bottom:0}.demo-app .detail-sidebar{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;gap:var(--space-1);position:sticky;top:calc(40px + 56px + var(--space-4))}.demo-app .detail-actions{grid-column:1}.demo-app .card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-1);box-shadow:var(--shadow-card)}.demo-app .card h2{margin-bottom:var(--space-1);padding-bottom:var(--space-1);border-bottom:1px solid var(--color-border-light);font-size:var(--text-base);font-weight:600}.demo-app .card-compact{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3)}.demo-app .card-compact h3{font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.025em;margin:0 0 var(--space-2)}.demo-app .sidebar-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.demo-app .sidebar-section.tags-section,.demo-app .sidebar-section.tags-section .sidebar-section-content{overflow:visible}.demo-app .sidebar-section-header{padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);font-weight:600;display:flex;align-items:center;justify-content:space-between}.demo-app .sidebar-counter{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:400}.demo-app .sidebar-section-content{padding:var(--space-3)}.demo-app .attachment-list{display:flex;flex-direction:column;gap:var(--space-2)}.demo-app .attachment-item{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-1) 0;color:var(--color-text-secondary)}.demo-app .attachment-item svg{flex-shrink:0;margin-top:1px;color:var(--color-text-tertiary)}.demo-app .attachment-info{display:flex;flex-direction:column;gap:1px;min-width:0}.demo-app .attachment-name{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-app .attachment-size{font-size:var(--text-xs);color:var(--color-text-tertiary)}.demo-app .visibility-toggle{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.demo-app .visibility-toggle-btn{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;border:none;background:var(--color-bg-card);color:var(--color-text-tertiary);cursor:not-allowed;font-family:inherit;transition:all var(--transition-fast)}.demo-app .visibility-toggle-btn.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.demo-app .visibility-toggle-btn+.visibility-toggle-btn{border-left:1px solid var(--color-border)}.demo-app .tag-input-wrapper{margin-top:var(--space-2)}.demo-app .tag-input{width:100%;padding:var(--space-2);font-size:var(--text-sm);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-primary);cursor:not-allowed}.demo-app .tag-input::-moz-placeholder{color:var(--color-text-tertiary)}.demo-app .tag-input::placeholder{color:var(--color-text-tertiary)}.demo-app .reference-input{width:100%;padding:var(--space-2);font-size:var(--text-sm);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-primary);cursor:not-allowed}.demo-app .reference-input::-moz-placeholder{color:var(--color-text-tertiary)}.demo-app .reference-input::placeholder{color:var(--color-text-tertiary)}.demo-app .attachment-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);margin-top:var(--space-2);border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:var(--text-sm);cursor:not-allowed;background:var(--color-bg-secondary)}.demo-app .alternative-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3)}.demo-app .alternative-card:last-child{margin-bottom:0}.demo-app .alternative-card.recommended{border-color:var(--color-border);background:var(--color-bg-card)}.demo-app .alternative-card.selected{border-color:var(--color-border);background:var(--color-bg-secondary)}.demo-app .alternative-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.demo-app .alternative-title{font-size:var(--text-md);font-weight:500;color:var(--color-text-primary)}.demo-app .alternative-badges{display:flex;gap:var(--space-1);flex-shrink:0}.demo-app .alternative-body{display:flex;align-items:flex-start;gap:1rem;margin-top:.25rem}.demo-app .alternative-body-text{flex:1;min-width:0}.demo-app .alternative-body-text .alternative-desc{margin:0}.demo-app .alt-btn-icon{display:none}.demo-app .alt-btn-text{display:inline}.demo-app .alternative-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.02em}.demo-app .alternative-badge.selected{background:var(--color-status-signed);color:#fff}.demo-app .alternative-badge.recommended{background:var(--color-text-tertiary);color:#fff}.demo-app .alternative-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-2) 0 0;line-height:1.5}.demo-app .alternative-actions{display:flex;gap:.5rem;flex-shrink:0}.demo-app .demo-btn-xs{padding:4px 8px;font-size:var(--text-xs)}.demo-app .demo-btn-danger-subtle{background:transparent;color:var(--color-danger,#9b1c1c);border-color:var(--color-danger,#9b1c1c)}.demo-app .alternative-add-section{margin-top:1rem;padding:1rem;background:var(--color-bg-secondary);border-radius:4px;display:flex;flex-direction:column;gap:var(--space-2)}.demo-app .alternative-add-title{font-size:var(--text-sm);font-weight:600;margin:0}.demo-app .input,.demo-app .textarea{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-primary)}.demo-app .textarea{min-height:60px;resize:vertical}.demo-app .demo-btn-sm{padding:.3rem .75rem;font-size:var(--text-xs)}.demo-app .approval-flow-toggle{display:flex;align-items:center;margin-bottom:var(--space-2)}.demo-app .approval-flow-buttons{display:flex;gap:var(--space-1)}.demo-app .btn-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;cursor:not-allowed;font-size:var(--text-sm);color:var(--color-text-tertiary);flex-shrink:0}.demo-app .btn-icon-danger{color:var(--color-danger,#9b1c1c)}.demo-app .btn-icon-sm{width:20px;height:20px;font-size:var(--text-xs)}.demo-app .decider-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.demo-app .actions-main-section,.demo-app .roles-main-section{margin-top:0}.demo-app .actions-main-section.card,.demo-app .roles-main-section.card{margin-bottom:var(--space-1);padding:var(--space-3)}.demo-app .section-title-sm{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--color-border)}.demo-app .actions-main-column,.demo-app .roles-main-column{padding:0;background:transparent;border-radius:0}.demo-app .role-group-main{margin-bottom:var(--space-2)}.demo-app .role-group-main:last-child{margin-bottom:0}.demo-app .role-label-main{font-size:var(--text-meta);font-weight:600;color:var(--color-text-tertiary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.08em}.demo-app .role-item-main{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2);font-size:var(--text-sm)}.demo-app .role-item-main:last-child{margin-bottom:0}.demo-app .role-item-main .role-name{flex:1;font-size:var(--text-sm);font-weight:500}.demo-app .role-list-main{display:flex;flex-direction:column;gap:var(--space-1)}.demo-app .role-list-main .role-item-main{margin-bottom:0}.demo-app .deciders-section{margin-bottom:var(--space-2)}.demo-app .decider-group-wrapper,.demo-app .decider-groups-container{display:flex;flex-direction:column;gap:var(--space-1)}.demo-app .decider-group-content{flex:1;min-width:0}.demo-app .decider-group-header{display:flex;align-items:center;gap:var(--space-2);padding:2px 0}.demo-app .decider-group-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.demo-app .decider-group-mode-label{font-size:.6875rem;color:var(--color-text-tertiary);font-weight:400;font-style:italic}.demo-app .decider-mode-badge{display:inline-block;font-size:var(--text-xs);font-weight:400;color:var(--color-text-tertiary);background:var(--color-bg-secondary);padding:1px 6px;border-radius:var(--radius-sm);margin-left:var(--space-2);vertical-align:middle}.demo-app .decider-group-badge{font-size:var(--text-xs)}.demo-app .decider-group-badge,.demo-app .decider-group-badge.approved{color:var(--color-status-signed)}.demo-app .decider-members-list{display:flex;flex-direction:column;gap:2px;border-radius:var(--radius-sm);padding:4px;margin-left:var(--space-1)}.demo-app .decider-members-list.or-group-color-0{background:rgba(59,130,246,.08);border-left:3px solid rgba(59,130,246,.5)}.demo-app .decider-members-list.or-group-color-1{background:rgba(16,185,129,.08);border-left:3px solid rgba(16,185,129,.5)}.demo-app .decider-members-list.or-group-color-2{background:rgba(245,158,11,.08);border-left:3px solid rgba(245,158,11,.5)}.demo-app .decider-members-list.or-group-color-3{background:rgba(139,92,246,.08);border-left:3px solid rgba(139,92,246,.5)}.demo-app .decider-member-row{display:flex;flex-direction:column;gap:2px;padding:4px 8px;border-radius:var(--radius-sm);background:var(--color-bg-card)}.demo-app .decider-member-row.approved{background:var(--color-status-signed-bg)}.demo-app .decider-member-main{display:flex;align-items:center;gap:var(--space-2);min-height:28px;flex-wrap:wrap}.demo-app .decider-status{font-size:var(--text-sm);width:14px;flex-shrink:0;text-align:center}.demo-app .decider-status.approved{color:var(--color-status-signed)}.demo-app .decider-status.pending{color:var(--color-text-tertiary)}.demo-app .decider-name-block{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2)}.demo-app .decider-name{font-weight:500;font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap}.demo-app .decider-role-label{font-size:var(--text-meta);color:var(--color-text-tertiary);white-space:nowrap;padding:1px 6px;background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.demo-app .decider-approval-inline{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-secondary);flex:1;min-width:0}.demo-app .decider-approval-inline .approval-date{white-space:nowrap;opacity:.8}.demo-app .decider-approval-inline .approval-rationale-inline{font-style:italic;color:var(--color-text-tertiary);word-break:break-word;width:100%}.demo-app .decider-group-connector{display:none}.demo-app .action-stack-main{display:flex;flex-direction:column;gap:var(--space-2)}.demo-app .action-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center;margin-top:var(--space-2);font-style:italic}.demo-app .actions-main-section.actions-status-draft{border-left:3px solid var(--color-status-draft)}.demo-app .actions-main-section.actions-status-ready{border-left:3px solid var(--color-status-ready)}.demo-app .actions-main-section.actions-status-signed{border-left:3px solid var(--color-status-signed)}.demo-app .actions-main-section.actions-status-locked{border-left:3px solid var(--color-status-locked)}.demo-app .actions-main-section.actions-status-rejected{border-left:3px solid var(--color-status-rejected)}.demo-app .actions-main-section.actions-status-superseded{border-left:3px solid var(--color-text-tertiary)}.demo-app .rejection-banner-main{background:var(--color-status-rejected-bg);border:1px solid var(--color-status-rejected-border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2)}.demo-app .rejection-banner-main h4{color:var(--color-status-rejected);font-size:var(--text-sm);font-weight:600;margin:0 0 var(--space-1)}.demo-app .rejection-banner-main p{color:var(--color-text-primary);font-size:var(--text-sm);margin:0}.demo-app .tag-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.demo-app .tag-chip{display:inline-flex;align-items:center;padding:2px 8px;background:var(--color-primary-light);color:var(--color-primary);border-radius:10px;font-size:11px;font-weight:500}.demo-app .tag-filter-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.demo-app .tag-filter-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}.demo-app .tag-filter-title{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.demo-app .tag-match-toggle{display:flex;background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:2px}.demo-app .match-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:500;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.demo-app .match-btn.active{background:var(--color-bg-card);color:var(--color-primary);box-shadow:0 1px 2px rgba(0,0,0,.05)}.demo-app .clear-tags-btn{margin-left:auto;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;font-family:inherit}.demo-app .clear-tags-btn:hover{color:var(--color-danger)}.demo-app .tag-list{display:flex;flex-direction:column;gap:var(--space-3);max-height:320px;overflow-y:auto}.demo-app .tag-group{display:flex;align-items:flex-start;gap:var(--space-3)}.demo-app .tag-group-letter{flex-shrink:0;width:20px;font-size:var(--text-xs);font-weight:700;color:var(--color-text-tertiary);padding-top:5px;text-align:center}.demo-app .tag-group-items{display:flex;flex-wrap:wrap;gap:var(--space-2)}.demo-app .tag-filter-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.demo-app .tag-filter-chip.selected,.demo-app .tag-filter-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.demo-app .tag-filter-chip.selected{background:var(--color-primary-light)}.demo-app .btn-filter{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-family:inherit;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.demo-app .btn-filter:hover{border-color:var(--color-text-tertiary)}.demo-app .btn-filter.active{background:var(--color-primary-light)}.demo-app .btn-filter.active,.demo-app .btn-filter.has-filter{border-color:var(--color-primary);color:var(--color-primary)}.demo-app .filter-count{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--color-primary);color:#fff;border-radius:50%;font-size:10px;font-weight:600}.demo-app .active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.demo-app .active-filters-label{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:500}.demo-app .active-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--color-primary-light);color:var(--color-primary);border-radius:10px;font-size:var(--text-xs);font-weight:500}.demo-app .active-tag .remove-tag{background:none;border:none;color:var(--color-primary);font-size:14px;cursor:pointer;padding:0;line-height:1;font-family:inherit}.demo-app .active-tag .remove-tag:hover{color:var(--color-danger)}.demo-app .clear-all-btn{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;font-family:inherit}.demo-app .clear-all-btn:hover{color:var(--color-danger)}.demo-app .history-version-entry{padding:1rem;border:1px solid var(--color-border-light);border-radius:6px;margin-bottom:.5rem;background:var(--color-bg-secondary)}.demo-app .history-version-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.demo-app .history-version-dates{color:var(--color-text-tertiary);font-size:var(--text-meta)}.demo-app .history-version-title{margin:0 0 .5rem;color:var(--color-text-primary);font-weight:500;font-size:var(--text-sm)}.demo-app .history-version-description{margin:0 0 .75rem;color:var(--color-text-secondary);font-size:var(--text-meta)}.demo-app .history-info-box{margin-bottom:.75rem;padding:.5rem;background:var(--color-bg-secondary);border-radius:4px;border:1px solid var(--color-border)}.demo-app .history-info-box.light{background:var(--color-bg-card)}.demo-app .history-section-label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-tertiary);margin-bottom:var(--space-1)}.demo-app .history-role-chips{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.demo-app .history-role-chip{padding:.25rem .5rem;background:var(--color-bg-card);border-radius:4px;font-size:var(--text-xs);border:1px solid var(--color-border)}.demo-app .history-tag-chips{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.25rem}.demo-app .history-tag-chip{padding:2px 8px;background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:12px;font-size:.7rem;font-weight:500;color:var(--color-primary)}.demo-app .history-alternative{padding:.375rem .5rem;margin-top:.25rem;background:var(--color-bg-secondary);border-radius:4px;border:1px solid var(--color-border)}.demo-app .history-alternative-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.demo-app .history-deciders-section{margin-bottom:var(--space-2)}.demo-app .history-deciders-groups{display:flex;flex-direction:column;gap:var(--space-1)}.demo-app .history-decider-row{display:flex;align-items:center;gap:var(--space-2);padding:2px 4px;font-size:var(--text-meta);flex-wrap:wrap}.demo-app .history-decider-row.approved{background:var(--color-status-signed-bg);border-radius:var(--radius-sm)}.demo-app .history-decider-status{font-size:var(--text-xs);width:14px;flex-shrink:0;text-align:center}.demo-app .history-decider-status.approved{color:var(--color-status-signed)}.demo-app .history-decider-status.pending{color:var(--color-text-tertiary)}.demo-app .history-decider-name{font-weight:500;color:var(--color-text-primary)}.demo-app .history-decider-approval{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary)}.demo-app .history-decider-date{color:var(--color-text-tertiary);white-space:nowrap}.demo-app .history-decider-rationale{font-style:italic;color:var(--color-text-secondary);display:block;margin-top:var(--space-1);word-break:break-word}.demo-app .history-rejection{margin-bottom:.75rem;background:var(--color-danger-bg)}.demo-app .history-rejection,.demo-app .history-rejection-content{padding:.5rem;border-radius:4px;border:1px solid var(--color-status-rejected-border)}.demo-app .history-rejection-content{margin-top:.5rem;background:var(--color-bg-card)}.demo-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-sm);font-weight:500;line-height:1.5;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.demo-btn:disabled{opacity:.5;cursor:not-allowed}.demo-btn-primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.demo-btn-secondary{background:var(--color-bg-card);color:var(--color-text-primary);border-color:var(--color-border)}.demo-btn-success{background:var(--color-success);color:var(--color-text-inverse)}.demo-btn-full{width:100%;justify-content:center}@media (max-width:1024px){.demo-app .detail-grid{grid-template-columns:1fr}.demo-app .detail-main{order:1}.demo-app .detail-sidebar{order:2;grid-column:1;grid-row:auto;position:static}.demo-app .detail-actions{order:3;grid-column:1}}@media (max-width:768px){.demo-nav-container{padding:0 var(--space-4);height:48px}.demo-nav-brand-logo{height:22px}.demo-nav-links{gap:0}.demo-nav-links li a,.demo-nav-links li button{padding:var(--space-2);font-size:var(--text-xs)}.demo-nav-user{display:none}.demo-banner{padding:8px 0}.demo-page{padding:var(--space-4)}.demo-page-header h1{font-size:var(--text-lg)}.demo-page-header{flex-direction:column;gap:var(--space-3);align-items:flex-start}.demo-tabs{gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.demo-tabs::-webkit-scrollbar{display:none}.demo-tab{padding:var(--space-2);font-size:var(--text-xs);white-space:nowrap;flex-shrink:0}.demo-subfilters{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}.demo-subfilters::-webkit-scrollbar{display:none}.demo-subfilter{white-space:nowrap;flex-shrink:0}.demo-toolbar{flex-direction:column}.demo-app .decision-card{flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-3)}.demo-app .decision-badges{flex-direction:row;flex-wrap:wrap;align-items:flex-start}.demo-app .decision-meta{gap:var(--space-2);flex-wrap:wrap}.demo-app .meta-tags{display:none}.demo-pagination{flex-direction:column;gap:var(--space-3);align-items:center}.demo-app .tag-filter-panel{padding:var(--space-3)}.demo-app .tag-filter-header{flex-wrap:wrap;gap:var(--space-2)}.demo-app .tag-list{max-height:200px}.demo-app .detail-container{padding:var(--space-3)}.demo-app .detail-header{flex-direction:column;padding:var(--space-3);gap:var(--space-3)}.demo-app .header-badges{flex-direction:row;flex-wrap:wrap}.demo-app .header-meta{flex-direction:column;gap:var(--space-2)}.demo-app .header-meta-left{flex-wrap:wrap;gap:var(--space-2)}.demo-app .title-readonly{font-size:var(--text-lg)}.demo-app .description-readonly{font-size:var(--text-sm)}.demo-app .alternative-header{flex-wrap:wrap}.demo-app .alternative-body{flex-direction:column;gap:var(--space-2)}.demo-app .alternative-actions{justify-content:center}.demo-app .alt-btn-icon{display:inline}.demo-app .alt-btn-text{display:none}.demo-app .alternative-card{padding:var(--space-3)}.demo-app .decider-member-main{flex-wrap:wrap}.demo-app .decider-approval-inline{padding-left:calc(14px + var(--space-2))}.demo-app .history-version-header{flex-direction:column;gap:var(--space-2);align-items:flex-start}.demo-app .history-version-dates{font-size:var(--text-xs)}.demo-app .history-alternative-header{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.demo-app .btn-back{font-size:var(--text-xs)}.demo-app .card{padding:var(--space-3)}.demo-app .sidebar-section-content{padding:var(--space-2)}}@media (max-width:480px){.demo-nav-links{display:none}.demo-nav-hamburger{display:flex}.demo-nav-mobile-drawer{display:flex;flex-direction:column;padding:var(--space-2) var(--space-4) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg-card)}.demo-nav-mobile-drawer a,.demo-nav-mobile-drawer button{display:block;width:100%;text-align:left;padding:var(--space-3) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;border:none;background:none;border-radius:var(--radius-md);cursor:pointer;font-family:inherit}.demo-nav-mobile-drawer a.active,.demo-nav-mobile-drawer a:hover{color:var(--color-primary);background:var(--color-primary-light)}.demo-nav-mobile-user{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border);padding-left:var(--space-3)}.demo-nav-mobile-user .demo-nav-user-name{display:block;font-weight:500;font-size:var(--text-sm);color:var(--color-text-primary)}.demo-nav-mobile-user .demo-nav-user-email{display:block;font-size:var(--text-xs);color:var(--color-text-tertiary)}.demo-page{padding:var(--space-3)}.demo-page-header h1{font-size:var(--text-base)}.demo-app .decision-title{font-size:var(--text-sm)}.demo-app .detail-container,.demo-app .detail-header{padding:var(--space-2)}.demo-app .title-readonly{font-size:var(--text-base)}.demo-app .card,.demo-app .history-version-entry{padding:var(--space-2)}.demo-app .history-role-chips{flex-direction:column;gap:var(--space-1)}.demo-hero-headline{font-size:var(--text-xl)}.demo-hero-features{flex-direction:column;gap:var(--space-2)}.demo-hero-actions{text-align:center}.demo-sticky-cta{padding:var(--space-3) var(--space-4)}.demo-sticky-cta-text{display:none}.demo-guided-hint{font-size:var(--text-xs)}}.demo-hero-inner{max-width:720px;margin:0 auto;text-align:center;position:relative}.demo-hero-headline{font-size:28px;font-weight:700;color:#fff;line-height:1.3;margin:0}.demo-hero-sub{margin-top:var(--space-4);font-size:var(--text-base);line-height:1.6;color:hsla(0,0%,100%,.7)}.demo-hero-features{display:flex;justify-content:center;gap:var(--space-5);margin-top:var(--space-5);flex-wrap:wrap}.demo-hero-feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:hsla(0,0%,100%,.85)}.demo-hero-feature svg{color:#1f7a63;flex-shrink:0}.demo-hero-actions{margin-top:var(--space-6)}.demo-hero-cta{display:inline-block;padding:12px 32px;background:#fff;color:#2c265d;font-size:var(--text-sm);font-weight:600;border-radius:8px;text-decoration:none;transition:background .15s,transform .15s}.demo-hero-cta:hover{background:#f0eef8;transform:translateY(-1px)}.demo-hero-explore{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-5);font-size:var(--text-xs);color:hsla(0,0%,100%,.45)}.demo-hero-explore svg{animation:demo-bounce 2s ease-in-out infinite}@keyframes demo-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.demo-sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:#2c265d;border-top:1px solid hsla(0,0%,100%,.1);box-shadow:0 -4px 16px rgba(0,0,0,.2)}.demo-sticky-cta-text{font-size:var(--text-sm);font-weight:500;color:hsla(0,0%,100%,.85)}.demo-sticky-cta-btn{display:inline-block;padding:8px 24px;background:#1f7a63;color:#fff;font-size:var(--text-sm);font-weight:600;border-radius:6px;text-decoration:none;transition:background .15s}.demo-sticky-cta-btn:hover{background:#17664f}.demo-sticky-cta-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.6);border-radius:50%;cursor:pointer;transition:background .15s}.demo-sticky-cta-close:hover{background:hsla(0,0%,100%,.2);color:#fff}.demo-guided-hint{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:#eef2ff;border:1px solid #c7d2fe;border-radius:var(--radius-lg);font-size:var(--text-sm);color:#3730a3}.demo-guided-hint svg{flex-shrink:0;color:#6366f1}