.unanswered-container{display:none;position:absolute;inset:0;background:var(--bg-primary, #f9fafb);z-index:10;overflow-y:auto}.unanswered-content{padding:32px}.unanswered-container.active{display:block}.unanswered-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:14px;padding:24px;margin-bottom:16px;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000a;transition:all .2s ease;box-shadow:0 1px 3px #0000000f}.unanswered-card .uq-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.unanswered-card .uq-question{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:14px 16px;margin-bottom:16px;font-size:14px;color:#374151;line-height:1.5}.unanswered-card textarea{width:100%;min-height:120px;border:1px solid #d1d5db;border-radius:8px;padding:12px 14px;font-size:14px;font-family:Arial,sans-serif;line-height:1.5;resize:vertical;box-sizing:border-box}.unanswered-card textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.knowledgebase-container{display:none;position:absolute;inset:0;background:var(--bg-primary, #f9fafb);z-index:10;overflow-y:auto}.knowledgebase-container.active{display:block}.purchasing-container{display:none;position:fixed;inset:40px 0 0;background:var(--bg-primary, #f9fafb);z-index:50;overflow-y:auto}.purchasing-container.active{display:block}.intake-container{display:none;position:fixed;inset:40px 0 0;background:var(--bg-primary, #f9fafb);z-index:50;overflow-y:auto}.intake-container.active{display:block}.vision-container{display:none;position:fixed;inset:40px 0 0;background:var(--bg-primary, #f9fafb);z-index:50;overflow-y:auto}.vision-container.active{display:block}.cs-container{display:none;position:fixed;inset:40px 0 0;background:var(--bg-primary, #f9fafb);z-index:50;overflow-y:auto}.cs-container.active{display:block}.warehouse-container{display:none;position:fixed;inset:40px 0 0;background:var(--bg-primary, #f9fafb);z-index:50;overflow-y:auto}.warehouse-container.active{display:block}.graphics-container{display:none;position:fixed;inset:40px 0 0;background:var(--bg-primary, #f9fafb);z-index:50;overflow-y:auto}.graphics-container.active{display:block}.production-container{display:none;position:fixed;inset:40px 0 0;background:var(--bg-primary, #f9fafb);z-index:50;overflow-y:auto}.production-container.active{display:block}.psu-container{display:none;position:fixed;inset:40px 0 0;background:#0a1024;z-index:50;overflow:hidden}.psu-container.active{display:block}.pf-container{display:none;position:fixed;inset:40px 0 0;background:#f4f6fa;z-index:50;overflow-y:auto}.pf-container.active{display:block}.pf-shell{max-width:1720px;margin:0 auto;padding:18px 24px 40px}.pf-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:12px}.pf-title{font-size:20px;font-weight:700;letter-spacing:-.01em;color:#0f172a;display:flex;align-items:center;gap:12px}.pf-loclabel{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-right:8px}.pf-locsel{padding:7px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;background:#fff;color:#0f172a;cursor:pointer}.pf-stagebar{display:flex;gap:4px;border-bottom:1px solid #e5e7eb;margin-bottom:18px}.pf-stage-btn{background:transparent;border:0;border-bottom:2px solid transparent;padding:10px 18px;font:600 13px/1 inherit;color:#6b7280;cursor:pointer;display:inline-flex;align-items:center;gap:8px;margin-bottom:-1px}.pf-stage-btn:hover{color:#0f172a}.pf-stage-btn.active{color:#4338ca;font-weight:700;border-bottom-color:#4f46e5}.pf-stage-btn .pf-badge{background:#e5e7eb;color:#374151;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700;min-width:22px;text-align:center}.pf-stage-btn.active .pf-badge{background:#4f46e5;color:#fff}.pf-lanes{display:grid;grid-template-columns:1fr 440px;gap:18px;align-items:start}@media (max-width: 1100px){.pf-lanes{grid-template-columns:1fr}}.pf-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;box-shadow:0 1px 2px #00000008}.pf-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pf-panel-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#374151}.pf-panel-count{background:#eef2ff;color:#4338ca;border-radius:10px;padding:2px 10px;font-size:12px;font-weight:700}.pf-machine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.pf-machine{border:1px solid #e5e7eb;border-radius:10px;padding:12px;background:#fff;transition:border-color .12s}.pf-machine:hover{border-color:#c7d2fe}.pf-machine-name{font-weight:700;font-size:13px;color:#0f172a;display:flex;align-items:center;justify-content:space-between;gap:6px}.pf-loc-chip{background:#f1f5f9;color:#475569;padding:1px 7px;border-radius:8px;font-size:10px;font-weight:600}.pf-machine-serial{font-size:11px;color:#9ca3af;font-family:ui-monospace,Menlo,monospace;margin-top:2px}.pf-machine-media{margin-top:8px;display:flex;flex-wrap:wrap;gap:3px}.pf-media-chip{background:#eef2ff;color:#4338ca;padding:2px 7px;border-radius:8px;font-size:10px;font-weight:600}.pf-machine-none{color:#9ca3af;font-size:11px;font-style:italic;margin-top:6px}.pf-machine-name-right{display:inline-flex;align-items:center;gap:5px}.pf-machine-active{border-color:#10b981;background:#f0fdf4;box-shadow:0 2px 8px #10b9811f}.pf-machine-active:hover{border-color:#059669}.pf-machine-running{margin-top:8px;display:flex;flex-direction:column;gap:4px}.pf-running-chip{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;font-size:11px;cursor:pointer;transition:all .1s}.pf-running-chip:hover{background:#d1fae5;border-color:#34d399;transform:translate(2px)}.pf-running-dot{width:7px;height:7px;border-radius:50%;background:#10b981;flex-shrink:0;animation:pfPulse 1.6s ease-in-out infinite}.pf-running-so{font-weight:700;color:#065f46}.pf-running-cust{color:#047857;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pf-running-time{color:#065f46;font-size:10px;opacity:.85;flex-shrink:0}.pf-done-today{background:#f1f5f9;color:#334155;padding:1px 7px;border-radius:8px;font-size:10px;font-weight:600}.pf-machine-active .pf-done-today{background:#d1fae5;color:#065f46}.pf-job.pf-job-flash{animation:pfFlash 1.4s ease-out}@keyframes pfFlash{0%{box-shadow:0 0 0 3px #fde68a;background:#fffbeb}to{box-shadow:0 0 0 0 transparent;background:#fff}}.pf-recent{margin-top:10px;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa;overflow:hidden}.pf-recent-head{padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#374151;cursor:pointer;user-select:none;transition:background .1s}.pf-recent-head:hover{background:#f3f4f6}.pf-recent-chev{color:#9ca3af;width:10px}.pf-recent-count{margin-left:auto;font-size:10px;color:#9ca3af;background:#fff;padding:1px 7px;border-radius:8px;border:1px solid #e5e7eb}.pf-recent-list{padding:4px 8px 8px;display:flex;flex-direction:column;gap:4px;border-top:1px solid #e5e7eb;background:#fff}.pf-recent-row{display:flex;align-items:center;gap:10px;padding:6px 8px;background:#f9fafb;border:1px solid #eef2f7;border-radius:6px}.pf-recent-row-main{flex:1;min-width:0;display:flex;align-items:center;gap:8px;font-size:11px;flex-wrap:wrap}.pf-recent-so{font-weight:700;color:#0f172a}.pf-recent-cust{color:#475569}.pf-recent-meta{color:#9ca3af;font-size:10px;margin-left:auto}.pf-recent-undo{background:#fff;color:#dc2626;border:1px solid #fecaca;padding:4px 10px;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .1s;flex-shrink:0}.pf-recent-undo:hover{background:#fee2e2;border-color:#fca5a5}.pf-act-rework{background:#fff;color:#b45309;border-color:#fcd34d}.pf-act-rework:hover:not(:disabled){background:#fffbeb;color:#92400e;border-color:#f59e0b}.pf-job-rework{border-color:#fcd34d;background:#fffbeb}.pf-job-rework.pf-job-active{border-color:#f59e0b}.pf-job-rework:hover{border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b24}.pf-rework-banner{margin-top:6px;padding:6px 10px;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;font-size:11px;display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;color:#92400e}.pf-rework-badge{background:#f59e0b;color:#fff;font-weight:700;letter-spacing:.04em;padding:1px 7px;border-radius:8px;font-size:10px}.pf-rework-cat{font-weight:700;color:#78350f}.pf-rework-reason{color:#78350f;flex:1;min-width:120px}.pf-rework-meta{color:#b45309;font-size:10px;opacity:.85;margin-left:auto}.pf-roll{margin-top:8px;padding:6px 8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:11px;display:flex;align-items:center;gap:6px}.pf-roll-empty{color:#9ca3af;font-style:italic;justify-content:space-between}.pf-roll-low{background:#fef2f2;border-color:#fca5a5}.pf-roll-main{flex:1;display:flex;align-items:baseline;gap:6px;min-width:0;flex-wrap:wrap}.pf-roll-type{font-weight:700;color:#0f172a}.pf-roll-serial{color:#6b7280;font-family:ui-monospace,Menlo,monospace;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-roll-yardage{margin-left:auto;font-weight:600;color:#334155;white-space:nowrap}.pf-roll-low .pf-roll-yardage{color:#b91c1c}.pf-roll-btns{display:flex;gap:4px;flex-shrink:0}.pf-roll-btn{background:#fff;color:#4b5563;border:1px solid #d1d5db;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .1s}.pf-roll-btn:hover{background:#f3f4f6;color:#1f2937;border-color:#9ca3af}.pf-roll-btn-load{background:#4f46e5;color:#fff;border-color:#4f46e5;font-size:11px;padding:4px 10px}.pf-roll-btn-load:hover{background:#4338ca;border-color:#4338ca;color:#fff}.pf-roll-btn-unload{color:#dc2626;border-color:#fecaca}.pf-roll-btn-unload:hover{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.pf-modal-scrim{position:fixed;inset:0;background:#0f172a73;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:pfFade .12s ease-out}@keyframes pfFade{0%{opacity:0}to{opacity:1}}.pf-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;box-shadow:0 20px 50px #00000038;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.pf-modal-head{padding:14px 18px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:10px}.pf-modal-title{font-size:15px;font-weight:700;color:#0f172a;flex:1}.pf-modal-x{background:transparent;border:0;font-size:22px;line-height:1;color:#9ca3af;cursor:pointer;padding:0 4px}.pf-modal-x:hover{color:#111827}.pf-modal-body{padding:14px 18px;overflow-y:auto;display:flex;flex-direction:column}.pf-modal-label{font-size:11px;font-weight:600;color:#4b5563;margin:10px 0 4px;letter-spacing:.02em;text-transform:uppercase}.pf-modal-label:first-child{margin-top:0}.pf-modal-input{width:100%;box-sizing:border-box;padding:8px 10px;font-size:13px;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;color:#111827;background:#fff}.pf-modal-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.pf-modal-note{color:#6b7280;font-size:12px;font-style:italic;padding:6px 0}.pf-modal-divider{margin:14px 0 10px;border-top:1px dashed #e5e7eb;position:relative;text-align:center}.pf-modal-divider span{background:#fff;padding:0 10px;font-size:10px;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;position:relative;top:-8px}.pf-modal-foot{padding:12px 18px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:8px;background:#f9fafb}.pf-modal-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:all .1s}.pf-modal-btn-muted{background:#fff;color:#374151;border-color:#d1d5db}.pf-modal-btn-muted:hover{background:#f3f4f6}.pf-modal-btn-primary{background:#4f46e5;color:#fff;border-color:#4f46e5}.pf-modal-btn-primary:hover{background:#4338ca;border-color:#4338ca}.pf-modal-btn-warn{background:#f59e0b;color:#fff;border-color:#f59e0b}.pf-modal-btn-warn:hover{background:#d97706;border-color:#d97706}.pf-widgets{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.pf-widget{display:flex;flex-direction:column;gap:0}.pf-widget-err{font-size:11px;color:#b91c1c;padding:6px 10px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px}.pf-rollup{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:12px;cursor:pointer;user-select:none;transition:background .1s}.pf-rollup:hover{background:#f9fafb}.pf-rollup-clean{background:#f9fafb;cursor:default;color:#9ca3af}.pf-rollup-clean:hover{background:#f9fafb}.pf-rollup-floor{border-color:#bbf7d0;background:#f0fdf4}.pf-rollup-floor:hover{background:#dcfce7}.pf-rollup-chev{color:#9ca3af;width:10px;flex-shrink:0}.pf-rollup-title{font-weight:600;color:#334155;flex-shrink:0}.pf-rollup-cats{display:flex;gap:6px;flex-wrap:wrap;flex:1;margin-left:4px}.pf-rollup-chip{background:#fef3c7;color:#92400e;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.pf-rollup-chip b{margin-left:4px}.pf-floor-chip{display:inline-flex;align-items:center;gap:5px;background:#ecfdf5;color:#065f46;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.pf-floor-chip-break{background:#fef3c7;color:#b45309}.pf-floor-dot{width:6px;height:6px;border-radius:50%;background:#10b981}.pf-floor-dot-break{background:#f59e0b}.pf-mini-btn{background:#fff;color:#4338ca;border:1px solid #c7d2fe;padding:4px 10px;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;flex-shrink:0;transition:all .1s}.pf-mini-btn:hover{background:#eef2ff;border-color:#a5b4fc}.pf-rollup-list{background:#fff;border:1px solid #e5e7eb;border-top:0;border-radius:0 0 8px 8px;padding:6px 8px 8px;display:flex;flex-direction:column;gap:4px;margin-top:-8px}.pf-rollup-row{padding:6px 8px;background:#f9fafb;border:1px solid #eef2f7;border-radius:6px}.pf-rollup-row-main{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:11px}.pf-rollup-row-so{font-weight:700;color:#0f172a}.pf-rollup-row-cust{color:#475569}.pf-rollup-row-cat{background:#fef3c7;color:#92400e;padding:1px 7px;border-radius:8px;font-weight:600}.pf-rollup-row-route{color:#4338ca;font-family:ui-monospace,Menlo,monospace;font-size:10px}.pf-rollup-row-reason{color:#475569;flex:1;min-width:120px}.pf-rollup-row-meta{color:#9ca3af;font-size:10px;margin-left:auto}.acct-clock-block{padding:10px 14px;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;background:#fafafa;display:flex;flex-direction:column;gap:8px}.acct-clock-head{display:flex;align-items:baseline;gap:8px;font-size:12px;font-weight:700}.acct-clock-sub{color:#9ca3af;font-weight:500;font-size:11px}.acct-clock-btns{display:flex;flex-wrap:wrap;gap:4px}.acct-clock-btn{flex:1;min-width:70px;padding:6px 8px;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;font-family:inherit;border:1px solid transparent;transition:all .1s}.acct-clock-primary{background:#4f46e5;color:#fff;border-color:#4f46e5}.acct-clock-primary:hover{background:#4338ca;border-color:#4338ca}.acct-clock-muted{background:#fff;color:#374151;border-color:#d1d5db}.acct-clock-muted:hover{background:#f3f4f6;border-color:#9ca3af}.acct-clock-danger{background:#fff;color:#dc2626;border-color:#fecaca}.acct-clock-danger:hover{background:#fee2e2;border-color:#fca5a5}.pf-rollup-media{border-color:#c7d2fe;background:#eef2ff}.pf-rollup-media:hover{background:#e0e7ff}.pf-recon-num{color:#475569;font-size:11px;font-family:ui-monospace,Menlo,monospace}.pf-recon-num b{color:#111827;font-weight:700}.pf-recon-gap{font-size:11px;font-weight:700;padding:1px 7px;border-radius:8px;font-family:ui-monospace,Menlo,monospace}.pf-recon-gap-ok{background:#ecfdf5;color:#065f46}.pf-recon-gap-big{background:#fef3c7;color:#b45309}.pf-recon-gap-neg{background:#fee2e2;color:#991b1b}.pf-rollup-runs{border-color:#fcd34d;background:#fffbeb}.pf-rollup-runs:hover{background:#fef3c7}.pf-run-row{cursor:pointer}.pf-run-row:hover{background:#f9fafb}.pf-run-status{font-size:9px;font-weight:700;padding:1px 6px;border-radius:8px;text-transform:uppercase;letter-spacing:.04em;margin-left:6px}.pf-run-status-planning{background:#fef3c7;color:#92400e}.pf-run-status-queued{background:#dbeafe;color:#1e40af}.pf-run-status-printing{background:#d1fae5;color:#065f46}.pf-runjobs{width:100%;border-collapse:collapse;font-size:12px;margin-top:8px}.pf-runjobs th{text-align:left;padding:6px 8px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:10px;text-transform:uppercase;color:#6b7280}.pf-runjobs td{padding:6px 8px;border-bottom:1px solid #f3f4f6}.pf-runjobs tr:hover td{background:#fafafa}.pf-machine-down{background:#fef2f2!important;border-color:#fca5a5!important;opacity:.92}.pf-down-banner{margin-top:8px;padding:8px 10px;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px}.pf-down-title{font-size:11px;font-weight:700;color:#991b1b;text-transform:uppercase;letter-spacing:.04em}.pf-down-notes{font-size:11px;color:#7f1d1d;margin-top:3px}.pf-down-meta{font-size:10px;color:#b91c1c;margin-top:4px;opacity:.8}.pf-mach-down-btn{background:transparent;border:0;color:#fcd34d;font-size:12px;cursor:pointer;padding:0 4px;margin-left:4px;opacity:.5;transition:opacity .1s,color .1s}.pf-machine:hover .pf-mach-down-btn{opacity:1}.pf-mach-down-btn:hover{color:#f59e0b}body.pf-dragging .pf-machine-down{outline:2px dashed #fca5a5!important;cursor:not-allowed}body.pf-dragging .pf-machine-down:after{content:"DOWN — cannot accept";color:#991b1b!important;background:#fee2e280!important}.pf-modal-wide{max-width:720px}.pf-report-body{padding:16px 20px}.pf-report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}@media (max-width: 640px){.pf-report-kpis{grid-template-columns:repeat(2,1fr)}}.pf-report-kpi{background:#fff;border:1px solid #e5e7eb;border-left:3px solid #6366f1;border-radius:8px;padding:10px 12px}.pf-report-kpi-green{border-left-color:#10b981}.pf-report-kpi-amber{border-left-color:#f59e0b}.pf-report-kpi-blue{border-left-color:#3b82f6}.pf-report-kpi-purple{border-left-color:#8b5cf6}.pf-report-kpi-value{font-size:22px;font-weight:700;color:#0f172a;line-height:1.05}.pf-report-kpi-label{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-top:4px}.pf-report-kpi-sub{font-size:11px;color:#9ca3af;margin-top:2px}.pf-report-diff-up{color:#065f46;font-weight:600}.pf-report-diff-down{color:#b91c1c;font-weight:600}.pf-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}@media (max-width: 640px){.pf-report-grid{grid-template-columns:1fr}}.pf-report-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px 14px;margin-bottom:10px}.pf-report-card-title{font-size:11px;font-weight:700;color:#4338ca;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.pf-report-stage-row,.pf-report-cat-row,.pf-report-op-row,.pf-report-mach-row{display:flex;align-items:center;padding:5px 0;border-bottom:1px dashed #e5e7eb;font-size:12px}.pf-report-stage-row:last-child,.pf-report-cat-row:last-child,.pf-report-op-row:last-child,.pf-report-mach-row:last-child{border-bottom:0}.pf-report-stage-name,.pf-report-cat-name{flex:1;color:#374151;font-weight:500}.pf-report-stage-count,.pf-report-cat-count{font-weight:700;color:#0f172a;font-family:ui-monospace,Menlo,monospace}.pf-report-op-row,.pf-report-mach-row{gap:10px}.pf-report-op-name,.pf-report-mach-name{flex:1;color:#0f172a;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-report-op-hours{color:#6b7280;font-size:11px;font-family:ui-monospace,Menlo,monospace}.pf-report-op-count,.pf-report-mach-count{color:#065f46;font-weight:700;font-family:ui-monospace,Menlo,monospace}.pf-report-mach-type{color:#9ca3af;font-size:10px;text-transform:uppercase}.pf-job[draggable=true]{cursor:grab}.pf-job[draggable=true]:active{cursor:grabbing}.pf-job-drag-src{opacity:.4}body.pf-dragging .pf-machine{outline:2px dashed #a5b4fc;outline-offset:3px;cursor:copy;position:relative}body.pf-dragging .pf-machine:after{content:"Drop to Start";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#4f46e50f;border-radius:10px;color:#4338ca;font-weight:700;font-size:13px;pointer-events:none;opacity:0;transition:opacity .1s}body.pf-dragging .pf-machine.pf-machine-hover{outline:3px solid #4338ca;outline-offset:3px;background:#eef2ff;transform:scale(1.02);z-index:2;transition:transform .1s}body.pf-dragging .pf-machine.pf-machine-hover:after{opacity:1;background:#4f46e524}body.pf-dragging .pf-widgets{opacity:.45;pointer-events:none}.pf-topbar-right{display:flex;align-items:center;gap:12px}body.pf-tv-active #appTopTabs,body.pf-tv-active .top-tab-bar,body.pf-tv-active .app-sidebar,body.pf-tv-active #roleSwitcher,body.pf-tv-active .pf-topbar,body.pf-tv-active .pf-widgets{display:none!important}body.pf-tv-active{background:#0f172a;color:#e5e7eb;overflow-x:hidden}body.pf-tv-active .pf-shell{padding:8px 20px 20px;max-width:none}body.pf-tv-active .pf-stagebar{background:transparent;border:0;padding:4px 0 8px;justify-content:center;gap:10px}body.pf-tv-active .pf-stage-btn{background:#1e293b;border-color:#334155;color:#94a3b8;font-size:17px;padding:10px 20px;font-weight:700}body.pf-tv-active .pf-stage-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff;box-shadow:0 0 32px #4f46e58c}body.pf-tv-active .pf-stage-btn .pf-badge{background:#fff3;color:#fff}body.pf-tv-active .pf-lanes{gap:20px}body.pf-tv-active .pf-panel{background:#111827;border:1px solid #1f2937;border-radius:12px;box-shadow:0 4px 20px #0006}body.pf-tv-active .pf-panel-head{background:#1e293b;color:#e5e7eb;border-color:#334155}body.pf-tv-active .pf-panel-title{color:#f1f5f9;font-size:18px;letter-spacing:.04em}body.pf-tv-active .pf-panel-count{background:#4f46e5;color:#fff;font-size:16px}body.pf-tv-active .pf-empty{color:#64748b;font-size:16px}body.pf-tv-active .pf-machine-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}body.pf-tv-active .pf-machine{background:#1e293b;border-color:#334155;color:#f1f5f9;padding:16px;border-radius:12px}body.pf-tv-active .pf-machine-name{color:#f1f5f9;font-size:16px}body.pf-tv-active .pf-loc-chip{background:#334155;color:#cbd5e1}body.pf-tv-active .pf-machine-serial{color:#64748b}body.pf-tv-active .pf-machine-active{background:#064e3b;border-color:#10b981;box-shadow:0 0 28px #10b98173}body.pf-tv-active .pf-machine-active .pf-machine-name{color:#d1fae5}body.pf-tv-active .pf-running-chip{background:#065f46;border-color:#10b981;color:#d1fae5;font-size:14px;padding:10px 12px}body.pf-tv-active .pf-running-so{color:#fff;font-size:15px}body.pf-tv-active .pf-running-cust{color:#a7f3d0}body.pf-tv-active .pf-running-time{color:#d1fae5}body.pf-tv-active .pf-roll{background:#0f172a;border-color:#1f2937;color:#cbd5e1}body.pf-tv-active .pf-roll-type{color:#f1f5f9;font-size:13px}body.pf-tv-active .pf-roll-serial{color:#94a3b8}body.pf-tv-active .pf-media-chip{background:#1e3a8a;color:#bfdbfe}body.pf-tv-active .pf-done-today{background:#1e293b;color:#cbd5e1}body.pf-tv-active .pf-machine-active .pf-done-today{background:#065f46;color:#d1fae5}body.pf-tv-active .pf-joblist{max-height:calc(100vh - 210px)}body.pf-tv-active .pf-job{background:#1e293b;border-color:#334155;color:#f1f5f9;padding:14px 16px;font-size:14px;cursor:default}body.pf-tv-active .pf-job-head{align-items:center}body.pf-tv-active .pf-job-tranid{color:#f1f5f9;font-size:16px}body.pf-tv-active .pf-job-chev,body.pf-tv-active .pf-ns-btn,body.pf-tv-active .pf-job-actions,body.pf-tv-active .pf-job-progress{display:none!important}body.pf-tv-active .pf-job-cust{color:#cbd5e1;font-size:13px}body.pf-tv-active .pf-job-item,body.pf-tv-active .pf-job-meta{color:#94a3b8;font-size:12px}body.pf-tv-active .pf-job-score{color:#818cf8;font-size:13px}body.pf-tv-active .pf-job-active{background:#064e3b;border-color:#10b981;box-shadow:0 0 18px #10b98166}body.pf-tv-active .pf-job-rush{background:#991b1b;color:#fee2e2;font-size:11px;animation:pfRushFlash 1.3s ease-in-out infinite}@keyframes pfRushFlash{0%,to{background:#991b1b;color:#fee2e2}50%{background:#fecaca;color:#7f1d1d}}body.pf-tv-active .pf-job-rework{background:#78350f;border-color:#f59e0b}body.pf-tv-active .pf-rework-banner{background:#f59e0b2e;border-color:#f59e0b;color:#fef3c7}body.pf-tv-active .pf-rework-cat,body.pf-tv-active .pf-rework-reason{color:#fef3c7}.pf-tv-bar{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;padding:10px 22px;background:#0b1220;border-bottom:1px solid #1e293b;color:#e5e7eb;font-family:ui-monospace,Menlo,monospace}body.pf-tv-active{padding-top:54px}.pf-tv-clock{font-size:20px;font-weight:700;color:#f1f5f9;letter-spacing:.04em}.pf-tv-title{font-size:18px;color:#cbd5e1;font-weight:700}.pf-tv-title #pfTvStageLabel{color:#818cf8}.pf-tv-sep{color:#475569;margin:0 8px}.pf-tv-cycle{display:flex;align-items:center;gap:12px}.pf-tv-dot{display:inline-block;width:8px;height:8px;margin:0 3px;border-radius:50%;background:#334155;transition:all .2s}.pf-tv-dot.on{background:#4f46e5;transform:scale(1.4);box-shadow:0 0 12px #4f46e5}body.pf-tv-active .pf-tv-cycle .pf-mini-btn{background:#1e293b;color:#cbd5e1;border-color:#475569}body.pf-tv-active .pf-tv-cycle .pf-mini-btn:hover{background:#334155;color:#fff}body.pf-tv-active .pf-recent{display:none!important}.pf-joblist{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 260px);overflow-y:auto;padding-right:6px}.pf-job{border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;background:#fff;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:border-color .1s,box-shadow .1s}.pf-job:hover{border-color:#a5b4fc;box-shadow:0 2px 8px #4f46e514}.pf-job-head{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.pf-job-tranid{font-weight:700;font-size:13px;color:#0f172a}.pf-job-score{font-size:11px;color:#9ca3af;font-family:ui-monospace,Menlo,monospace}.pf-job-cust{font-size:12px;color:#475569}.pf-job-item{font-size:11px;color:#6b7280}.pf-job-meta{display:flex;gap:10px;font-size:11px;color:#9ca3af;margin-top:2px;flex-wrap:wrap}.pf-job-rush{background:#fef2f2;color:#b91c1c;padding:1px 7px;border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.02em}.pf-job-fabric{background:#eef2ff;color:#4338ca;padding:1px 7px;border-radius:8px;font-size:10px;font-weight:600}.pf-job-active{border-color:#10b981;background:#f0fdf4}.pf-job-active:hover{border-color:#059669;box-shadow:0 2px 8px #10b9811f}.pf-job-progress{margin-top:6px;padding:6px 10px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;font-size:11px;color:#065f46;font-weight:500;display:flex;align-items:center;gap:6px}.pf-job-progress-dot{width:8px;height:8px;border-radius:50%;background:#10b981;flex-shrink:0;animation:pfPulse 1.6s ease-in-out infinite}@keyframes pfPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.pf-job-actions{display:flex;gap:6px;margin-top:8px;padding-top:8px;border-top:1px dashed #e5e7eb}.pf-act{flex:1;padding:7px 10px;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .1s;letter-spacing:.01em}.pf-act:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.pf-act:disabled{opacity:.5;cursor:not-allowed}.pf-act-start{background:#4f46e5;color:#fff;border-color:#4f46e5}.pf-act-start:hover:not(:disabled){background:#4338ca;border-color:#4338ca}.pf-act-done{background:#10b981;color:#fff;border-color:#10b981}.pf-act-done:hover:not(:disabled){background:#059669;border-color:#059669}.pf-act-muted{background:#fff;color:#6b7280;border-color:#d1d5db}.pf-act-muted:hover:not(:disabled){background:#f9fafb;color:#374151;border-color:#9ca3af}.pf-job-head-right{display:flex;align-items:center;gap:6px}.pf-job-chev{display:inline-block;width:10px;color:#9ca3af;font-size:10px;margin-right:2px;transition:color .1s}.pf-job:hover .pf-job-chev{color:#4f46e5}.pf-job-open{border-color:#6366f1;box-shadow:0 2px 10px #4f46e514}.pf-job-open.pf-job-active{border-color:#059669;box-shadow:0 2px 10px #10b9811f}.pf-ns-btn{border:1px solid #e5e7eb;background:#fff;color:#6b7280;width:22px;height:22px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .1s}.pf-ns-btn:hover{color:#4338ca;border-color:#a5b4fc;background:#eef2ff}.pf-ns-btn svg{display:block}.pf-job-detail{margin-top:8px;padding:10px 2px 4px;border-top:1px dashed #e5e7eb;font-size:12px;color:#374151;cursor:default}.pf-det-timeline{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px;padding:6px;background:#f9fafb;border-radius:6px}.pf-det-step{display:flex;align-items:center;gap:4px;font-size:11px;padding:2px 7px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;color:#9ca3af;font-weight:500;flex:1 1 auto;justify-content:center;min-width:72px}.pf-det-step.done{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.pf-det-step-mark{font-weight:700;font-size:10px}.pf-det-rows{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin-bottom:8px}.pf-det-row{display:flex;gap:6px;font-size:11px;overflow:hidden}.pf-det-k{color:#9ca3af;flex-shrink:0}.pf-det-v{color:#111827;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-det-note{margin-top:6px;padding:8px 10px;background:#fffbeb;border:1px solid #fde68a;border-radius:6px}.pf-det-note-lbl{font-size:10px;font-weight:700;color:#92400e;letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px}.pf-det-note-body{font-size:12px;color:#78350f;white-space:pre-wrap;word-break:break-word;line-height:1.4}.pf-empty{padding:24px 12px;text-align:center;color:#9ca3af;font-size:13px;font-style:italic}.gfx-shell{display:grid;grid-template-columns:420px 1fr;gap:24px;padding:24px;max-width:1600px;margin:0 auto}.gfx-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px 20px;box-shadow:0 1px 2px #00000008}.gfx-subtabs{display:flex;gap:2px;border-bottom:1px solid #e5e7eb;padding:0 24px;background:#fff}.gfx-subtab{background:transparent;border:none;padding:10px 16px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.gfx-subtab:hover{color:#1f2937}.gfx-subtab.active{color:#4338ca;border-bottom-color:#6366f1}.gfx3d-shell{display:grid;grid-template-columns:360px 1fr;gap:24px;padding:24px;max-width:1600px;margin:0 auto}body.gfx3d-editor-mode .gfx3d-shell{grid-template-columns:1fr}body.gfx3d-editor-mode .gfx3d-form{display:none!important}body.gfx3d-editor-mode .gfx3d-viewer-wrap,body.gfx3d-editor-mode .gfx3d-viewer-wrap iframe{min-height:calc(100vh - 200px)}.gfx3d-form{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px 20px;height:fit-content}.gfx3d-viewer-wrap{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;min-height:640px;display:flex;align-items:stretch}.gfx3d-viewer-wrap iframe{flex:1;border:0;width:100%;min-height:640px}.gfx3d-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:#9ca3af;padding:40px}.gfx3d-placeholder svg{width:56px;height:56px;color:#d1d5db}.gfx3d-meta{margin-top:14px;display:flex;flex-direction:column;gap:4px;font-size:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:10px 12px}.gfx3d-meta-row{display:grid;grid-template-columns:80px 1fr;gap:8px}.gfx3d-meta-row .k{color:#6b7280;font-weight:500}.gfx3d-meta-row .v{color:#111827;word-break:break-word}.gfx3d-meta-row .v a{color:#4338ca}.gfx3d-muted{color:#9ca3af;font-weight:400}.gfx3d-expand-btn{position:absolute;top:10px;right:10px;z-index:50;width:36px;height:36px;border-radius:8px;background:#0f172ad9;color:#e2e8f0;border:1px solid #334155;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;backdrop-filter:blur(6px)}.gfx3d-expand-btn:hover{background:#0f172af2;border-color:#6366f1;color:#fff;transform:scale(1.05)}body.gfx3d-expanded .gfx3d-viewer-wrap{position:fixed;inset:0;z-index:9999;border-radius:0;min-height:100vh}body.gfx3d-expanded .gfx3d-viewer-wrap iframe{min-height:100vh}body.gfx3d-expanded{overflow:hidden}.gfx3d-model-grid{display:grid;grid-template-columns:1fr;gap:6px;margin-top:8px}.gfx3d-model-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:grab;text-align:left;font-family:inherit;transition:all .12s;-webkit-user-drag:element}.gfx3d-model-card:hover{border-color:#a5b4fc;background:#eef2ff;transform:translate(2px)}.gfx3d-model-card:active{cursor:grabbing}.gfx3d-model-card.gfx3d-dragging{opacity:.5}.gfx3d-model-card.active{border-color:#4f46e5;background:linear-gradient(90deg,#eef2ff,#fff);box-shadow:0 2px 6px #4f46e51f}.gfx3d-model-icon{flex-shrink:0;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:#f1f5f9;color:#4338ca;border-radius:8px}.gfx3d-model-card.active .gfx3d-model-icon{background:#4f46e5;color:#fff}.gfx3d-model-card.gfx3d-user-upload{background:linear-gradient(90deg,#fef3c7,#fff);border-color:#fde68a}.gfx3d-model-card.gfx3d-user-upload:hover{background:linear-gradient(90deg,#fde68a,#fff);border-color:#fbbf24}.gfx3d-card-del{margin-left:auto;padding:2px 8px;border-radius:4px;background:#0000000f;color:#94a3b8;font-size:12px;cursor:pointer;transition:all .12s}.gfx3d-card-del:hover{background:#fee2e2;color:#b91c1c}#gfx3dUploadZone:hover{border-color:#6366f1!important;background:#eef2ff;color:#4338ca!important}.gfx3d-model-icon svg{width:22px;height:22px}.gfx3d-model-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.gfx3d-model-name{font-size:13px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gfx3d-model-sub{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gfx-card h3{margin:0 0 12px;font-size:14px;color:#111827;font-weight:600;letter-spacing:.01em}.gfx-label{display:block;font-size:12px;color:#374151;margin:12px 0 4px;font-weight:500}.gfx-input,.gfx-textarea,.gfx-select{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-family:inherit;background:#fff;color:#111827;box-sizing:border-box}.gfx-input:focus,.gfx-textarea:focus,.gfx-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.gfx-textarea{min-height:96px;resize:vertical}.gfx-sku-row{display:flex;gap:8px}.gfx-sku-row .gfx-input{flex:1}.gfx-btn{padding:8px 14px;border:1px solid transparent;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit;background:#6366f1;color:#fff}.gfx-btn:hover:not(:disabled){background:#4f46e5}.gfx-btn:disabled{opacity:.5;cursor:not-allowed}.gfx-btn-secondary{background:#fff;color:#374151;border-color:#d1d5db}.gfx-btn-secondary:hover:not(:disabled){background:#f9fafb}.gfx-btn-primary-wide{width:100%;padding:12px;font-size:14px;font-weight:600;margin-top:16px}body.kai-fullscreen #appTopTabs,body.kai-fullscreen .section-topbar,body.kai-fullscreen .gfx-subtabs{display:none!important}body.kai-fullscreen .graphics-container{top:0!important}body.kai-fullscreen #gfxSubKai{height:100vh!important}.kai-page{display:grid;grid-template-rows:auto 1fr;height:calc(100vh - 160px);min-height:560px;background:#f8fafc}body.kai-fullscreen .kai-page{height:100vh}.kai-header{display:flex;align-items:center;gap:14px;padding:12px 22px;background:linear-gradient(135deg,#4338ca,#7c3aed);color:#fff;box-shadow:0 1px 3px #0f172a1f}.kai-header .kai-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;letter-spacing:-.01em}.kai-header .kai-title .kai-spark{font-size:18px}.kai-header select.kai-tpl-picker{flex:1;max-width:360px;padding:7px 12px;border:1px solid rgba(255,255,255,.22);border-radius:8px;font:inherit;font-size:13px;background:#ffffff24;color:#fff}.kai-header select.kai-tpl-picker option{color:#0f172a;background:#fff}.kai-header .kai-hint{font-size:11px;color:#ffffffc7;flex:1}.kai-header .kai-icon-btn{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.22);padding:6px 12px;font-size:12px;border-radius:6px;cursor:pointer;transition:all .15s;font-family:inherit}.kai-header .kai-icon-btn:hover:not(:disabled){background:#ffffff3d}.kai-header .kai-icon-btn:disabled{opacity:.5;cursor:not-allowed}.kai-header .kai-icon-btn.primary{background:#fff;color:#4338ca;border-color:transparent;font-weight:600}.kai-header .kai-icon-btn.primary:hover:not(:disabled){background:#f1f5f9}.kai-body{display:grid;grid-template-columns:440px 1fr;min-height:0}.kai-chat-pane{display:grid;grid-template-rows:auto 1fr auto;background:#fff;border-right:1px solid #e5e7eb;min-height:0}.kai-stepper{display:flex;align-items:stretch;padding:12px 18px;gap:0;border-bottom:1px solid #f1f5f9;background:#fafbff}.kai-step{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;position:relative}.kai-step:not(:last-child):after{content:"";position:absolute;right:-2px;top:8px;width:calc(100% - 24px);height:1px;background:#e2e8f0;transform:translate(20px)}.kai-step .kai-step-num{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#e2e8f0;color:#94a3b8;font-size:10px;font-weight:700;transition:background .2s,color .2s}.kai-step.active .kai-step-num{background:#4338ca;color:#fff}.kai-step.done .kai-step-num{background:#15803d;color:#fff}.kai-step .kai-step-label{font-size:10px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.kai-step.active .kai-step-label{color:#4338ca}.kai-step.done .kai-step-label{color:#15803d}.kai-chat-scroll{padding:16px 18px;overflow-y:auto;font-size:13px;line-height:1.55;min-height:0}.kai-bubble-user,.kai-bubble-kai{margin:10px 0;display:flex;max-width:92%;animation:kaiFadeIn .25s ease-out}.kai-bubble-user{justify-content:flex-end;margin-left:auto}.kai-bubble-user-wrap{display:flex;flex-direction:column;align-items:flex-end}.kai-undo-btn{background:none;border:0;color:#94a3b8;font-size:11px;font-weight:600;cursor:pointer;padding:2px 8px;margin-top:2px;font-family:inherit;border-radius:4px;transition:color .15s}.kai-undo-btn:hover{color:#7c3aed;background:#f5f3ff}.kai-bubble-user>div{background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff;padding:9px 13px;border-radius:14px 14px 3px;font-size:13px;box-shadow:0 2px 6px #6366f12e}.kai-bubble-kai>div{background:#fff;border:1px solid #e5e7eb;color:#0f172a;padding:10px 13px;border-radius:14px 14px 14px 3px;font-size:13px;box-shadow:0 1px 2px #0f172a0a}.kai-bubble-kai .kai-from{font-weight:700;color:#6d28d9;font-size:10px;margin-bottom:3px;letter-spacing:.04em;text-transform:uppercase}.kai-bubble-kai img{display:block;width:100%;max-height:240px;object-fit:contain;background:#f8fafc;border-radius:8px;margin-top:8px;border:1px solid #e5e7eb}@keyframes kaiFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.kai-choice-row{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.kai-choice-btn{padding:6px 12px;border:1.5px solid #c7d2fe;background:#eef2ff;color:#3730a3;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.kai-choice-btn:hover{background:#e0e7ff;border-color:#818cf8}.kai-choice-btn:active{transform:scale(.97)}.kai-choice-cards{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.kai-choice-card{display:flex;flex-direction:column;align-items:stretch;gap:0;border:1.5px solid #c7d2fe;background:#fff;color:#1e1b4b;border-radius:10px;padding:0;cursor:pointer;font-family:inherit;overflow:hidden;transition:all .15s}.kai-choice-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f12e;transform:translateY(-1px)}.kai-choice-card:active{transform:scale(.98)}.kai-choice-card img{display:block;width:100%;height:90px;object-fit:cover;background:#f1f5f9}.kai-choice-card .kai-choice-card-noimg{width:100%;height:90px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-size:22px}.kai-choice-card span{display:block;padding:7px 10px;font-size:12px;font-weight:600;text-align:center}.kai-input-pane{padding:12px 14px;background:#fafbff;border-top:1px solid #e5e7eb}.kai-quick-chips{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.kai-chip{padding:4px 10px;border:1px solid #e5e7eb;background:#fff;color:#475569;border-radius:999px;font-size:11px;cursor:pointer;font-family:inherit;transition:all .15s}.kai-chip:hover{background:#eef2ff;border-color:#c7d2fe;color:#3730a3}.kai-input-row{position:relative}.kai-input-row textarea{width:100%;padding:10px 56px 10px 12px;border:1.5px solid #e2e8f0;border-radius:10px;font:inherit;font-size:13px;resize:vertical;min-height:64px;transition:border-color .15s;background:#fff;box-sizing:border-box}.kai-input-row textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.kai-input-row textarea:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.kai-input-send{position:absolute;right:8px;bottom:8px;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #6366f14d;transition:all .15s}.kai-input-send:hover:not(:disabled){transform:scale(1.06);box-shadow:0 4px 10px #6366f166}.kai-input-send:disabled{opacity:.4;cursor:not-allowed}.kai-input-send svg{width:18px;height:18px}.kai-input-attach{position:absolute;right:52px;bottom:8px;width:36px;height:36px;border-radius:50%;background:#fff;color:#6366f1;border:1.5px solid #e2e8f0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.kai-input-attach:hover:not(:disabled){border-color:#6366f1;background:#eef2ff}.kai-input-attach:disabled{opacity:.4;cursor:not-allowed}.kai-input-attach svg{width:16px;height:16px}.kai-input-row textarea{padding-right:102px}.kai-input-status{display:flex;align-items:center;gap:6px;min-height:18px;margin-top:6px;font-size:11px;color:#64748b}.kai-input-status .kai-spinner{width:11px;height:11px;border:2px solid #c7d2fe;border-top-color:#4338ca;border-radius:50%;animation:kaiSpin .7s linear infinite}@keyframes kaiSpin{to{transform:rotate(360deg)}}.kai-voice-cta{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff;border:0;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;box-shadow:0 4px 12px #6366f14d;transition:all .18s}.kai-voice-cta:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6366f173}.kai-voice-cta:active{transform:scale(.98)}.kai-mic-pulse{display:inline-block;width:10px;height:10px;border-radius:50%;background:#dc2626;animation:kaiMicPulse 1s ease-in-out infinite;box-shadow:0 0 #dc262699}@keyframes kaiMicPulse{0%{transform:scale(.95);box-shadow:0 0 #dc262699}70%{transform:scale(1.05);box-shadow:0 0 0 8px #dc262600}to{transform:scale(.95);box-shadow:0 0 #dc262600}}.kai-viewer-pane{background:#f1f5f9;position:relative;min-width:0}.kai-viewer-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;gap:12px;padding:40px;text-align:center}.kai-viewer-placeholder .kai-ph-icon{width:80px;height:80px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:38px;box-shadow:0 4px 14px #0f172a0f}.kai-viewer-placeholder .kai-ph-title{font-size:15px;font-weight:600;color:#475569}.kai-viewer-placeholder .kai-ph-sub{font-size:12px;color:#94a3b8;max-width:320px}.kai-form-pane{background:#fff;border-right:1px solid #e5e7eb;min-height:0;overflow:hidden}.kai-form-scroll{padding:18px 22px;overflow-y:auto;height:100%}.kai-form-header{margin-bottom:18px}.kai-form-title{font-size:16px;font-weight:700;color:#1e1b4b;margin-bottom:4px}.kai-form-sub{font-size:12px;color:#64748b;line-height:1.45}.kai-form-label{display:block;font-size:11px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.04em;margin-top:12px;margin-bottom:4px}.kai-form-input{width:100%;padding:9px 12px;border:1.5px solid #e2e8f0;border-radius:8px;font:inherit;font-size:14px;box-sizing:border-box;margin-bottom:4px;transition:border-color .15s;background:#fff;color:#0f172a;resize:vertical;font-family:inherit}.kai-form-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.kai-form-drop{border:2px dashed #cbd5e1;border-radius:8px;padding:18px 12px;text-align:center;cursor:pointer;background:#fafbff;transition:all .15s}.kai-form-drop:hover{border-color:#6366f1;background:#eef2ff}.kai-form-generate{width:100%;margin-top:22px;padding:14px 18px;font-size:15px;font-weight:600;border-radius:10px;cursor:pointer;font-family:inherit;background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff;border:0;box-shadow:0 4px 12px #6366f14d;transition:all .18s}.kai-form-generate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #6366f166}.kai-form-generate:disabled{opacity:.6;cursor:not-allowed}.kai-empty-pro{text-align:center;padding:36px 18px;color:#475569}.kai-empty-pro .kai-empty-icon{font-size:44px;margin-bottom:6px}.kai-empty-pro .kai-empty-title{font-size:16px;font-weight:700;color:#1e1b4b;margin-bottom:4px}.kai-empty-pro .kai-empty-body{font-size:12.5px;color:#64748b;max-width:320px;margin:0 auto;line-height:1.55}.kai-tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:18px;overflow-y:auto}.kai-tpl-card{background:#fff;border:2px solid #e5e7eb;border-radius:10px;overflow:hidden;cursor:pointer;transition:all .18s;display:flex;flex-direction:column;text-align:left;font-family:inherit;padding:0}.kai-tpl-card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 6px 18px #6366f12e}.kai-tpl-card-img{width:100%;height:120px;object-fit:cover;background:#f1f5f9;display:block}.kai-tpl-card-img-placeholder{width:100%;height:120px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-size:30px}.kai-tpl-card-body{padding:10px 12px}.kai-tpl-card-label{font-size:13px;font-weight:600;color:#0f172a;margin-bottom:2px}.kai-tpl-card-meta{font-size:11px;color:#94a3b8}.kai-tpl-empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:#94a3b8}.kai-captured{display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px;border-bottom:1px solid #f1f5f9;background:#f8fafc}.kai-captured-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;border-radius:999px;font-size:11px;font-weight:600}.kai-captured-chip:before{content:"✓";font-weight:700}.kai-quick-replies{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.kai-quick-reply{padding:6px 12px;border:1.5px solid #e0e7ff;background:#fff;color:#4338ca;border-radius:999px;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s}.kai-quick-reply:hover{background:#eef2ff;border-color:#818cf8}.kai-skeleton{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(110deg,#fff0 30%,#6366f12e,#fff0 70%);background-size:200% 100%;animation:kaiShimmer 1.4s ease-in-out infinite;display:flex;align-items:center;justify-content:center}.kai-skeleton-msg{background:#0f172ad9;color:#fff;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600;backdrop-filter:blur(4px)}@keyframes kaiShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.kai-cta-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 16px;padding:0}.kai-cta{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:12px 8px;cursor:pointer;font-family:inherit;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:4px}.kai-cta:hover{border-color:#6366f1;background:#eef2ff;transform:translateY(-1px)}.kai-cta-icon{font-size:22px}.kai-cta-label{font-size:11px;font-weight:600;color:#475569;text-align:center;line-height:1.2}.kai-history-strip{display:flex;gap:8px;padding:8px 16px;border-top:1px solid #f1f5f9;overflow-x:auto;background:#fafbff}.kai-history-strip::-webkit-scrollbar{height:6px}.kai-history-thumb{flex:0 0 auto;width:70px;height:50px;border-radius:6px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all .15s;position:relative}.kai-history-thumb img{width:100%;height:100%;object-fit:cover}.kai-history-thumb:hover{border-color:#6366f1}.kai-history-thumb.current{border-color:#4338ca;box-shadow:0 2px 8px #6366f14d}.kai-skip-row{display:flex;justify-content:center;gap:8px;margin-bottom:8px}.kai-skip-btn{background:none;border:0;color:#6366f1;font-size:11px;font-weight:600;cursor:pointer;padding:4px 8px;font-family:inherit;text-decoration:underline}.kai-skip-btn:hover{color:#4338ca}.kai-page,.kai-page *{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.kai-page{font-size:14px}.kai-bubble-kai>div{font-size:14.5px;line-height:1.55}.kai-bubble-user>div{font-size:14.5px;line-height:1.5}.kai-bubble-kai .kai-from{font-size:10.5px;letter-spacing:.06em}.kai-input-row textarea{font-size:14.5px;line-height:1.5}.kai-header .kai-title{font-size:16px;letter-spacing:-.015em;font-weight:700}.kai-stepper .kai-step-label{font-size:10.5px}.kai-quick-reply,.kai-choice-btn{font-size:13px}.kai-design-card{margin:14px 16px 0;padding:12px 14px;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #ddd6fe;border-radius:12px;box-shadow:0 1px 2px #5b21b60d;animation:kaiCardIn .35s ease-out;transition:max-height .35s ease-out}@keyframes kaiCardIn{0%{opacity:0;transform:translateY(-6px);max-height:0}to{opacity:1;transform:translateY(0);max-height:600px}}.kai-design-card-header{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:700;color:#5b21b6;letter-spacing:.08em;text-transform:uppercase}.kai-design-card-header:before{content:"✨";font-size:13px}.kai-design-row{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:10px;padding:6px 0;border-top:1px solid rgba(167,139,250,.18);animation:kaiRowIn .3s ease-out}.kai-design-row:first-of-type{border-top:0}@keyframes kaiRowIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.kai-design-label{font-size:11px;font-weight:600;color:#6d28d9;text-transform:uppercase;letter-spacing:.04em}.kai-design-value{font-size:14px;font-weight:500;color:#1e1b4b;line-height:1.35;word-break:break-word}.kai-design-edit{background:none;border:0;cursor:pointer;color:#7c3aed;padding:4px 8px;border-radius:6px;font-size:11px;font-family:inherit;opacity:0;transition:opacity .15s,background .15s}.kai-design-row:hover .kai-design-edit{opacity:1}.kai-design-edit:hover{background:#7c3aed14}.kai-slot{margin:10px 16px 0;overflow:hidden;max-height:0;opacity:0;transition:max-height .4s ease-out,opacity .3s ease-out,margin .3s ease-out}.kai-slot.open{max-height:320px;opacity:1}.kai-slot-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:14px 16px;box-shadow:0 2px 8px #0f172a0a}.kai-slot-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#4338ca;margin-bottom:8px}.kai-slot-title .kai-slot-close{margin-left:auto;background:none;border:0;color:#94a3b8;cursor:pointer;font-size:16px;padding:0 4px;line-height:1}.kai-slot textarea{width:100%;padding:10px 12px;border:1.5px solid #e2e8f0;border-radius:8px;font:inherit;font-size:14.5px;resize:vertical;min-height:56px;transition:border-color .15s;background:#fff;box-sizing:border-box}.kai-slot textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.kai-slot-hint{font-size:11px;color:#64748b;margin-top:6px}.kai-slot-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.kai-slot-actions button{padding:6px 14px;font-size:12.5px;font-weight:600;border-radius:6px;cursor:pointer;font-family:inherit;transition:all .15s;border:1.5px solid transparent}.kai-slot-actions .kai-slot-save{background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff}.kai-slot-actions .kai-slot-save:hover{transform:translateY(-1px);box-shadow:0 3px 8px #6366f14d}.kai-slot-actions .kai-slot-cancel{background:#fff;color:#64748b;border-color:#e2e8f0}.kai-slot-actions .kai-slot-cancel:hover{background:#f8fafc}.kai-slot-drop{border:2px dashed #cbd5e1;border-radius:10px;padding:22px 14px;text-align:center;cursor:pointer;background:#fafbff;transition:all .15s}.kai-slot-drop:hover{border-color:#6366f1;background:#eef2ff}.kai-slot-drop-icon{font-size:30px;margin-bottom:4px}.kai-slot-drop-title{font-size:13px;font-weight:600;color:#475569}.kai-slot-drop-sub{font-size:11px;color:#94a3b8;margin-top:2px}@media (max-width: 900px){.kai-body{grid-template-columns:1fr;grid-template-rows:1fr 280px}.kai-chat-pane{border-right:0;border-bottom:1px solid #e5e7eb}.kai-header{flex-wrap:wrap;padding:10px 14px}.kai-header .kai-tpl-picker{max-width:100%;flex-basis:100%}.kai-header .kai-icon-btn{padding:5px 9px;font-size:11px}.kai-tpl-grid{grid-template-columns:repeat(2,1fr);padding:12px;gap:10px}.kai-cta-row{grid-template-columns:repeat(3,1fr)}.kai-stepper{padding:8px 12px}.kai-step .kai-step-label{display:none}}.gfx-product-card{margin-top:12px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:12px}.gfx-product-card.empty{color:#9ca3af;font-style:italic;text-align:center;padding:20px 12px}.gfx-product-name{font-size:13px;font-weight:600;color:#111827;margin-bottom:2px}.gfx-product-meta{color:#6b7280;font-size:11px}.gfx-product-template{margin-top:8px;display:flex;align-items:center;gap:8px;font-size:11px;color:#10b981}.gfx-product-template.missing{color:#b45309}.gfx-logo-row{display:flex;align-items:center;gap:8px;margin-top:4px}.gfx-logo-file{flex:1;font-size:11px;color:#6b7280}.gfx-logo-controls{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center;margin-top:10px;padding:10px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.gfx-logo-controls label{font-size:12px;color:#374151}.gfx-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-top:4px;padding:20px 14px;background:#fff;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease;outline:none}.gfx-dropzone:hover{border-color:#9ca3af;background:#f9fafb}.gfx-dropzone:focus-visible{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.gfx-dropzone.dragover{border-color:#6366f1;background:#eef2ff;color:#4338ca}.gfx-dropzone.has-file{border-style:solid;border-color:#10b981;background:#f0fdf4;color:#065f46;padding:14px}.gfx-dropzone svg{width:28px;height:28px;opacity:.55;stroke:currentColor}.gfx-dz-title{font-size:13px;font-weight:500;color:#374151}.gfx-dz-sub{font-size:11px;color:#6b7280}.gfx-dz-browse{color:#6366f1;text-decoration:underline;font-weight:500}.gfx-dz-file{display:flex;align-items:center;gap:10px;font-size:13px;color:#065f46;max-width:100%}.gfx-dz-file-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.gfx-dz-file-size{color:#6b7280;font-size:11px}.gfx-dz-remove{background:#fff;border:1px solid #d1d5db;color:#b91c1c;font-size:13px;line-height:1;cursor:pointer;padding:3px 7px;border-radius:4px}.gfx-dz-remove:hover{background:#fef2f2;border-color:#fca5a5}.gfx-result-card{min-height:600px;display:flex;flex-direction:column}.gfx-result-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;text-align:center;padding:40px 20px}.gfx-result-empty svg{width:80px;height:80px;margin-bottom:16px;opacity:.4}.gfx-result-empty-title{font-size:15px;font-weight:500;color:#6b7280;margin-bottom:4px}.gfx-result-empty-sub{font-size:12px;max-width:320px;line-height:1.5}.gfx-result-image-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;background:#f3f4f6;border-radius:8px;overflow:hidden}.gfx-result-image-wrap img{max-width:100%;max-height:560px;object-fit:contain;border-radius:4px;box-shadow:0 4px 12px #0000001a}.gfx-result-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;margin-top:12px;border-top:1px solid #e5e7eb}.gfx-result-meta{font-size:11px;color:#6b7280}.gfx-busy{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:#6b7280;font-size:13px}.gfx-busy-spin{width:20px;height:20px;border:2.5px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:gfxSpin .8s linear infinite}@keyframes gfxSpin{to{transform:rotate(360deg)}}.gfx-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;padding:10px 12px;border-radius:6px;font-size:12px;margin-top:10px}.gfx-info-note{font-size:11px;color:#6b7280;font-style:italic;margin-top:6px;line-height:1.4}.accounting-container{display:none;position:fixed;inset:40px 0 0;background:#f9fafb;z-index:50;overflow:hidden}.accounting-container.active{display:block}.printing-container{display:none;position:fixed;inset:40px 0 0;background:#f5f6f8;z-index:50;overflow:hidden}.printing-container.active{display:block}.metrics-container{display:none;position:fixed;inset:40px 0 0;background:#f1f5f9;z-index:50;overflow:hidden}.metrics-container.active{display:block}.hr-container{display:none;position:fixed;inset:40px 0 0;background:#f1f5f9;z-index:50;overflow:hidden}.hr-container.active{display:block}.executive-container{display:none;position:fixed;inset:40px 0 0;background:#f5f7fb;z-index:50;overflow-y:auto}.executive-container.active{display:block}.kb-activity-row{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-bottom:1px solid #f3f4f6;transition:background .15s}.kb-activity-row:hover{background:#f9fafb}.kb-activity-row:last-child{border-bottom:none}.kb-activity-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}.kb-activity-icon.created{background:#d1fae5;color:#059669}.kb-activity-icon.updated{background:#dbeafe;color:#2563eb}.kb-activity-icon.ai{background:#ede9fe;color:#7c3aed}.kb-activity-title{font-size:13px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:500px}.kb-activity-meta{font-size:12px;color:#9ca3af;margin-top:2px}.kb-activity-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.kb-activity-badge.manual{background:#dbeafe;color:#1d4ed8}.kb-activity-badge.customer_qa{background:#ede9fe;color:#6d28d9}.kb-activity-badge.csv_import{background:#fef3c7;color:#92400e}.kb-activity-badge.faq{background:#d1fae5;color:#065f46}.tasks-page-container{display:none;position:absolute;inset:40px 0 0;background:var(--bg-primary, #f9fafb);z-index:10;overflow-y:auto}.tasks-content{padding:32px}.tasks-page-container.active{display:block}.tasks-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.tasks-page-header h1{font-size:24px;font-weight:700;margin:0}.tasks-stats-row{display:flex;gap:16px;margin-bottom:24px}.tasks-stat-card{flex:1;background:var(--bg-primary, #fff);border:1px solid rgba(0,0,0,.05);border-radius:14px;padding:16px 20px;text-align:center;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000a;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.tasks-stat-value{font-size:28px;font-weight:800}.tasks-stat-label{font-size:12px;color:var(--text-secondary, #6b7280);margin-top:2px}.tasks-filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.tasks-filters select,.tasks-filters input{padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:13px;background:var(--bg-primary, #fff);color:var(--text-primary, #111)}.tasks-table-wrap{background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px #0000000a}.tasks-table{width:100%;border-collapse:collapse;font-size:14px}.tasks-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #6b7280);border-bottom:2px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb)}.tasks-table td{padding:14px 16px;border-bottom:1px solid var(--border-color, #f3f4f6);vertical-align:middle}.tasks-table tr:hover td{background:#6366f10a}.task-title-cell{font-weight:600;max-width:300px}.task-email-link{color:#4f46e5;font-size:12px;cursor:pointer;text-decoration:underline}.task-priority-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.task-priority-urgent{background:#fef2f2;color:#dc2626}.task-priority-high{background:#fff7ed;color:#ea580c}.task-priority-medium{background:#fffbeb;color:#ca8a04}.task-priority-low{background:#f0fdf4;color:#16a34a}.task-status-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.task-status-open{background:#eff6ff;color:#2563eb}.task-status-in_progress{background:#fffbeb;color:#ca8a04}.task-status-done{background:#f0fdf4;color:#16a34a}.task-time-open{font-size:12px;color:var(--text-secondary, #6b7280)}.task-time-overdue{color:#dc2626;font-weight:600}.task-assignee{display:flex;align-items:center;gap:6px;font-size:13px}.task-assignee img{width:24px;height:24px;border-radius:50%}.create-task-modal{position:fixed;inset:0;background:#0006;z-index:1100;display:none;align-items:center;justify-content:center}.create-task-modal.open{display:flex}.create-task-form{background:var(--bg-primary, #fff);border-radius:16px;padding:28px;width:480px;max-width:95vw;box-shadow:0 4px 12px #00000014,0 16px 40px #0000001f,0 24px 64px #0000000f}.create-task-form h2{margin:0 0 20px;font-size:18px}.create-task-form label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary, #6b7280);margin-bottom:4px;margin-top:12px}.create-task-form input,.create-task-form select,.create-task-form textarea{width:100%;padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:14px;background:var(--bg-primary, #fff);color:var(--text-primary, #111);box-sizing:border-box}.create-task-form textarea{min-height:60px;resize:vertical}.create-task-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.tasks-panel{position:fixed;top:0;right:-380px;width:380px;height:100vh;background:var(--bg-primary, #fff);border-left:1px solid var(--border-color, #e5e7eb);box-shadow:-4px 0 20px #0000001a;z-index:1000;transition:right .3s ease;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.tasks-panel.open{right:0}.tasks-panel-header{padding:20px;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;justify-content:space-between;align-items:center}.tasks-panel-header h2{font-size:18px;font-weight:700;margin:0}.tasks-panel-close{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-secondary, #6b7280);font-size:20px}.tasks-panel-close:hover{color:var(--text-primary, #111)}.tasks-add-form{padding:16px 20px;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;gap:8px}.tasks-add-input{flex:1;padding:8px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:14px;outline:none;background:var(--bg-secondary, #f9fafb);color:var(--text-primary, #111)}.tasks-add-input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.tasks-add-btn{padding:8px 14px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.tasks-add-btn:hover{background:#4338ca}.tasks-list{flex:1;overflow-y:auto;padding:12px 20px}.tasks-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #6b7280);margin:16px 0 8px;padding:0}.tasks-group-label:first-child{margin-top:4px}.task-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-color, #f3f4f6)}.task-item:last-child{border-bottom:none}.task-checkbox{width:20px;height:20px;border-radius:50%;border:2px solid #d1d5db;cursor:pointer;flex-shrink:0;margin-top:2px;transition:all .2s;display:flex;align-items:center;justify-content:center;background:none}.task-checkbox:hover{border-color:#4f46e5}.task-checkbox.completed{background:#4f46e5;border-color:#4f46e5}.task-checkbox.completed:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.task-content{flex:1;min-width:0}.task-title{font-size:14px;font-weight:500;color:var(--text-primary, #111);word-wrap:break-word}.task-title.completed{text-decoration:line-through;color:var(--text-secondary, #9ca3af)}.task-meta{font-size:12px;color:var(--text-secondary, #9ca3af);margin-top:2px;display:flex;align-items:center;gap:8px}.task-meta .email-link{color:#4f46e5;cursor:pointer;font-size:11px}.task-due{color:#f59e0b;font-weight:500}.task-due.overdue{color:#ef4444}.task-delete{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-secondary, #d1d5db);font-size:14px;flex-shrink:0}.task-delete:hover{color:#ef4444}.tasks-empty{text-align:center;padding:40px 20px;color:var(--text-secondary, #9ca3af);font-size:14px}.tasks-loading{text-align:center;padding:40px;color:var(--text-secondary, #9ca3af)}.tasks-error{margin:12px 20px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px}.tasks-overlay{position:fixed;inset:0;background:#0000004d;z-index:999;display:none}.tasks-overlay.open{display:block}.task-toast{position:fixed;bottom:24px;right:24px;background:#059669;color:#fff;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;z-index:1100;box-shadow:0 4px 12px #00000026;transform:translateY(100px);opacity:0;transition:all .3s ease}.task-toast.show{transform:translateY(0);opacity:1}
