@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap";.approvals-layout{grid-template-columns:minmax(320px,2fr) minmax(300px,3fr);gap:24px;min-height:calc(100vh - 80px);display:grid;overflow:hidden}.approvals-queue-panel{border:1px solid color-mix(in srgb, var(--border) 84%, #fff);border-radius:var(--radius-xl);background:var(--surface);flex-direction:column;min-width:0;display:flex;overflow:hidden}.approvals-count{color:var(--muted);background:#f1f5f9;border-radius:999px;padding:4px 10px;font-size:12px}.approvals-search{border-radius:var(--radius-md);background:#f8fafc;border:1px solid #e2e8f0;width:100%;padding:10px 16px;font-size:14px}.approvals-search:focus{outline:2px solid var(--accent);outline-offset:1px;background:#fff}.approvals-filter-btn{all:unset;border-radius:var(--radius-md);color:var(--muted);cursor:pointer;border:1px solid #e2e8f0;padding:6px 12px;font-size:13px;font-weight:600}.approvals-filter-btn:hover{background:#f8fafc}.approvals-server-selector{position:relative}.approvals-server-menu{border-radius:var(--radius-md);z-index:20;background:#fff;border:1px solid #e2e8f0;min-width:140px;margin-top:4px;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.approvals-server-option{all:unset;width:100%;color:var(--foreground);cursor:pointer;box-sizing:border-box;padding:8px 14px;font-size:13px;font-weight:500;display:block}.approvals-server-option:hover{background:#f1f5f9}.approvals-server-option.is-active{color:var(--accent-blue);background:#eff6ff;font-weight:600}.approvals-bulk-actions{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.approvals-selected-count{color:var(--muted);font-size:13px}.approvals-bulk-buttons{gap:8px;display:flex}.approvals-bulk-btn{all:unset;border-radius:var(--radius-md);color:var(--muted);cursor:pointer;border:1px solid #e2e8f0;padding:6px 12px;font-size:13px;font-weight:600}.approvals-bulk-btn:hover{background:#f8fafc}.approvals-table{flex:1;min-width:0;overflow:hidden auto}.approvals-table-header,.approvals-table-row{grid-template-columns:32px minmax(50px,1fr) minmax(60px,1.2fr) 72px minmax(70px,1fr) 32px;align-items:center;padding:12px 16px;display:grid}.approvals-table-header{color:var(--muted);border-bottom:1px solid #f1f5f9;font-size:12px;font-weight:600}.approvals-table-row{cursor:pointer;border-bottom:1px solid #f8fafc;font-size:14px;transition:background 80ms}.approvals-table-row.is-active{background:color-mix(in srgb, var(--accent) 12%, #fff);border-left:3px solid var(--accent)}.approvals-td-check input[type=checkbox]{cursor:pointer;width:16px;height:16px}.approvals-td{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.approvals-td-id{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:13px}.approvals-td-date{color:var(--muted);font-size:13px}.approvals-td-more{color:var(--muted);cursor:pointer;font-size:18px}.approvals-status{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.approvals-status-in-review{background:color-mix(in srgb, var(--accent) 12%, #fff);color:var(--accent)}.approvals-approve-btn{all:unset;color:#fff;cursor:pointer;background:#00893d;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.approvals-approve-btn:hover{background:#006e31}.approvals-detail-panel{border:1px solid color-mix(in srgb, var(--border) 84%, #fff);border-radius:var(--radius-xl);background:var(--surface);flex-direction:column;min-width:0;max-height:calc(100vh - 80px);display:flex;overflow-y:auto}.approvals-detail-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px;display:flex}.approvals-detail-id{color:var(--ink);font-size:16px;font-weight:700}.approvals-detail-meta{color:var(--muted);align-items:center;gap:12px;font-size:14px;display:flex}.approvals-detail-content{flex-direction:column;gap:24px;padding:24px;display:flex}.approvals-meta-item{flex-direction:column;gap:4px;display:flex}.approvals-meta-label{color:var(--muted);font-size:12px}.approvals-meta-value{color:var(--ink);font-size:14px}.approvals-meta-tags{flex-wrap:wrap;gap:6px;display:flex}.approvals-tag{color:var(--ink);background:#f1f5f9;border-radius:4px;padding:4px 8px;font-size:12px}.approvals-comments{flex-direction:column;gap:12px;display:flex}.approvals-comment{border-radius:var(--radius-md);background:#f8fafc;padding:16px}.approvals-comment-header{justify-content:space-between;margin-bottom:8px;display:flex}.approvals-comment-author{color:var(--ink);font-size:14px;font-weight:600}.approvals-comment-time{color:var(--muted);font-size:12px}.approvals-comment-text{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.approvals-history{flex-direction:column;gap:8px;display:flex}.approvals-history-item{gap:12px;font-size:14px;display:flex}.approvals-history-time{color:var(--muted);white-space:nowrap;font-size:12px}.approvals-history-action{color:var(--ink);font-size:14px}.approvals-detail-actions{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.approvals-add-comment{color:var(--accent);cursor:pointer;font-size:14px;font-weight:600}.approvals-action-buttons{gap:8px;display:flex}.approvals-btn-light{all:unset;border-radius:var(--radius-md);color:var(--muted);cursor:pointer;border:1px solid #e2e8f0;padding:8px 12px;font-size:13px;font-weight:600}.approvals-btn-light:hover{background:#f8fafc}.approvals-btn-dark{all:unset;border-radius:var(--radius-md);color:#fff;cursor:pointer;background:#00893d;padding:8px 12px;font-size:13px;font-weight:600}.approvals-btn-dark:hover{background:#006e31}@media (width<=1024px){.approvals-layout{grid-template-columns:1fr;overflow:auto}.approvals-detail-panel{max-height:none}.approvals-table-header,.approvals-table-row{grid-template-columns:32px minmax(40px,1fr) minmax(50px,1.2fr) 64px minmax(60px,1fr) 28px;font-size:13px}}@media (width<=768px){.approvals-layout{gap:16px}.approvals-filters{flex-wrap:wrap}.approvals-table-header,.approvals-table-row{grid-template-columns:28px 1fr 1fr 60px;padding:10px 12px}.approvals-table-header .approvals-th:nth-child(5),.approvals-table-header .approvals-th:nth-child(6),.approvals-table-row .approvals-td:nth-child(6),.approvals-table-row .approvals-td:nth-child(7){display:none}.approvals-metadata-grid{grid-template-columns:1fr}}.approvals-loading,.approvals-error,.approvals-detail-empty,.approvals-table-empty{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:48px 24px;font-size:14px;display:flex}.approvals-error-link{color:var(--accent);margin-top:12px;font-weight:600;text-decoration:none}.approvals-error-link:hover{text-decoration:underline}.approvals-inline-error{color:var(--danger);margin:12px 0 0;font-size:13px}.approvals-edit-input,.approvals-edit-select{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:6px 10px;font-family:inherit;font-size:13px}.approvals-edit-input:focus,.approvals-edit-select:focus{outline:2px solid var(--accent);outline-offset:1px}.approvals-edit-textarea{color:#475569;resize:vertical;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;min-height:60px;padding:12px;font-family:inherit;font-size:14px;line-height:1.6}.approvals-edit-textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.approvals-save-msg{color:#10b981;margin:0;font-size:13px;font-weight:500}.approvals-th{color:#94a3b8;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.approvals-table-header{background:#f8fafc;border-bottom:1px solid #e2e8f0}.approvals-table-row{cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background 80ms}.approvals-table-row.is-active{background:#eff6ff}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a66;justify-content:center;align-items:center;animation:.15s modal-fade-in;display:flex;position:fixed;inset:0}.modal-panel{border-radius:var(--radius-lg,12px);background:var(--surface,#fff);flex-direction:column;gap:24px;width:480px;max-width:calc(100vw - 48px);padding:24px;animation:.2s modal-slide-up;display:flex;box-shadow:0 8px 12px #00000012}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-title{color:#0f172a;margin:0;font-size:18px;font-weight:600}.modal-close-button{all:unset;color:#475569;cursor:pointer;background:#f1f5f9;border-radius:14px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .12s;display:flex}.modal-close-button:hover{background:#e2e8f0}.modal-close-button:focus-visible{outline:2px solid var(--accent,#006d77);outline-offset:2px}.modal-new-elements{flex-direction:column;gap:16px;display:flex}.modal-field-group{flex-direction:column;gap:8px;display:flex;position:relative}.modal-field-label{color:#475569;font-size:13px;font-weight:600}.modal-dropdown-button{all:unset;border-radius:var(--radius-md,8px);color:#0f172a;cursor:pointer;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:14px;font-weight:500;transition:border-color .12s;display:flex}.modal-dropdown-button:hover{border-color:#cbd5e1}.modal-dropdown-button:focus-visible{outline:2px solid var(--accent,#006d77);outline-offset:2px}.modal-dropdown-value{pointer-events:none}.modal-dropdown-chevron{color:#64748b;transition:transform .15s}.modal-dropdown-chevron.is-open{transform:rotate(180deg)}.modal-dropdown-menu{z-index:10;border-radius:var(--radius-md,8px);background:var(--surface,#fff);border:1px solid #e2e8f0;flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 4px 6px #0000000a}.modal-dropdown-item{all:unset;color:#0f172a;cursor:pointer;align-items:flex-start;padding:10px 12px;font-size:14px;font-weight:500;transition:background .1s;display:flex}.modal-dropdown-item:hover{background:#f1f5f9}.modal-dropdown-item.is-selected{background:#f8fafc}.modal-dropdown-item:first-child{border-radius:8px 8px 0 0}.modal-dropdown-item:last-child{border-radius:0 0 8px 8px}.modal-url-row{align-items:center;gap:12px;display:flex}.modal-url-input{border-radius:var(--radius-md,8px);color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;flex:1;min-width:0;padding:10px 12px;font-size:14px;font-weight:500;transition:border-color .12s}.modal-url-input::placeholder{color:#94a3b8}.modal-url-input:focus{border-color:#00893d;outline:none}.modal-url-validation{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.modal-url-validation.is-valid{color:#16a34a;background:#dcfce7}.modal-url-validation.is-invalid{color:#dc2626;background:#fee2e2}.modal-url-hint{color:#64748b;margin:0;font-size:12px}.modal-prior-job-indicator{margin-top:4px}.modal-prior-job-loading{color:#64748b;font-size:12px;font-style:italic}.modal-prior-job-found{color:#16a34a;font-size:12px;font-weight:500}.modal-prior-job-error{color:var(--danger,#b42318);font-size:12px}.modal-body{flex-direction:column;gap:8px;display:flex}.modal-dropzone{border-radius:var(--radius-md,8px);cursor:pointer;background:#f8fafc;border:1px dashed #00893d;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 24px;transition:border-color .12s,background .12s;display:flex}.modal-dropzone.is-drag-active{background:#00893d0a;border-color:#006d2e}.modal-dropzone.is-uploading{opacity:.6;pointer-events:none}.modal-dropzone-icon{color:#00893d;background:#00893d12;border-radius:24px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.modal-dropzone-text{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.modal-dropzone-primary{color:#334155;margin:0;font-size:14px;font-weight:500}.modal-browse-link{all:unset;color:#00893d;cursor:pointer;font-weight:600;text-decoration:underline}.modal-browse-link:hover{color:#006d2e}.modal-browse-link:focus-visible{outline:2px solid var(--accent,#006d77);outline-offset:2px}.modal-file-selected{color:#0f172a;font-weight:600}.modal-dropzone-hint{color:#64748b;margin:0;font-size:12px}.modal-error{color:var(--danger,#b42318);margin:0;font-size:13px}.modal-footer{justify-content:flex-end;align-items:center;display:flex}.modal-submit-button{all:unset;border-radius:var(--radius-md,8px);background:var(--surface,#fff);color:#475569;cursor:pointer;border:1px solid #e2e8f0;align-items:center;padding:8px 12px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.modal-submit-button:hover{background:#f8fafc;border-color:#cbd5e1}.modal-submit-button:focus-visible{outline:2px solid var(--accent,#006d77);outline-offset:2px}.modal-submit-button:disabled{opacity:.55;cursor:default}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root{--figma-file-name:"Maestro";--figma-sync-status:"ok";--figma-token-count:51;--figma-maestro-app-accent:#006d77;--figma-maestro-app-accent-soft:#e2e8f0;--figma-maestro-app-bg:#f4f6f8;--figma-maestro-app-ink:#16212c;--figma-maestro-app-menu-bg:#eff6ff;--figma-maestro-app-menu-icon-default:#475569;--figma-maestro-app-menu-icon-selected:#3b82f6;--figma-maestro-app-menu-text-default:#0f172a;--figma-maestro-app-menu-text-default-2:#0f172a;--figma-maestro-app-menu-text-selected:#3b82f6;--figma-maestro-app-menu-text-subtext:#94a3b8;--figma-maestro-app-muted:#4f6273;--figma-maestro-app-schaeffler-primary:#00893d;--figma-maestro-app-status-green:#10b981;--figma-maestro-app-status-green-bg:#10b9811a;--figma-maestro-app-status-green-light:#ecfdf5;--figma-maestro-app-status-info:#1e3a8a;--figma-maestro-app-status-info-bg:#1e3a8a1a;--figma-maestro-app-status-red:#ef4444;--figma-maestro-app-status-red-bg:#ef44441a;--figma-maestro-app-status-red-light:#fef2f2;--figma-maestro-app-status-yellow:#f59e0b;--figma-maestro-app-status-yellow-bg:#f59e0b1a;--figma-maestro-app-status-yellow-light:#fffbeb;--figma-maestro-app-surface:#fff;--figma-maestro-proto-page:"Dashboard";--figma-radius-1:4px;--figma-radius-2:5px;--figma-radius-3:6px;--figma-radius-4:8px;--figma-radius-5:10px;--figma-radius-6:12px;--figma-radius-7:16px;--figma-radius-8:20px;--figma-shadow-1:0px 1px 2px 0px #0000001a;--figma-space-1:2px;--figma-space-10:20px;--figma-space-11:22px;--figma-space-12:23px;--figma-space-13:24px;--figma-space-14:30px;--figma-space-15:32px;--figma-space-16:40px;--figma-space-2:4px;--figma-space-3:6px;--figma-space-4:8px;--figma-space-5:10px;--figma-space-6:12px;--figma-space-7:13px;--figma-space-8:16px;--figma-space-9:19px;--app-bg:var(--figma-maestro-app-bg);--app-surface:var(--figma-maestro-app-surface);--app-ink:var(--figma-maestro-app-ink);--app-muted:var(--figma-maestro-app-muted);--app-accent:var(--figma-maestro-app-accent);--app-accent-soft:var(--figma-maestro-app-accent-soft);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--app-font-family,"Manrope", "Segoe UI", sans-serif);--bg:var(--app-bg,#f4f6f8);--surface:var(--app-surface,#fff);--ink:var(--app-ink,#16212c);--muted:var(--app-muted,#4f6273);--accent:var(--app-accent,#006d77);--accent-soft:var(--app-accent-soft,#d9eff1);--danger:var(--app-danger,#b42318);--border:var(--app-accent-soft-3,#d0d8df);--surface-strong:color-mix(in srgb, var(--surface) 82%, var(--bg));--surface-muted:color-mix(in srgb, var(--bg) 70%, var(--surface));--state-success-bg:color-mix(in srgb, var(--accent) 14%, var(--surface));--state-success-fg:color-mix(in srgb, var(--accent) 78%, #0b2d21);--state-warning-bg:color-mix(in srgb, var(--danger) 10%, var(--surface));--state-warning-fg:color-mix(in srgb, var(--danger) 62%, #4a2b12);--state-error-bg:color-mix(in srgb, var(--danger) 14%, var(--surface));--state-error-fg:var(--danger);--space-1:var(--figma-space-2,4px);--space-2:var(--figma-space-3,8px);--space-3:var(--figma-space-5,12px);--space-4:var(--figma-space-6,16px);--space-5:var(--figma-space-7,20px);--space-6:var(--figma-space-8,24px);--space-7:var(--figma-space-9,32px);--radius-sm:var(--figma-radius-1,6px);--radius-md:var(--figma-radius-2,8px);--radius-lg:var(--figma-radius-3,12px);--radius-xl:var(--figma-radius-4,16px)}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 14%, color-mix(in srgb, var(--accent) 18%, #f6fbff) 0%, transparent 36%), radial-gradient(circle at 84% 24%, #d8ebef 0%, transparent 34%), linear-gradient(120deg, #f6f8fb 0%, var(--bg) 52%, #eef4f8 100%);color:var(--ink);margin:0}.app-shell{min-height:100vh}.figma-app-shell{background:color-mix(in srgb, var(--surface) 70%, transparent);grid-template-columns:260px minmax(0,1fr);max-width:1440px;margin:0 auto;display:grid}.figma-sidebar{gap:var(--space-7);min-height:100vh;padding:var(--space-6);border-right:1px solid color-mix(in srgb, var(--border) 78%, var(--surface));background:color-mix(in srgb, var(--surface) 92%, var(--bg));flex-direction:column;display:flex}.figma-content-shell{flex-direction:column;min-height:100vh;display:flex}.is-access-denied-shell{grid-template-columns:minmax(0,1fr)}.access-denied-content-shell{justify-content:center;width:100%;max-width:1440px;margin:0 auto;padding:40px}.brand{letter-spacing:.01em;color:#00893d;font-size:1.2rem;font-weight:800}.nav-section-label{letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-bottom:4px;padding:0 16px;font-size:.68rem;font-weight:700}.app-nav{gap:var(--space-2);display:flex}.figma-nav{flex-direction:column;width:212px}.user-chip{align-items:center;gap:12px;width:140px;min-height:40px;display:flex}.user-chip-label{color:var(--ink);font-weight:700}.user-chip-avatar{background:color-mix(in srgb, var(--accent) 20%, #fff);border:1px solid color-mix(in srgb, var(--accent) 32%, #fff);border-radius:50%;width:28px;height:28px}.nav-link{border-radius:var(--radius-md);width:100%;min-height:42px;color:var(--muted);align-items:center;gap:12px;padding:12px 16px;font-weight:700;text-decoration:none;display:flex}.nav-link-icon{opacity:.7;flex-shrink:0}.support-link{min-height:44px;padding:12px}.nav-link-muted{opacity:.72;cursor:default}.nav-link.is-active{background:color-mix(in srgb, var(--accent) 18%, #fff);color:var(--accent)}.app-main{width:min(1180px,100%);margin:0;padding:40px}.page{gap:var(--space-4);flex-direction:column;display:flex}.stack-lg{gap:var(--space-5);flex-direction:column;display:flex}.stack{gap:var(--space-3);flex-direction:column;display:flex}.stack-xs{gap:var(--space-2);flex-direction:column;display:flex}.card{border:1px solid color-mix(in srgb, var(--border) 84%, #fff);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--surface) 92%, #f7fbff);padding:var(--space-4);box-shadow:0 14px 30px -26px #122a3a70}input,textarea,select,button{font:inherit}input,textarea,select{border:1px solid color-mix(in srgb, var(--border) 85%, #fff);border-radius:var(--radius-lg);padding:var(--space-3);background:#fff;width:100%}button{border:1px solid color-mix(in srgb, var(--accent) 45%, #fff);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 92%, #0e5f68), var(--accent));color:#fff;padding:var(--space-2) var(--space-4);cursor:pointer;border-radius:999px;align-self:flex-start;font-weight:700;transition:transform .12s,box-shadow .12s}button:hover{transform:translateY(-1px);box-shadow:0 8px 16px -14px #006d77a6}button:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}strong{font-weight:700}small{color:var(--muted)}.upload-grid{gap:var(--space-4);grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);align-items:start;display:grid}.form-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.button-row,.review-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.button-secondary{background:var(--surface-muted);border-color:var(--border);color:var(--ink)}.status-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.status-item{justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-muted);color:var(--muted);text-transform:capitalize;border:1px solid #0000;display:flex}.status-item.is-complete{background:var(--state-success-bg);color:var(--state-success-fg)}.status-item.is-current{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.status-label{font-weight:600}.status-detail{font-size:.92rem}.result-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.result-meta{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.result-meta div{padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-muted)}.result-meta dt{color:var(--muted);font-size:.82rem}.result-meta dd{margin:.2rem 0 0;font-weight:700}.result-panel{min-height:320px;max-height:640px;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--border) 60%, #101820);color:#eff6ff;white-space:pre-wrap;word-break:break-word;background:#101820;margin:0;font-family:JetBrains Mono,Consolas,monospace;font-size:.9rem;overflow:auto}.review-panel{min-height:160px;max-height:360px}.review-card h2{margin:0}.review-pill{padding:var(--space-1) var(--space-3);border-radius:999px;font-size:.78rem;font-weight:700}.review-pending_review{background:color-mix(in srgb, var(--accent) 14%, var(--surface));color:color-mix(in srgb, var(--accent) 82%, #083b45)}.review-changes_requested{background:var(--state-warning-bg);color:var(--state-warning-fg)}.review-approved{background:var(--state-success-bg);color:var(--state-success-fg)}.review-rejected{background:var(--state-error-bg);color:var(--state-error-fg)}.review-filter{min-width:170px}.deployment-header{border-style:dashed}.deployment-state-tabs{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.state-tab{border:1px solid color-mix(in srgb, var(--border) 88%, #fff);color:var(--ink);text-align:left;background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.35rem;min-width:0;display:flex}.state-tab small{color:var(--muted);text-wrap:balance}.state-tab.is-active{border-color:color-mix(in srgb, var(--accent) 48%, #fff);background:color-mix(in srgb, var(--accent-soft) 72%, #fff)}.toggle-row{background:#f6f9fb;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .8rem;display:flex}.toggle-row input[type=checkbox]{width:18px;height:18px}.settings-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;padding:24px;display:grid}.settings-column{flex-direction:column;gap:24px;display:flex}.settings-row{justify-content:space-between;align-items:center;display:flex}.settings-row-vertical{flex-direction:column;align-items:flex-start;gap:8px}.settings-label-text{color:#0f172a;white-space:nowrap;font-size:16px;font-weight:500}.settings-toggle{cursor:pointer;display:inline-flex;position:relative}.settings-toggle input{opacity:0;width:0;height:0;position:absolute}.settings-toggle-track{background:#cbd5e1;border-radius:12px;justify-content:flex-start;align-items:center;width:44px;height:24px;padding:2px;transition:background .15s;display:flex}.settings-toggle input:checked+.settings-toggle-track{background:#2563eb;justify-content:flex-end}.settings-toggle-knob{background:#fff;border-radius:10px;width:20px;height:20px;box-shadow:0 1px 2px #0000001a}.settings-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;height:44px;padding:0 16px;font-size:14px;font-weight:400}.settings-input::placeholder{color:#94a3b8}.settings-input:focus{outline:2px solid var(--accent);outline-offset:1px}.settings-reveal-btn{all:unset;color:#64748b;cursor:pointer;padding:4px 0;font-size:13px;font-weight:500}.settings-reveal-btn:hover{color:#0f172a}@media (width<=860px){.settings-grid{grid-template-columns:1fr}}.error{color:var(--danger)}.figma-frame-page{gap:32px}.figma-page-header h1{margin:0;font-size:clamp(1.5rem,2vw,2rem)}.figma-page-header{min-height:65px}.figma-page-header p{color:var(--muted);max-width:72ch;margin:0}.figma-dashboard-grid{gap:var(--space-5);grid-template-columns:minmax(0,2fr) minmax(320px,1fr);align-items:start;display:grid}.figma-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;min-height:160px;display:grid}.figma-status-card{gap:var(--space-2);min-height:160px;padding:var(--space-5);flex-direction:column;display:flex}.figma-status-card h2{color:var(--muted);margin:0;font-size:.82rem;font-weight:600}.figma-status-card p{color:var(--ink);margin:0;font-size:clamp(1.7rem,2.4vw,2.2rem);font-weight:800}.status-card-header{justify-content:space-between;align-items:flex-start;display:flex}.status-card-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.status-card-metric{color:var(--ink);margin:0;font-size:clamp(1.7rem,2.4vw,2.2rem);font-weight:800}.status-card-insight{color:var(--muted);font-size:.82rem}.figma-actions-column{gap:var(--space-3);flex-direction:column;max-width:360px;display:flex}.action-row-card{all:unset;border:1px solid color-mix(in srgb, var(--border) 84%, #fff);border-radius:var(--radius-lg);background:var(--surface,#fff);cursor:pointer;align-items:center;gap:16px;width:100%;padding:20px 24px;transition:border-color .12s,box-shadow .12s;display:flex}.action-row-card:hover{border-color:color-mix(in srgb, var(--accent) 48%, #fff);box-shadow:0 4px 12px -6px #006d7726}.action-row-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.action-row-icon{width:32px;height:32px;color:var(--ink);background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.action-row-icon-add{color:#10b981}.action-row-icon-remove{color:#64748b}.action-row-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.action-row-title{color:var(--ink);font-size:14px;font-weight:700}.action-row-desc{color:var(--muted);font-size:12px}.action-row-chevron{color:var(--muted);flex-shrink:0;font-size:20px}.figma-activity-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);align-items:start;gap:32px;min-height:467px;display:grid}.figma-panel{padding:var(--space-5)}.canonical-panel{align-content:start;min-height:467px}.canonical-panel-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.canonical-panel-header h2{margin:0}.canonical-activity-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.canonical-activity-item{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid color-mix(in srgb, var(--border) 84%, #fff);border-radius:var(--radius-lg);background:var(--surface-muted);display:flex}.canonical-activity-item.is-selected{border-color:color-mix(in srgb, var(--accent) 48%, #fff);background:color-mix(in srgb, var(--accent-soft) 70%, #fff)}.canonical-select-button{all:unset;gap:var(--space-1);cursor:pointer;width:100%;display:grid}.canonical-activity-primary{gap:var(--space-1);min-width:0;display:grid}.canonical-activity-primary small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.canonical-activity-meta{gap:var(--space-2);text-align:right;justify-items:end;display:grid}.canonical-detail-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.canonical-detail-grid div{padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-muted)}.canonical-detail-grid dt{color:var(--muted);font-size:.82rem}.canonical-detail-grid dd{margin:.2rem 0 0;font-weight:700}.canonical-empty-state{color:var(--muted);margin:0}.canonical-action-row{margin-top:auto}.figma-page-actions{gap:var(--space-3);margin-top:var(--space-2);display:flex}.requests-top-frame{gap:24px;display:flex}.requests-action-card{all:unset;border:1px solid color-mix(in srgb, var(--border) 84%, #fff);border-radius:var(--radius-lg);background:var(--surface,#fff);cursor:pointer;flex:1;align-items:center;gap:16px;max-width:360px;padding:19px 24px;transition:border-color .12s,box-shadow .12s;display:flex}.requests-action-card:hover{border-color:color-mix(in srgb, var(--accent) 48%, #fff);box-shadow:0 4px 12px -6px #006d7726}.requests-action-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.requests-action-icon{color:#10b981;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.requests-action-content{flex-direction:column;gap:2px;display:flex}.requests-action-title{color:var(--ink);font-size:14px;font-weight:700}.requests-action-desc{color:var(--muted);font-size:12px}.requests-table-container{border:1px solid color-mix(in srgb, var(--border) 84%, #fff);border-radius:var(--radius-xl);background:var(--surface,#fff);overflow:hidden}.requests-table-header{justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.requests-table-title{color:var(--ink);margin:0;font-size:16px;font-weight:700}.requests-table-actions{gap:12px;display:flex}.requests-filter-button{all:unset;border-radius:var(--radius-md);color:var(--muted);cursor:pointer;border:1px solid #e2e8f0;padding:6px 12px;font-size:13px;font-weight:600;transition:background .12s}.requests-filter-button:hover{background:#f8fafc}.requests-filter-button-dark{background:var(--ink);color:#fff;border-color:var(--ink)}.requests-filter-button-dark:hover{background:#1e293b}.requests-table{width:100%}.requests-table-row{border-top:1px solid #f1f5f9;grid-template-columns:2fr 1.5fr 1fr 1.2fr 1fr;align-items:center;padding:14px 24px;font-size:14px;display:grid}.requests-table-row-header{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;padding:10px 24px;font-size:12px;font-weight:600}.requests-col-name{color:var(--ink);font-weight:600}.requests-col-id{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:13px}.requests-col-status{display:flex}.requests-col-date{color:var(--muted);font-size:13px}.requests-col-type{color:var(--muted);text-transform:capitalize;font-size:13px}.requests-status-pill{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.requests-status-pending_review{color:#92400e;background:#fef3e2}.requests-status-changes_requested{background:color-mix(in srgb, var(--accent) 12%, #fff);color:var(--accent)}.requests-status-approved{color:#065f46;background:#e2f7f0}.requests-status-rejected{color:#991b1b;background:#fde9e9}.requests-table-empty{text-align:center;color:var(--muted);padding:48px 24px}.requests-table-footer{border-top:1px solid #f1f5f9;justify-content:center;padding:16px 24px;display:flex}.requests-view-all{all:unset;color:var(--accent);cursor:pointer;font-size:14px;font-weight:600}.requests-view-all:hover{text-decoration:underline}@media (width<=860px){.requests-top-frame{flex-direction:column}.requests-action-card{max-width:none}.requests-table-row{grid-template-columns:1fr 1fr;gap:8px}.requests-table-row-header,.requests-col-type{display:none}}.figma-panel>.page{margin:0}.figma-panel>.page>h1,.figma-panel>.page>p{margin-top:0}.figma-embed-clean>.page>h1,.figma-embed-clean>.page>.stack-xs:first-child{display:none}.access-denied-card{max-width:720px;padding:calc(var(--space-7) + var(--space-2));gap:var(--space-4);text-align:center;margin:0 auto;display:grid}.access-denied-page{justify-content:center;min-height:100%}.access-denied-card h1,.access-denied-card p{margin:0}.access-denied-actions{justify-content:center;display:flex}@media (width<=860px){.figma-app-shell{grid-template-columns:1fr}.figma-sidebar{border-right:0;border-bottom:1px solid color-mix(in srgb, var(--border) 78%, var(--surface));gap:var(--space-4);min-height:auto}.figma-nav{flex-flow:wrap}.app-main{padding:var(--space-4)}.upload-grid,.form-grid,.result-header,.result-meta,.canonical-detail-grid,.figma-status-grid,.figma-activity-grid,.figma-dashboard-grid{grid-template-columns:1fr}.result-header,.status-item,.canonical-panel-header,.canonical-activity-item{flex-direction:column}.canonical-activity-meta{text-align:left;justify-items:start}.figma-dashboard-grid{grid-template-columns:1fr}.figma-panel{padding:var(--space-4)}.access-denied-card{padding:var(--space-6)}}.approvals-page{gap:0;height:100%;min-height:calc(100vh - 80px);display:flex;overflow:hidden}.approvals-queue-panel{border-radius:var(--radius-xl);background:#fff;border:1px solid #e2e8f0;flex-direction:column;width:520px;min-width:420px;display:flex;overflow:hidden}.approvals-queue-header{flex-direction:column;gap:16px;padding:24px;display:flex}.approvals-title-row{justify-content:space-between;align-items:center;display:flex}.approvals-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.approvals-count-badge{border-radius:var(--radius-md);color:#475569;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;padding:4px 10px;font-size:12px;font-weight:600}.approvals-search-input{border-radius:var(--radius-md);background:#fff;border:1px solid #e2e8f0;align-items:center;gap:8px;height:40px;padding:0 12px;display:flex}.approvals-search-input input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;width:auto;padding:0;font-size:14px}.approvals-search-input input::placeholder{color:#94a3b8}.approvals-search-icon{color:#94a3b8;flex-shrink:0}.approvals-filters{flex-wrap:wrap;gap:12px;display:flex}.approvals-filter-btn{all:unset;border-radius:var(--radius-md);color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;align-items:center;padding:8px 12px;font-size:13px;font-weight:600;transition:border-color .12s;display:inline-flex}.approvals-filter-btn:hover{box-shadow:none;border-color:#94a3b8;transform:none}.approvals-bulk-bar{background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.approvals-bulk-count{color:#475569;font-size:13px;font-weight:600}.approvals-bulk-actions{gap:8px;display:flex}.approvals-table{flex-direction:column;flex:1;display:flex;overflow-y:auto}.approvals-table-header{color:#94a3b8;text-transform:uppercase;z-index:1;background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:700;display:flex;position:sticky;top:0}.approvals-table-row{cursor:pointer;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding:12px 16px;transition:background 80ms;display:flex}.approvals-table-row:hover{background:#f8fafc}.approvals-table-row.is-selected{background:#eff6ff}.approvals-table-row.is-active{background:#eff6ff;border-left:3px solid #3b82f6;padding-left:13px}.approvals-cell-check{flex-shrink:0;justify-content:center;align-items:center;width:22px;display:flex}.approvals-cell-check input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;border-radius:4px;width:16px;height:16px;padding:0}.approvals-col-project{text-overflow:ellipsis;white-space:nowrap;width:62px;overflow:hidden}.approvals-col-reqid{text-overflow:ellipsis;white-space:nowrap;width:80px;overflow:hidden}.approvals-col-status{width:85px}.approvals-col-date{text-overflow:ellipsis;white-space:nowrap;width:96px;overflow:hidden}.approvals-col-action{width:78px}.approvals-col-more{text-align:right;width:32px}.approvals-cell-project{color:#0f172a;font-size:14px;font-weight:600}.approvals-cell-reqid{color:#94a3b8;font-size:14px}.approvals-cell-date{color:#475569;font-size:14px}.approvals-status-badge{text-transform:uppercase;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.approvals-status-pending{color:#f59e0b;background:#fffbeb}.approvals-status-approved{color:#10b981;background:#ecfdf5}.approvals-status-rejected{color:#ef4444;background:#fef2f2}.approvals-approve-btn{all:unset;border-radius:var(--radius-md);color:#fff;cursor:pointer;white-space:nowrap;background:#00893d;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;transition:background .12s;display:inline-flex}.approvals-approve-btn:hover{box-shadow:none;background:#006d31;transform:none}.approvals-chevron{opacity:.8;font-size:10px}.approvals-more-btn{all:unset;color:#94a3b8;cursor:pointer;letter-spacing:1px;border-radius:4px;padding:4px;font-size:16px}.approvals-more-btn:hover{box-shadow:none;background:#f1f5f9;transform:none}.approvals-table-empty{text-align:center;color:#94a3b8;padding:24px;font-size:14px}.approvals-error{color:#ef4444}.approvals-detail-panel{background:#fff;border-left:1px solid #e2e8f0;flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.approvals-detail-header{border-bottom:1px solid #e2e8f0;flex-direction:column;padding:24px;display:flex}.approvals-detail-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.approvals-detail-header-meta{align-items:center;gap:12px;margin-top:4px;display:flex}.approvals-detail-project{color:#475569;font-size:14px;font-weight:600}.approvals-detail-content{flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.approvals-detail-section h3{color:#0f172a;margin:0 0 12px;font-size:14px;font-weight:700}.approvals-detail-description{color:#475569;margin:0;font-size:14px;line-height:1.6}.approvals-metadata-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.approvals-meta-field{flex-direction:column;gap:4px;display:flex;overflow:hidden}.approvals-meta-label{color:#94a3b8;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.approvals-meta-value{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.approvals-meta-value-editable{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:500;display:flex;overflow:hidden}.approvals-meta-caret{color:#94a3b8;margin-left:auto;font-size:12px}.approvals-detail-actions{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.approvals-action-link{all:unset;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:600}.approvals-action-link:hover{box-shadow:none;text-decoration:underline;transform:none}.approvals-detail-action-btns{gap:12px;display:flex}.approvals-primary-btn{all:unset;border-radius:var(--radius-md);color:#fff;cursor:pointer;background:#00893d;align-items:center;padding:8px 12px;font-size:13px;font-weight:600;transition:background .12s;display:inline-flex}.approvals-primary-btn:hover{box-shadow:none;background:#006d31;transform:none}.approvals-primary-btn:disabled{opacity:.6;cursor:default}.approvals-detail-empty{color:#94a3b8;flex:1;justify-content:center;align-items:center;padding:48px;font-size:14px;display:flex}.approvals-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px;display:flex}.approvals-empty-state h2{color:#0f172a;margin:0;font-size:18px}.approvals-empty-state p{color:#475569;margin:0;font-size:14px}.approvals-empty-state a{color:#3b82f6;font-weight:600}.approvals-loading{color:#94a3b8;justify-content:center;align-items:center;padding:64px;display:flex}@media (width<=900px){.approvals-page{flex-direction:column;height:auto}.approvals-queue-panel{width:100%;min-width:0;max-height:50vh}.approvals-detail-panel{border-top:1px solid #e2e8f0;border-left:0}}
