.ux-draft { display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 0;border-bottom:1px solid #ddd; }
.ux-form-group { border-top:1px solid #dedbe0;padding:12px 0; }
.ux-form-group summary { cursor:pointer;font-size:16px;font-weight:500; }
.ux-form-group > .complete-form { padding-top:16px; }
.ux-scope { font-size:14px;color:#68616b;margin:12px 0; }
.ux-missing-toggle { border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;padding:0; }
.ux-piece-table input[type="text"],.ux-piece-table input[type="url"] { min-width:150px;width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font:inherit; }
.ux-piece-table input[type="checkbox"] { width:20px;height:20px; }
.ux-studio-progress { padding:12px 0;border-bottom:1px solid #dedbe0; }
.ux-studio-progress p { margin:5px 0;font-size:16px;font-weight:400; }
details.creative-drop-content-card > summary { cursor:pointer; }
.creative-story-readiness { font-weight:400; }
.prendas-list-switch { flex-wrap:wrap;max-width:100%;border-radius:8px; }
.prendas-list-switch .commercial-list-mode { font-size:14px;font-weight:500;min-height:40px;border-radius:4px; }
.ux-mode-count { display:inline-block;min-width:2ch;margin-left:5px; }
.commercial-prenda-card-catalog { grid-template-columns:minmax(0,1fr);min-width:0; }
.commercial-catalog-section-list { grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr)); }
.commercial-prenda-card-catalog > * { min-width:0;max-width:100%; }
.commercial-prenda-card-catalog .commercial-prenda-thumb { width:100%;max-width:100%;border-radius:6px; }
.commercial-prenda-card-catalog .commercial-prenda-thumb img { display:block;max-width:100%;object-fit:contain; }
.commercial-prenda-card-catalog .commercial-actions { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.commercial-prenda-card-catalog .commercial-actions .btn { width:100%;min-width:0;min-height:44px;white-space:normal;overflow-wrap:anywhere;padding:8px;font-size:14px;line-height:1.4; }
.commercial-prenda-card-catalog .commercial-actions .btn:last-child:nth-child(odd) { grid-column:1 / -1; }
.ux-calendar-birthdays { display:flex;align-items:center;gap:8px;padding:8px;font-size:14px; }
.ux-calendar-birthdays input { width:18px;height:18px; }
#prendas-view-summary { font-size:14px;margin:12px 0; }
.commercial-calendar-event-birthday { background:#e8f2ed;color:#315c50;border-color:#c3d9ce;white-space:normal;overflow-wrap:anywhere; }
.commercial-calendar-event-birthday span { display:block;text-transform:none;font-weight:500; }
.commercial-calendar-event-birthday .ux-birthday-icon { display:none; }
.sidebar,.main-content { transition:none; }
@media(max-width:700px) {
    .commercial-calendar-day:has(.commercial-calendar-event-birthday) .commercial-calendar-events { display:grid; }
    .commercial-calendar-day .commercial-calendar-event:not(.commercial-calendar-event-birthday),
    .commercial-calendar-day .commercial-calendar-more { display:none; }
    .commercial-calendar-event-birthday { padding:4px 2px;min-height:36px; }
    .commercial-calendar-event-birthday .ux-birthday-label { display:none; }
    .commercial-calendar-event-birthday .ux-birthday-icon { display:block;width:18px;height:18px;margin:auto; }
}
@media(max-width:600px) { .ux-draft .btn { min-height:40px; } }
.ux-logistics-alerts { display: flex; flex-wrap: wrap; gap: 8px; padding: 16px 0; }
.ux-logistics-alerts h3 { width: 100%; font-size: 16px; font-weight: 500; }
.ux-logistics-alerts .btn { white-space: normal; text-align: left; }
.commercial-calendar-event-shipment, .commercial-calendar-event-delivery { background: #edf6f1; border-color: #b3d4c4; color: #245b46; }
.commercial-calendar-event-shipment svg, .commercial-calendar-event-delivery svg { width: 16px; height: 16px; flex: none; }
.commercial-calendar-event .ux-logistics-event-label { text-transform: none; white-space: normal; font-weight: 400; overflow-wrap: anywhere; min-width: 0; }
.commercial-calendar-event-shipment, .commercial-calendar-event-delivery { white-space: normal; display: flex; align-items: flex-start; gap: 4px; min-width: 0; max-width: 100%; box-sizing: border-box; }
@media (max-width: 700px) {
    .commercial-calendar-day:has(.commercial-calendar-event-shipment,.commercial-calendar-event-delivery) .commercial-calendar-events { display: grid; }
    .commercial-calendar-day .commercial-calendar-events .commercial-calendar-event-shipment,
    .commercial-calendar-day .commercial-calendar-events .commercial-calendar-event-delivery { display: flex; justify-content: center; min-height: 36px; padding: 4px; }
    .commercial-calendar-event .ux-logistics-event-label { display: none; }
}
.order-garment-selector { min-width: 0; }
.order-garment-selected { display: grid; gap: 6px; margin-bottom: 10px; }
.order-garment-selector details { border-top: 1px solid #dfe3e5; padding-top: 10px; }
.order-garment-selector summary { cursor: pointer; padding: 8px 0; font-size: 15px; }
.order-garment-filters { display: grid; grid-template-columns: 2fr 1fr; gap: 10px; margin: 12px 0; }
.order-garment-options { max-height: 300px; overflow-y: auto; }
.order-garment-row { display: flex !important; flex-direction: row !important; align-items: center; gap: 12px; min-width: 0; padding: 8px 0; border-bottom: 1px solid #e5e7e8; }
.order-garment-row[hidden] { display: none !important; }
.order-garment-row img, .order-garment-no-photo { width: 48px; height: 60px; object-fit: contain; flex: none; border-radius: 4px; background: #f1f3f4; }
.order-garment-no-photo { display: grid; place-items: center; font-size: 12px; text-align: center; }
.order-garment-row > span:not(.order-garment-no-photo) { min-width: 0; flex: 1; overflow-wrap: anywhere; font-size: 15px; }
.order-garment-row small { display: block; font-size: 13px; color: #667078; margin-top: 4px; }
.order-garment-row input[type=checkbox] { width: 18px; height: 18px; flex: none; }
.order-garment-row .btn { width: 40px; height: 40px; padding: 8px; flex: none; }
.order-garment-row .btn svg { width: 18px; height: 18px; }
@media (max-width: 600px) { .order-garment-filters { grid-template-columns: 1fr; } }
.hoy-category-card { align-self: start; padding: 10px 0; }
.hoy-category-summary summary { cursor: pointer; font-size: 14px; padding: 8px 0; }
.hoy-category-summary summary > span:first-child { margin-right: 16px; }
.hoy-category-summary #metric-categorias-total { color: #667078; font-size: 13px; white-space: nowrap; }
.hoy-category-summary .hoy-category-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0 24px; margin-top: 10px; }
.hoy-category-summary .hoy-category-row { display: flex; align-items: center; gap: 8px; padding: 7px 0; border: 0; border-bottom: 1px solid #e5e7e8; background: transparent; border-radius: 0; }
.hoy-category-summary .hoy-category-icon { width: 24px; height: 24px; flex: none; font-size: 14px; }
.hoy-category-summary .hoy-category-name { flex: 1; min-width: 0; font-size: 14px; overflow-wrap: anywhere; }
.hoy-category-summary .hoy-category-count { margin: 0; padding: 0; font-size: 14px; }
.hoy-category-summary .hoy-category-track { display: none; }
.client-review-badge { display: inline-flex; align-items: center; gap: 6px; margin-left: 8px; font-size: 13px; color: #845600; font-weight: 400; }
.client-review-badge::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #b88012; }
.client-import-review { border-left: 3px solid #b88012; padding: 12px 16px; background: #fff9e9; }
.client-import-review h3 { font-size: 15px; font-weight: 500; margin-bottom: 8px; }
.client-import-review p { font-size: 14px; overflow-wrap: anywhere; margin-bottom: 8px; }
#ux-feedback-queue { min-height: 40px; min-width: 170px; margin-left: 10px; padding: 8px 12px; font: inherit; font-size: 14px; border: 1px solid #dfe3e5; border-radius: 6px; background: white; }