:root{--projects-radius:1rem;--projects-border:#dfe6ef;--projects-focus:#60a5fa;--projects-shadow:0 18px 48px rgba(15,23,42,.16)}
.projects-hub .btn,.project-modal .btn,.project-settings-modal .btn{display:inline-flex;align-items:center;justify-content:center;gap:.15rem;min-height:2.15rem;border-radius:.6rem;font-weight:720}
.projects-hub button:focus-visible,.projects-hub a:focus-visible,.project-modal button:focus-visible,.project-modal a:focus-visible,.project-modal input:focus-visible,.project-modal select:focus-visible,.project-modal textarea:focus-visible,.project-settings-modal button:focus-visible,.project-settings-modal input:focus-visible,.project-settings-modal textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--projects-focus) 55%,transparent);outline-offset:2px;box-shadow:none!important}
.projects-command-actions{flex-wrap:wrap;justify-content:flex-end}.projects-command-actions .btn{min-height:2.35rem}.projects-toolbar .form-control,.projects-toolbar .form-select{min-height:2.35rem}.project-hub-card{isolation:isolate}.project-hub-card:focus-within{border-color:var(--project-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--project-accent) 16%,transparent),0 12px 28px rgba(15,23,42,.08)}
.project-card-menu .dropdown-menu{min-width:14.5rem;padding:.4rem;border-color:var(--projects-border);border-radius:.75rem}.project-card-menu .dropdown-item{display:flex;align-items:center;min-height:2rem;border-radius:.45rem;font-size:.72rem}.project-card-menu .dropdown-divider{margin:.3rem 0}.project-pin,.project-menu-toggle{min-width:2rem;min-height:2rem}
.project-modal .modal-dialog,.project-settings-modal .modal-dialog{max-height:calc(100dvh - 1.5rem);margin-block:.75rem}.project-modal .modal-content,.project-settings-modal .modal-content{max-height:calc(100dvh - 1.5rem);border:0;border-radius:var(--projects-radius);box-shadow:var(--projects-shadow)}.project-modal .modal-header{flex:0 0 auto;border:0;background:linear-gradient(125deg,#0f172a,#1e3a8a 60%,#6d28d9);color:#fff}.project-modal .modal-body{min-height:0;overflow:auto}.project-modal .modal-footer{flex:0 0 auto;border-color:#e2e8f0;background:#fff}.project-modal .btn-close,.project-settings-modal .btn-close{width:1.8rem;height:1.8rem;margin:0;border-radius:.55rem;background-color:rgba(255,255,255,.1)}
.project-modal .form-control,.project-modal .form-select,.project-settings-modal .form-control,.project-settings-modal .form-select{min-height:2.35rem;border-color:#dbe3ec;border-radius:.58rem;font-size:.78rem}.project-modal textarea.form-control,.project-settings-modal textarea.form-control{min-height:auto}.project-modal .form-text,.project-settings-modal .form-text{font-size:.65rem}
.tooltip.projects-tooltip .tooltip-inner{max-width:260px;padding:.45rem .6rem;border-radius:.5rem;background:#0f172a;font-size:.68rem;line-height:1.4;text-align:left}.tooltip.projects-tooltip .tooltip-arrow::before{border-top-color:#0f172a}.project-controller-tooltip{position:fixed!important;z-index:1090;display:block;margin:0;pointer-events:none;opacity:1!important;transform:translateX(-50%)}
.projects-guide-modal .modal-dialog{max-width:min(1120px,calc(100vw - 1.5rem))}.guide-kicker{display:flex;gap:.35rem;color:#bfdbfe;font-size:.63rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.guide-searchbar{position:relative;display:flex;align-items:center;padding:.65rem 1rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.guide-searchbar>i{position:absolute;left:1.75rem;color:#94a3b8}.guide-searchbar input{padding-left:2.1rem;padding-right:3rem}.guide-searchbar kbd{position:absolute;right:1.75rem}.guide-layout{display:grid;grid-template-columns:13rem minmax(0,1fr);min-height:480px}.guide-nav{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;border-right:1px solid #e2e8f0;background:#f8fafc}.guide-nav button{display:flex;align-items:center;gap:.55rem;padding:.62rem .7rem;border:0;border-radius:.6rem;background:transparent;color:#64748b;font-size:.7rem;font-weight:750;text-align:left}.guide-nav button.active{background:#eef2ff;color:#4338ca}.guide-content{min-width:0;padding:1.2rem}.guide-panel{display:none}.guide-panel.active{display:block}.guide-panel h4{margin:0 0 .35rem;font-size:1.05rem}.guide-panel>p{color:#64748b;font-size:.75rem}.guide-hero{display:flex;align-items:flex-start;gap:.85rem;padding:1rem;border:1px solid #c7d2fe;border-radius:.85rem;background:linear-gradient(135deg,#eef2ff,#f5f3ff)}.guide-hero>span{display:grid;width:2.7rem;height:2.7rem;place-items:center;flex:0 0 auto;border-radius:.75rem;background:#4f46e5;color:#fff}.guide-hero h4{margin:.1rem 0}.guide-hero p{margin:0;color:#64748b;font-size:.72rem}.guide-eyebrow,.guide-panel .guide-eyebrow{color:#6366f1;font-size:.58rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.guide-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;margin-top:.75rem}.guide-steps article{display:flex;min-width:0;flex-direction:column;padding:.7rem;border:1px solid #e2e8f0;border-radius:.7rem}.guide-steps b{display:grid;width:1.35rem;height:1.35rem;place-items:center;margin-bottom:.35rem;border-radius:50%;background:#eef2ff;color:#4338ca;font-size:.65rem}.guide-steps strong,.guide-card-grid strong,.guide-safety-grid strong{font-size:.72rem}.guide-steps span,.guide-card-grid span,.guide-safety-grid span{color:#64748b;font-size:.65rem}.guide-tip,.guide-warning{display:flex;gap:.55rem;margin-top:.75rem;padding:.65rem .75rem;border-radius:.65rem;font-size:.68rem}.guide-tip{background:#ecfdf5;color:#047857}.guide-warning{background:#fff7ed;color:#9a3412}.guide-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:.75rem}.guide-card-grid article{display:grid;grid-template-columns:auto 1fr;gap:.25rem .5rem;padding:.75rem;border:1px solid #e2e8f0;border-radius:.7rem}.guide-card-grid article>i{grid-row:1/3;color:#4f46e5;font-size:1rem}.guide-card-grid span{grid-column:2}.guide-table{display:grid;gap:.5rem;margin-top:.7rem}.guide-table>div{display:grid;grid-template-columns:10rem 1fr;gap:.7rem;padding:.65rem;border:1px solid #e2e8f0;border-radius:.65rem}.guide-table strong{font-size:.7rem}.guide-table span,.guide-list,.guide-small{color:#64748b;font-size:.68rem}.guide-list{display:grid;gap:.45rem;padding-left:1.2rem}.guide-safety-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.guide-safety-grid>div{display:grid;grid-template-columns:auto 1fr;gap:.25rem .55rem;padding:.75rem;border:1px solid #d1fae5;border-radius:.7rem;background:#f0fdf4}.guide-safety-grid i{grid-row:1/3;color:#059669}.guide-safety-grid span{grid-column:2}.guide-no-results{display:none;align-items:center;flex-direction:column;padding:3rem;color:#94a3b8}.guide-no-results.show{display:flex}.guide-footer{color:#64748b;font-size:.65rem}
@media(max-width:1199.98px){.projects-command{align-items:flex-start}.projects-command-actions{max-width:55%}.projects-toolbar{flex-wrap:wrap}.projects-search{flex:1 1 300px}.projects-toolbar .form-select{flex:1 1 150px}.project-modal .modal-dialog-xl{max-width:calc(100vw - 1.5rem)}}
@media(max-width:767.98px){.main-content.projects-hub{padding:.75rem}.projects-command{border-radius:.9rem}.projects-command-copy p{font-size:.72rem}.projects-command-actions{max-width:none;display:grid;grid-template-columns:repeat(4,1fr)}.projects-command-actions .btn{min-width:0;padding-inline:.45rem}.project-action-label{display:none}.projects-overview{margin:.65rem 0}.project-metric-copy span{white-space:normal}.projects-toolbar{padding:.6rem}.projects-toolbar .form-select{flex-basis:calc(50% - .4rem)}.projects-tabs{padding-inline:.25rem}.project-card-footer{align-items:flex-start}.project-modal .modal-dialog,.project-settings-modal .modal-dialog{max-height:100dvh;margin:0}.project-modal .modal-content,.project-settings-modal .modal-content{max-height:100dvh;min-height:100dvh;border-radius:0}.project-modal .modal-header{padding:.75rem 1rem!important}.project-modal .modal-footer{padding:.65rem .75rem!important}.project-modal .modal-footer .btn{flex:1}.guide-layout{grid-template-columns:1fr}.guide-nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #e2e8f0}.guide-nav button{flex:0 0 auto;white-space:nowrap}.guide-content{padding:.9rem}.guide-steps{grid-template-columns:repeat(2,1fr)}.guide-card-grid{grid-template-columns:1fr}.guide-table>div{grid-template-columns:1fr;gap:.2rem}}
@media(max-width:479.98px){.projects-command-actions{grid-template-columns:repeat(3,1fr)}.projects-command-actions #sidebarToggle{display:none!important}.projects-overview{grid-template-columns:1fr 1fr}.projects-toolbar .form-select{flex-basis:100%}.projects-view-switch{margin-left:auto}.project-card-actions .btn:first-child{display:none}.project-modal .modal-footer{flex-wrap:wrap}.schema-footer-note,.guide-footer,.settings-save-status{display:none}.guide-steps,.guide-safety-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.projects-hub *,.project-modal *,.project-settings-modal *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Guide — "Choose a path" DB-vs-standalone comparison cards */
.guide-paths{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.85rem}
.guide-path{position:relative;display:flex;flex-direction:column;gap:.55rem;padding:1rem;border-radius:.9rem;border:1px solid #e2e8f0;overflow:hidden}
.guide-path.is-db{background:linear-gradient(160deg,#eff6ff,#eef2ff);border-color:#bfdbfe}
.guide-path.is-site{background:linear-gradient(160deg,#f5f3ff,#faf5ff);border-color:#ddd6fe}
.guide-path-head{display:flex;align-items:center;gap:.6rem}
.guide-path-head .gp-ic{display:grid;width:2.4rem;height:2.4rem;place-items:center;flex:0 0 auto;border-radius:.7rem;color:#fff;font-size:1.05rem}
.guide-path.is-db .gp-ic{background:#3b82f6}
.guide-path.is-site .gp-ic{background:#8b5cf6}
.guide-path-head h5{margin:.05rem 0 0;font-size:.92rem;color:#0f172a}
.guide-path-head .gp-tag{font-size:.56rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:#64748b}
.guide-path ul{margin:.15rem 0 0;padding-left:1.05rem;display:grid;gap:.38rem}
.guide-path li{font-size:.685rem;color:#475569;line-height:1.4}
.guide-path .gp-best{margin-top:auto;padding-top:.55rem;font-size:.64rem;color:#64748b;border-top:1px dashed #cbd5e1}
@media(max-width:767.98px){.guide-paths{grid-template-columns:1fr}}

/* Guard: the numbered-circle style must only hit a step's own number <b>, never
   bold text inside the step description (otherwise each word renders as a chip). */
.guide-steps span b, .guide-steps p b { display:inline; width:auto; height:auto; margin:0; padding:0; border-radius:0; background:transparent; color:inherit; font:inherit; font-weight:700; place-items:initial }
