@import url("https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&family=Geist:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");body{font-family:"Manrope", sans-serif;background:#ffffff;color:#2c3e50;font-size:0.9rem}h1,h2,h3{font-family:"Manrope", sans-serif}h3.mt-4.mb-3{margin-top:12px !important;margin-bottom:8px !important;font-size:1.2rem}.chat-container{height:calc(100vh - 70px);display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh - 70px)}#chat-messages{flex:1;overflow-y:auto;margin-bottom:10px;height:auto !important;max-height:calc(100vh - 180px)}.chat-message{background-color:#f8f9fa;border-radius:10px;padding:10px;margin-bottom:10px}#new-message-form{margin-top:10px;padding-bottom:10px;position:sticky;bottom:0;background-color:white}.goal-card{background-color:#f8f9fa;border-radius:8px;margin-bottom:8px;padding:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1)}.goal-card h3{margin-bottom:4px;font-size:1.1rem}.step-card{background-color:#ffffff;border:1px solid #dee2e6;border-radius:6px;margin-bottom:4px;padding:6px;display:grid;grid-template-rows:auto auto auto;gap:4px}.step-card h5{margin:0;font-size:0.95rem;line-height:1.2;display:flex;align-items:center;font-family:"Geist Mono", monospace;word-spacing:-0.15em}.step-card h5 .btn-outline-secondary{padding:0.15rem 0.4rem;font-size:0.7rem;margin-left:8px;opacity:0.6;transition:opacity 0.2s ease}.step-card h5:hover .btn-outline-secondary{opacity:1}.step-card .description{margin-top:4px;margin-bottom:8px}.step-card .description p{margin-bottom:0;font-size:0.85rem;color:#495057;line-height:1.4}.step-card .description .btn{padding:0.15rem 0.4rem;font-size:0.7rem;opacity:0.6}.step-card .description p:hover .btn{opacity:1}.step-card .meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:0.7rem}.step-card .meta .icon{display:inline-flex;align-items:center;gap:4px;padding:2px 6px}.step-card .meta .icon i{margin-right:5px}.step-card .meta .icon.category{background-color:#e9ecef;border-radius:15px;padding:5px 10px}.step-card .meta .icon.importance{color:#dc3545}.step-card .meta .icon.urgency{color:#ffc107}.step-card .meta{display:flex;align-items:center;flex-wrap:wrap}.step-card .meta .icon{margin-right:10px}.step-card .meta .status-buttons{display:flex;margin-left:10px;gap:4px}.step-card .meta .status-buttons form{margin-right:5px}.step-card .meta .status-buttons .btn{padding:2px 6px;font-size:0.8rem}.btn-primary{background-color:transparent;border:2px solid #a52a2a;color:#a52a2a;transition:background-color 0.3s ease, color 0.3s ease}.btn-primary:hover{background-color:#a52a2a;color:#ffffff}.done-step{opacity:0.7;background-color:#f8f9fa;padding:4px;margin-bottom:3px;border-radius:4px}.done-step h5{font-size:0.8rem;margin:0;color:#6c757d;text-decoration:line-through}.debug-info-icon{cursor:pointer;margin-left:5px;font-size:0.8rem;display:inline-block}.debug-tooltip{max-width:300px;font-size:0.8rem;text-align:left;white-space:normal}.tooltip-inner{max-width:350px !important;text-align:left !important;padding:10px !important;background-color:rgba(0,0,0,0.85) !important}.goals-container{height:calc(100vh - 70px);display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh - 70px)}#goals_list{flex:1;overflow-y:auto;padding-right:10px}.goals-header{position:sticky;top:0;background-color:white;z-index:10;padding-bottom:10px}.section-header{display:flex;align-items:center;margin:15px 0;font-size:1.1rem}.section-header::before,.section-header::after{content:"";flex:1;border-bottom:2px solid #a52a2a;margin:0 10px}.section-header h2{margin:0;padding:0 10px;font-size:1.2rem;white-space:nowrap;background:white}.goals-header .section-header{max-width:calc(100% - 90px)}.goals-header .d-flex{align-items:center;width:100%}.goals-header .btn-primary{padding:0.25rem 0.5rem;font-size:0.8rem;white-space:nowrap;flex-shrink:0}.steps-container{display:flex;margin-bottom:10px}.category-label{writing-mode:vertical-lr;transform:rotate(180deg);background-color:#f0f0f0;padding:8px 4px;font-size:0.8rem;font-weight:bold;color:#666;border-radius:0 4px 4px 0;margin-right:8px;text-align:center;min-height:100px;display:flex;align-items:center;justify-content:center}.steps-list{flex:1}.step-card .btn-outline-secondary{padding:0.25rem 0.5rem;font-size:0.75rem}.step-card .input-group{margin-bottom:8px}.step-card h5 .btn-outline-secondary{padding:0.15rem 0.4rem;font-size:0.7rem;margin-left:8px;opacity:0.6;transition:opacity 0.2s ease}.step-card h5:hover .btn-outline-secondary{opacity:1}.step-card .input-group{align-items:center}.step-card .input-group .btn{height:calc(100% - 2px);margin:1px;display:flex;align-items:center;justify-content:center}.goal-card h3 .btn-outline-secondary,.goal-card h3 .btn-outline-danger{padding:0.15rem 0.4rem;font-size:0.7rem;margin-left:8px;opacity:0.6;transition:opacity 0.2s ease}.goal-card h3:hover .btn-outline-secondary,.goal-card h3:hover .btn-outline-danger{opacity:1}.goal-card .description{margin-top:4px;margin-bottom:12px}.goal-card .description p{margin-bottom:0;font-size:0.9rem;color:#495057;line-height:1.4}.goal-card .description .btn{padding:0.15rem 0.4rem;font-size:0.7rem;opacity:0.6}.goal-card .description p:hover .btn{opacity:1}.step-card-open .step-card{border:1px solid #6c757d}.step-card-doing .step-card{border:1px solid #0d6efd}.step-card-waiting .step-card{border:1px solid #ffc107}.goal-card .no-description-spacer{margin-bottom:8px}.step-card .meta .icon.importance,.step-card .meta .icon.urgency{color:#495057}.tooltip-inner{max-width:250px;text-align:left;padding:8px}#new_step_form{margin:10px 0;width:100%;display:flex}#new_step_form .form-control{flex-grow:1;border-radius:6px 0 0 6px;border:1px solid #dee2e6;padding:8px 12px;font-size:0.9rem}#new_step_form .btn{border-radius:0 6px 6px 0;padding:8px 12px}.goal-card h3:last-child{margin-bottom:4px}.goal-card h3+.description{margin-top:8px}.tooltip{position:absolute;background:#222;color:white;font-size:12px;padding:4px 8px;border-radius:4px;pointer-events:none;opacity:0;transition:opacity 0.2s ease}svg text{font-size:14px;font-weight:bold;fill:#222;text-anchor:middle;dominant-baseline:middle;opacity:0;transition:opacity 0.2s ease;pointer-events:none}path:hover+text{opacity:1}#weekly-charts-container svg text.center-score{font-size:8px;font-weight:bold;fill:#343a40;opacity:1;text-anchor:middle;dominant-baseline:middle;pointer-events:none}
