:root{--accent:#966a3d;--accent-ink:#805326;--accent-soft:#f3ede6;--accent-hover:#eaddce;--surface:#fff;--surface-raised:#f8fafc;--surface-hover:#eef1f5;--sidebar-bg:#f4f6f8;--photo-bg:#f0ede8;--input-bg:#f8fafc;--topbar-bg:#fffffff5}
:root[data-theme=dark]{--bg:#101620;--surface:#18202d;--surface-raised:#202a39;--surface-hover:#283447;--sidebar-bg:#141c28;--photo-bg:#242c38;--input-bg:#121b28;--topbar-bg:#18202df5;--ink:#eef2f8;--muted:#afbbce;--line:#364356;--green:#54dca9;--orange:#ffbb63;--red:#ff8298;--blue:#83b9ff}
body{background:var(--bg);color:var(--ink)}
.sidebar{background:var(--sidebar-bg)}.topbar{background:var(--topbar-bg)}
.brand strong,.sidebar-story strong{color:var(--ink)}.brand-icon{background:var(--accent-soft);color:var(--accent-ink);border:1px solid var(--accent)}
.sidebar-story{background:var(--surface)}.environment{color:var(--muted)}
.global-search{background:var(--input-bg);border-color:var(--line);color:var(--muted)}.global-search input::placeholder{color:var(--muted)}.global-search kbd{background:var(--surface-hover);color:var(--muted)}
.button,.icon-button,.tab-button,.panel,.catalogue-card,.summary-box,.action-row,.quick-item,.production-card,.planning-metric,.mb-line,.mb-date-group,dialog{background:var(--surface);border-color:var(--line);color:var(--ink)}
.button:hover,.icon-button:hover,.action-row:hover,.nav-item:hover{background:var(--surface-hover);border-color:var(--line)}
.button.ghost,.source-block summary,.module-card,.modal-footer,.history-list article,.calendar-weekday,.quantity-panel,.small-search input{background:var(--surface-raised);color:var(--ink);border-color:var(--line)}
.field input,.field select,.field textarea,.review-form input,.review-form select,.toolbar select{background:var(--input-bg);border-color:var(--line);color:var(--ink)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input,select,textarea{accent-color:var(--accent)}
/* Acciones que ya usaban acento: trazo opaco e interior teñido, como Velta. */
.button.primary,.planning-hero .button.primary,.mb-catalogue-item .icon-button,.tab-button.active,.segmented button.active,.page-buttons .button.current{border:1px solid var(--accent);background:var(--accent-soft);color:var(--ink);box-shadow:none}
.button.primary:hover,.planning-hero .button.primary:hover,.mb-catalogue-item .icon-button:hover,.tab-button.active:hover,.segmented button.active:hover,.page-buttons .button.current:hover{background:var(--accent-hover);border-color:var(--accent)}
.button.primary:active,.tab-button.active:active{background:var(--accent-hover);transform:translateY(1px)}
.nav-item.active,.nav-item.active:hover,.chip.active,.detail-tab.active{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent)}
.segmented{background:var(--surface-raised);border-color:var(--line)}
.avatar,.summary-total>.square-icon,.home-stat .square-icon,.planning-metric:not(.red):not(.green)>svg,.action-row>.square-icon{background:var(--accent-soft);color:var(--accent-ink)}
.chip{background:var(--surface);color:var(--ink)}.chip svg,.card-footer,.history-row svg,.family-tile>svg,.family-tile>span,.module-card svg,.quick-head strong svg{color:var(--accent-ink)}
.card-footer .dot{background:var(--accent)}.badge.brown{background:var(--accent-soft);color:var(--accent-ink)}.badge.gray,.tag,.pending-item strong{background:var(--surface-hover);color:var(--muted)}
.tab-button.active .pill{background:var(--surface);color:var(--red)}
.code,.meta-line,.validation-header p,.breadcrumb,.detail-description,.key-item strong,.text-content,.attribute-table td:first-child,.dimension-group span,.source-block pre,.check-field,.style-evidence{color:var(--muted)}
.data-table th,.validation-table .data-table th{background:var(--surface-raised);color:var(--muted)}.data-table tbody tr:hover{background:var(--surface-hover)}
.validation-table .row-selected,.select-toolbar{background:var(--accent-soft);border-color:var(--line)}
.quick-inventory,.home-stats{background:var(--surface);border-color:var(--line)}
.family-tile,.quantity-panel:first-child,.source-context,.pill-note,.planning-note,.info-note{background:var(--accent-soft);border-color:var(--line);color:var(--ink)}.family-tile:hover{border-color:var(--accent)}
.preparation-note{color:var(--muted)}
.card-photo,.detail-photo,.photo-thumb,.selected-preview>.preview-photo,.quick-item img,.pending-row>img,.table-article img,.material-pick img,.material-line img,.visual-card img,.web-preview-image,.mb-line>img,.mb-import-source img{background:var(--photo-bg)}
#lightbox{background:var(--photo-bg)}.photo-thumb.historical:after{background:var(--surface-hover)}
.production-column{background:var(--surface-raised)}
.calendar-day.today{background:var(--accent-soft)}.calendar-day.other-month{background:var(--surface-raised);color:var(--muted)}
.mb-catalogue-item:hover{background:var(--accent-soft)}.mb-group-header{background:var(--accent-soft)}.mb-group-icon{background:var(--surface);color:var(--accent-ink)}
.mb-date-group.return{border-color:var(--line)}.mb-group-fields summary,.mb-move summary{color:var(--accent-ink)}
.mb-drop-empty{background:var(--surface-raised);color:var(--muted);border-color:var(--line)}.mb-drop-over{border-color:var(--accent)!important;box-shadow:0 0 0 4px var(--accent-soft)}.mb-drop-over .mb-drop-empty{background:var(--accent-soft);border-color:var(--accent)}
.mb-drag-ghost{background:var(--surface);border-color:var(--accent);color:var(--ink)}.mb-import-candidate:has(input:checked){background:var(--accent-soft);border-color:var(--accent)}
.enrichment-refresh{background:var(--surface);border-color:var(--line);color:var(--accent-ink)}
:root[data-theme=dark] .mb-date-group.return .mb-group-header{background:#382332}:root[data-theme=dark] .mb-date-group.return .mb-group-icon{color:#ff9db3}
:root[data-theme=dark] .badge.green{background:#14392e;color:#80e4bb}:root[data-theme=dark] .badge.amber{background:#3e301d;color:#ffd088}:root[data-theme=dark] .badge.red{background:#41232e;color:#ffa2b3}:root[data-theme=dark] .badge.blue{background:#1c3049;color:#9bcaff}:root[data-theme=dark] .badge.purple{background:#302742;color:#d2b3ff}
:root[data-theme=dark] .calendar-event{background:#3b301f;border-color:#755a35;color:#ffdfad}:root[data-theme=dark] .calendar-event.pickup{background:#1b304e;border-color:#375780;color:#b6d6ff}:root[data-theme=dark] .calendar-event.return{background:#3d2531;border-color:#754456;color:#ffb7c7}:root[data-theme=dark] .calendar-event.installation{background:#312844;border-color:#645080;color:#d7c2ff}:root[data-theme=dark] .calendar-event.note,:root[data-theme=dark] .calendar-event.material{background:#253043;border-color:#465673;color:#c7d6ee}
:root[data-theme=dark] .planning-metric.red>svg{background:#41232e}:root[data-theme=dark] .planning-metric.green>svg{background:#14392e}
:root[data-theme=dark] .error-box,:root[data-theme=dark] .mb-error{background:#41232e;border-color:#965569;color:#ffb8c7}:root[data-theme=dark] .form-error{color:#ff9bb0}
:root[data-theme=dark] .saved-note,:root[data-theme=dark] .mb-toolbar-actions>span{color:#86d9b3}
:root[data-theme=dark] .skeleton{background:linear-gradient(100deg,#202a39,#2d3a4e,#202a39)}
.button.green{background:#00835a;border-color:#00835a;color:white}
:is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}
.appearance-open{flex-shrink:0;gap:7px;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:44px;min-height:44px;padding:8px 10px;white-space:nowrap}
#appearance-dialog{width:min(480px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto}
#appearance-dialog .modal-head h2{font-size:22px}.appearance-content{padding:22px;display:grid;gap:22px}.appearance-content fieldset{border:0;padding:0;min-width:0}.appearance-content legend{font-size:17px;font-weight:600;margin-bottom:12px}
.appearance-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.appearance-modes .button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}
.appearance-swatches{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.appearance-swatch{width:40px;height:40px;border:2px solid var(--line);border-radius:50%;background:var(--swatch);cursor:pointer;position:relative}.appearance-swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:3px}
.appearance-custom{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px}.appearance-custom input[type=color]{width:100%;height:46px;padding:4px;cursor:pointer}.appearance-custom input{width:100%;min-width:0}.appearance-content p{color:var(--muted);font-size:15px;line-height:1.5;margin:0}.appearance-content .button{justify-self:start}
@media(max-width:900px){.appearance-open span{display:none}}
@media(max-width:620px){.top-actions>.appearance-open{display:inline-flex}.top-actions{gap:6px}.appearance-content{padding:18px}.top-actions>.button.primary>span[data-icon]{display:none}}
@media(prefers-reduced-motion:reduce){.button.primary:active{transform:none}}

/* Secciones separadas por una sombra suave, sin contorno reforzado. */
:root{--section-line:var(--line);--section-shadow:0 2px 10px #17202b0c,0 1px 3px #17202b08}
:root[data-theme=dark]{--section-line:var(--line);--section-shadow:0 2px 10px #0003,0 1px 3px #0002}
body :is(.panel,.pr-tabs,.pd-lane,.hd-lane,.hd-calendar,.inventory-filters,.validation-workspace){border:0;box-shadow:var(--section-shadow)}
body .mb-v2 .mb-date-group{border:0;box-shadow:var(--section-shadow)}
body :is(.panel-heading,.mb-requested-head){border-bottom:0}
body .mb-v2 .mb-group-header{border-bottom:1px solid var(--section-line)}
body .mb-v2 .mb-desk-layout{gap:18px}
body .pr-trip-list{padding:18px;display:grid;gap:18px}
body .pr-trip-columns{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
body .pr-trip-columns>.panel,body .pr-detail,body .pr-tabs{min-width:0}
body .pr-detail{grid-template-columns:minmax(0,1fr)}
body .pr-trip-card,body .pr-trip-card:last-child{display:block;border:0;box-shadow:var(--section-shadow);border-radius:12px;padding:20px;background:var(--surface)}
body .pr-trip-main{display:flex;align-items:center;gap:16px}
body .pr-trip-main>div{min-width:0;flex:1}
body .pr-trip-card h3{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:25px;line-height:1.3;margin:0 0 9px}
body .pr-trip-card h3 strong{font-size:28px;color:var(--ink)}
body .pr-trip-card p{font-size:18px;margin:0 0 7px;overflow-wrap:anywhere}
body .pr-trip-card small{font-size:16px}
body .pr-trip-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--section-line)}
body .pr-trip-actions .button{min-height:44px;font-size:16px}
#mb-remove-new{border:1px solid var(--section-line);border-radius:9px;padding:14px;display:grid;gap:14px}
#mb-remove-new[hidden]{display:none}
.mb-remove-destinations{border:0;padding:0;display:grid;gap:8px;max-height:250px;overflow:auto}
.mb-remove-destinations legend{margin-bottom:8px;font-weight:600}
.mb-remove-destinations label{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--section-line);border-radius:8px;cursor:pointer}
.mb-remove-destinations label:has(input:checked){background:var(--accent-soft);border-color:var(--accent)}
.mb-remove-destinations small{display:block;color:var(--muted);margin-top:3px}
@media(max-width:700px){body .pr-trip-columns{grid-template-columns:minmax(0,1fr)}body .pr-trip-list{padding:12px;gap:12px}body .pr-trip-card,body .pr-trip-card:last-child{padding:15px}body .pr-trip-card h3{font-size:23px}body .pr-trip-main{gap:12px}body .pr-trip-actions{gap:8px}body .pr-trip-actions .button{flex:1 1 auto}body .pr-trip-columns>.panel>.panel-heading{flex-wrap:wrap;gap:8px}}
