:root{--blue-light: #e0f2fe;--blue: #0369a1;--yellow-light: #fef9c3;--yellow: #854d0e;--green-light: #f0fdf4;--green: #166534;--purple-light: #fdf4ff;--purple: #7c3aed;--red-light: #fef2f2;--red: #dc2626}[x-cloak]{display:none!important}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.dark .card,.card.dark-mode{background:#1a1a1a;border-color:#2d2d2f}.card-header{border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.dark .card-header,.card-header.dark-mode{border-bottom-color:#2d2d2f}.card-title{font-size:14px;font-weight:600;color:#0f172a}.dark .card-title,.card-title.dark-mode{color:#f8fafc}.btn-primary{background:#0e7490;color:#fff}.dark .btn-primary,.btn-primary.dark-mode{background:#22d3ee;color:#0c3547}.btn-primary:disabled{background:#94a3b8;cursor:not-allowed;color:#fff}.loader{display:inline-block;width:12px;height:12px;border:2px solid #cccccc;border-top-color:#0d9488;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button[disabled]{opacity:.5;cursor:wait}.add-note-area{border-top:1px solid #f1f5f9;background:#fff}.dark .add-note-area,.add-note-area.dark-mode{background:#1a1a1a;border-top-color:#2d2d2f}.atype-btn{padding:4px 10px;border-radius:16px;font-size:11px;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .15s;font-family:inherit;font-weight:500}.atype-btn:hover{background:#f8fafc;color:#334155;border-color:#e2e8f0}.dark .atype-btn:hover,.atype-btn:hover.dark-mode{background:#334155;color:#f8fafc;border-color:#3f3f46}.atype-btn.atype-active{background:#e0f2fe;color:#0e7490;border-color:#0e7490;border-radius:16px;font-weight:600}.dark .atype-btn.atype-active,.atype-btn.atype-active.dark-mode,.dark.atype-btn.atype-active{background:#164e63;color:#22d3ee;border-color:#22d3ee;border-radius:16px;font-weight:600}.note-input{width:100%;min-height:60px;padding:10px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-family:inherit;resize:vertical;outline:none;box-sizing:border-box;background:#fff;color:#0f172a}.note-input:focus{border-color:#0e7490;box-shadow:0 0 0 2px #0e74901a}.dark .note-input,.note-input.dark-mode{background:#272729;color:#f8fafc;border-color:#3f3f46}.dark .note-input:focus,.note-input.dark-mode:focus{border-color:#22d3ee;box-shadow:0 0 0 2px #22d3ee1a}.activity-item{display:flex;gap:10px;border-bottom:1px solid #f1f5f9;background:#fff}.activity-item:last-child{border-bottom:none}.dark .activity-item,.activity-item.dark-mode{border-bottom-color:#2d2d2f;background:#1a1a1a}.activity-dot-wrap{flex-shrink:0;position:relative}.act-dot{margin-top:4px;background:#0e7490;width:8px;height:8px;border-radius:50%}.act-dot.chat{background:#f59e0b}.act-dot.system{background:#16a34a}.dark .act-dot,.act-dot.dark-mode{background:#22d3ee}.dark .act-dot.chat,.act-dot.chat.dark-mode{background:#fbbf24}.dark .act-dot.system,.act-dot.system.dark-mode{background:#4ade80}.act-line{position:absolute;left:3px;top:12px;width:2px;height:calc(100% + 12px);background:#e2e8f0}.dark .act-line,.act-line.dark-mode{background:#3f3f46}.activity-header-label{font-size:11px;color:#94a3b8}.dark .activity-header-label,.activity-header-label.dark-mode{color:#64748b}.system-author{color:#14532d}.dark .system-author,.system-author.dark-mode{color:#4ade80}.system-text{font-size:12px;color:#334155}.dark .system-text,.system-text.dark-mode{color:#d1d5db}.activity-body{flex:1;min-width:0}.activity-meta{font-size:11px;color:#64748b;margin-bottom:3px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.dark .activity-meta,.activity-meta.dark-mode{color:#94a3b8}.activity-author{font-weight:500;color:#334155}.dark .activity-author,.activity-author.dark-mode{color:#f8fafc}.activity-time{color:#94a3b8}.dark .activity-time,.activity-time.dark-mode{color:#64748b}.btn-outline{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#475569;cursor:pointer;transition:all .15s}.dark .btn-outline,.btn-outline.dark-mode{background:#272729;color:#94a3b8;border-color:#3f3f46}.btn-outline:hover{background:#f8fafc;border-color:#0e7490;color:#0e7490}.dark .btn-outline:hover,.btn-outline:hover.dark-mode{background:#1a1a1a;border-color:#22d3ee;color:#22d3ee}.note-edit-area{margin-top:8px}.note-edit-input{width:100%;min-height:50px;padding:8px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-family:inherit;resize:vertical;outline:none;background:#fff;color:#334155}.note-edit-input:focus{border-color:#0e7490}.dark .note-edit-input,.note-edit-input.dark-mode{background:#272729;color:#f8fafc;border-color:#3f3f46}.note-edit-btn{padding:3px 8px;font-size:11px;color:#64748b;background:none;border:none;cursor:pointer;transition:color .15s}.note-edit-btn:hover{color:#0e7490}.dark .note-edit-btn,.note-edit-btn.dark-mode{color:#94a3b8}.dark .note-edit-btn:hover,.note-edit-btn:hover.dark-mode{color:#22d3ee}.req{color:#ef4444}.empty-activities{padding:24px;text-align:center;background:#fff}.dark .empty-activities,.empty-activities.dark-mode{background:#1a1a1a}.empty-activities .text-sm{font-size:13px;color:#94a3b8}.dark .empty-activities .text-sm,.empty-activities.dark-mode .text-sm{color:#64748b}.status-badge{font-size:10px;padding:2px 6px;border-radius:6px;font-weight:500}.st-mkt{background:var(--blue-light, #e0f2fe);color:var(--blue, #0369a1)}.dark .st-mkt,.st-mkt.dark-mode{background:#1e3a5f;color:#7dd3fc}.st-eval{background:var(--yellow-light, #fef9c3);color:var(--yellow, #854d0e)}.dark .st-eval,.st-eval.dark-mode{background:#451a03;color:#fde047}.st-farm{background:var(--green-light, #f0fdf4);color:var(--green, #166534)}.dark .st-farm,.st-farm.dark-mode{background:#14532d;color:#86efac}.st-closing{background:var(--purple-light, #fdf4ff);color:var(--purple, #7c3aed)}.dark .st-closing,.st-closing.dark-mode{background:#581c87;color:#e9d5ff}.st-won{background:var(--green-light, #f0fdf4);color:var(--green, #14532d)}.dark .st-won,.st-won.dark-mode{background:#14532d;color:#86efac}.st-lost{background:var(--red-light, #fef2f2);color:var(--red, #dc2626)}.dark .st-lost,.st-lost.dark-mode{background:#450a0a;color:#fca5a5}.system-badge{background:var(--green-light, #dcfce7);color:var(--green, #14532d);padding:1px 7px;border-radius:6px;font-size:10px;font-weight:700}.dark .system-badge,.system-badge.dark-mode{background:#14532d;color:#86efac}.assigned-badge{display:inline-flex;align-items:center;gap:4px;background:var(--blue-light, #dbeafe);color:var(--blue, #1e40af);padding:2px 8px;border-radius:6px;font-size:11px;margin-top:4px}.dark .assigned-badge,.assigned-badge.dark-mode{background:#1e3a5f;color:#93c5fd}.activity-type-badge{background:#f1f5f9;color:#475569;padding:1px 6px;border-radius:6px;font-size:10px;font-weight:500}.dark .activity-type-badge,.activity-type-badge.dark-mode{background:#1e293b;color:#94a3b8}.system-detail-lines{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.sdl-item{font-size:11px;color:#64748b}.dark .sdl-item,.sdl-item.dark-mode{color:#94a3b8}.sdl-executor{font-style:italic}.atype-buttons{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:7px}.atype-buttons .label{font-size:11px;color:#64748b;font-weight:600;padding-top:5px}.dark .atype-buttons .label,.atype-buttons .label.dark-mode{color:#94a3b8}.add-note-actions{display:flex;align-items:center;gap:8px;margin-top:7px;flex-wrap:wrap}.status-select-wrap{display:flex;align-items:center;gap:8px}.status-select-wrap .label{font-size:11px;color:#64748b;font-weight:600;white-space:nowrap}.dark .status-select-wrap .label,.status-select-wrap .label.dark-mode{color:#94a3b8}.status-select{border:1px solid #e2e8f0;border-radius:8px;padding:6px 28px 6px 10px;font-size:12px;font-family:inherit;outline:none;color:#334155;background:#fff;flex:1;max-width:200px;min-width:140px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;background-size:16px;transition:border-color .15s,box-shadow .15s}.dark .status-select,.status-select.dark-mode{background:#272729;color:#f8fafc;border-color:#3f3f46}.status-select:hover{border-color:#0e7490}.status-select:focus{border-color:#0e7490;box-shadow:0 0 0 2px #0e74901a}.status-select option{padding:8px 12px;font-size:12px;background:#fff;color:#334155;border-radius:4px;margin:2px 4px;border:none;outline:none}.status-select option:hover{background:#f1f5f9}.action-buttons{margin-left:auto;display:flex;gap:6px}
