/* app.css */
.main-content {
    padding: 2rem;
    width: 100%;
}

.btn-primary {
    background-color: #953734 !important;
    border-color: #953734 !important;
    color: #fff !important;
}

a {
    color: #953734;
    font-weight: 600;
    text-decoration: none;
}

.login-title {
    font-size: 1.8rem;
    font-weight: 600;
    color: #953734;
}

/*SVG STYLE*/
.svg-options .svg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.svg-options .opt-group{background:#fafafa;border:1px solid #eee;border-radius:.75rem;padding:1rem}
.svg-options .opt-title{font-weight:600;margin-bottom:.5rem}
.svg-options .opt-subtitle{font-size:.9rem;color:#555;margin-top:.5rem;margin-bottom:.25rem}
.svg-options label{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}
.svg-options .w-100{width:100%}

/* switches simple (checkbox + text) */
.svg-options .switch{flex-direction:row;align-items:center;gap:.5rem;margin-bottom:.35rem}
.svg-options .switch input{transform:scale(1.1)}

/* orientation pills */
.svg-options .orientation{display:flex;gap:.5rem;margin:.25rem 0 .75rem}
.svg-options .pill{border:1px solid #ddd;border-radius:999px;padding:.4rem .8rem;cursor:pointer;user-select:none}
.svg-options .pill.active{background:#eef2f7;border-color:#a3b3c7}
.svg-options .pill input{display:none}

/* color swatches */
.svg-options .colors-group .swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem}
.svg-options .colors-group label{flex-direction:row;align-items:center;justify-content:space-between;border:1px dashed #e2e2e2;border-radius:.5rem;padding:.35rem .5rem;background:#fff}
.svg-options .btn-reset{margin-top:.5rem;border:1px solid #ccc;background:#fff;border-radius:.5rem;padding:.35rem .6rem;cursor:pointer}
.svg-options .btn-reset:hover{background:#f3f3f3}

/* font preview */
.svg-options .font-preview{margin-top:.5rem;border:1px dashed #ddd;border-radius:.5rem;padding:.5rem;background:#fff;color:#111}

.card{border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.04);margin:1rem 0;background:#fff}
.card-header{padding:.9rem 1rem;border-bottom:1px solid #eee;font-weight:700;font-size:1.1rem}
.card-body{padding:1rem}
.row{display:flex;gap:1rem;flex-wrap:wrap}
.stack{display:flex;flex-direction:column;gap:.4rem;min-width:240px}
.label{font-size:.9rem;color:#444}
.muted{color:#6b7280;font-size:.9rem}
.mt-2{margin-top:.5rem}
.actions{margin-top:1rem;display:flex;gap:.5rem}

/* Buttons + inputs */
.btn{appearance:none;cursor:pointer;border-radius:10px;border:1px solid #d1d5db;padding:.55rem .9rem;font-weight:600}
.btn-primary{background:#111827;color:#fff;border-color:#111827}
.btn-outline{background:#fff;color:#111827}
.btn:disabled{opacity:.6;cursor:not-allowed}
.select, select{border:1px solid #d1d5db;border-radius:10px;padding:.55rem .7rem;font-size:1rem}

/* Dropzone */
.dropzone{position:relative;border:2px dashed #cfd4dc;border-radius:12px;padding:1.2rem;text-align:center;transition:.2s;background:#fafafa}
.dropzone:hover{background:#f6f7f9}
.dropzone.is-dragover{background:#eef6ff;border-color:#60a5fa}
.dropzone .dz-title{font-weight:700}
.dropzone .dz-sub{font-size:.9rem;color:#6b7280}

/* Chips for floors */
.chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}
.chip{border:1px solid #d1d5db;border-radius:999px;padding:.35rem .7rem;background:#fff;font-weight:600;cursor:pointer}
.chip.active{background:#111827;color:#fff;border-color:#111827}
.badge{margin-left:.4rem;padding:.15rem .45rem;border-radius:6px;font-size:.75rem;font-weight:700}
.badge.unknown{background:#fef3c7;color:#92400e}
.badge.main{background:#e0f2fe;color:#075985}
.badge.attic{background:#f1f5f9;color:#334155}
.badge.basement{background:#ede9fe;color:#5b21b6}