/* Quiet visual hierarchy: identification, key figures, one next step, expandable context. */
.guide-toolbar{padding:12px 16px;gap:0;margin:18px 0;border-color:#d8e2dd;border-radius:9px;box-shadow:none}.guide-toolbar .guide-origin{border:0;padding:0;align-items:center;gap:18px}.guide-toolbar .guide-origin label{display:flex;align-items:center;gap:12px;font-size:11px;min-width:0}.guide-toolbar .guide-origin select{width:auto;min-height:38px;font-size:11px}.guide-toolbar .guide-origin>small{font-size:10px;color:#7c8b80;line-height:1.6}.guide-toolbar .workspace-density{border:0;padding:0}
@media(max-width:720px){.guide-toolbar .guide-origin{gap:8px}.guide-toolbar .guide-origin label{align-items:flex-start;flex-direction:column;width:100%;gap:6px}.guide-toolbar .guide-origin select{width:100%}}
.ux-card.is-summary,.ux-product.is-summary{--card-pad:18px;border:1px solid #d6e0dd;border-left:1px solid #d6e0dd;border-radius:12px;background:#fff;box-shadow:0 2px 6px #243f3210;padding:18px;overflow:visible;min-width:0;transition:border-color .15s,box-shadow .15s}
.ux-card.is-summary:hover,.ux-product.is-summary:hover{border-color:#a5bcb0;box-shadow:0 4px 12px #243f3214}
.ux-card.is-summary:focus-within,.ux-product.is-summary:focus-within{outline:2px solid #7f9f8d;outline-offset:3px}
.ux-card.is-summary .ux-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:0;min-height:0;background:none;border:0}
.is-summary .ux-card-top .eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:10px;font-weight:600;letter-spacing:.4px;line-height:1.6;color:#6a7c73}
.is-summary .ux-card-top .pill{font-size:10px;padding:3px 8px;font-weight:500;border:0;line-height:1.5}
.ux-card.is-summary h3,.ux-day .ux-card.is-summary h3{font-size:16px;font-weight:600;line-height:1.45;letter-spacing:-.15px;color:#213f33;margin:0 0 14px;overflow-wrap:anywhere}
.ux-card.is-summary p,.ux-day .ux-card.is-summary p{font-size:12px;color:#65776d;line-height:1.65;margin:8px 0}
.ux-card.is-summary .ux-quantity,.ux-day .ux-card.is-summary .ux-quantity{font-size:22px;line-height:1.3;font-weight:600;color:#234d38;margin:0 0 10px}
.is-summary .ux-quantity small{font-size:12px;font-weight:400;color:#6b8074}
.is-summary .ux-info-pair{gap:12px 18px;margin:0 0 12px}.is-summary .ux-info small{font-size:10px;line-height:1.5;color:#728279}.is-summary .ux-info strong{font-size:15px;line-height:1.5;color:#294637;font-weight:600}
.ux-card.is-summary .ux-date{padding:0;background:none;border:0;margin:10px 0 0;font-size:11px;color:#6b7e74;border-radius:0;line-height:1.7}
.ux-card.is-summary>footer,.ux-day .ux-card.is-summary>footer{display:block;margin:15px 0 0;padding:14px 0 0;border-top:1px solid #edf1ee;background:none}
.is-summary .guide-actions{display:block}.is-summary .guide-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.is-summary .guide-buttons>.button,.ux-day .is-summary .guide-buttons>.button{flex:0 1 auto;min-width:0;min-height:38px!important;font-size:11px!important;padding:8px 11px!important;line-height:1.5;font-weight:500;box-shadow:none;border-radius:7px}
.is-summary .guide-buttons>.guide-primary{background:#285c44!important;border-color:#285c44!important;color:#fff!important;max-width:100%;box-shadow:none}
.is-summary .guide-buttons>.guide-secondary{background:transparent!important;border-color:transparent!important;color:#476356!important;padding-inline:4px!important}
.is-summary .guide-buttons>.guide-secondary:hover{background:#f2f6f3!important}
.is-summary .guide-origin-badge.demo{display:inline-block;margin:0;padding:1px 5px;border:0;border-radius:4px;font-size:9px;font-weight:600;line-height:1.6;background:#faf0da;color:#8a6d35;letter-spacing:0}
.card-details{margin:10px 0 0;width:100%;min-width:0}.card-details>summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:11px;font-weight:400;color:#78877e;line-height:1.7;padding:4px 0;list-style:none;min-height:28px}.card-details>summary::-webkit-details-marker{display:none}.card-details>summary:after{content:'+';margin-left:auto;color:#708778;font-size:16px}.card-details[open]>summary:after{content:'−'}.card-details>summary.card-needs-attention{color:#947039}.card-details>summary.card-needs-attention:before{content:'';display:block;width:5px;height:5px;flex:none;background:#b68a41;border-radius:50%}
.card-details-body{padding:13px 0 0;border-top:1px solid #edf1ee;margin-top:7px;min-width:0}.card-details-body .guide-reason{font-size:11px!important;line-height:1.7!important;padding:10px 12px;background:#f5f8f2;border-top:0;border-right:0;border-bottom:0}.card-details-body .guide-reason.is-blocked{background:#fcf7ec}.card-details-body .guide-reason strong{font-size:11px!important}.card-details-body .guide-menu{border:0;padding:0;background:none;margin:12px 0 0;gap:8px}.card-details-body .guide-menu .button{font-size:11px!important;min-height:38px!important;padding:8px 10px!important;font-weight:500;line-height:1.5}.card-details-body .guide-origin-badge{font-size:9px}.card-details-body .ux-mini-list{font-size:11px}
.ux-card-grid,.ux-gallery{gap:18px;align-items:start;margin-top:20px}.ux-lane-cards{gap:14px}.ux-board{gap:22px;align-items:start}
.ux-lane{padding:0;border:0;border-radius:0;background:none;box-shadow:none;min-width:0}.ux-lane>header{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;padding:0 0 12px;border:0;border-bottom:1px solid #d6e0da;background:none;border-radius:0;gap:12px}.ux-lane>header h2{font-size:14px;font-weight:600;color:#345042;line-height:1.5}.ux-lane>header>span{min-width:22px;height:22px;border:0;border-radius:6px;background:#e8eeea;color:#5e7666;font-size:11px;font-weight:500;box-shadow:none}.ux-lane>p{font-size:11px;line-height:1.7;color:#819085;margin:0 0 15px;min-height:0}.ux-lane>details>summary{font-size:11px;color:#61776a;padding:12px;background:none;border:0;cursor:pointer}.ux-lane>details>.ux-card{margin-top:14px}
.ux-product.is-summary{padding:0;overflow:hidden}.ux-product.is-summary>.product-image,.ux-product.is-summary>.product-placeholder{height:110px;min-height:0;width:100%;padding:14px;object-fit:contain;background:#f8faf8;border:0;border-bottom:1px solid #f0f3f0}.ux-product.is-summary>.product-placeholder svg{width:35px;height:35px;color:#a9b9ac}
.is-summary .ux-product-body{padding:16px 18px 17px;min-width:0}.is-summary .ux-product-body>.eyebrow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:10px;font-weight:500;color:#7a8a7e;padding:0;background:none;border:0;letter-spacing:.4px;line-height:1.6}.is-summary .ux-product-body h2{font-size:15px;line-height:1.5;font-weight:600;letter-spacing:-.1px;color:#254134;margin:10px 0 13px;overflow-wrap:anywhere}.is-summary .ux-product-body .ux-document-state{font-size:10px;line-height:1.6;background:none;border:0;padding:0;margin:8px 0;color:#84724e}.is-summary .ux-product-body>footer{display:block;background:none;border-top:1px solid #edf1ee;margin:14px 0 0;padding:13px 0 0}
.ux-week{gap:20px}.ux-day{padding:0;border:0;border-radius:0;background:none}.ux-day.today{border:0;background:none}.ux-day>h2{font-size:13px;line-height:1.6;margin:0 0 13px;padding:0 0 10px;border-bottom:1px solid #d5e0d9;color:#4a6353}.ux-day.today>h2{color:#285c44;border-bottom-color:#8fae9a}.workspace-day-count{font-size:10px;padding:2px 7px;background:#e8eeea;border:0;color:#6b8171}.ux-day>.ux-card.is-summary{padding:18px;margin:0 0 14px}.ux-day>.muted{font-size:11px;padding:12px 0;margin:0;color:#8a978e}
.ux-metric{border:1px solid #dbe3de;box-shadow:none;padding:18px 21px;border-radius:11px}.ux-metric>strong{font-size:23px;font-weight:600}.ux-metric>.icon{background:#f2f6ef;border:0}.ux-attention,.report-grid>.card,.ux-two>.card{border:1px solid #d6e0d9;box-shadow:none;border-radius:12px}.ux-attention>header{border-bottom:1px solid #e6ece6}.ux-attention .ux-task{border-bottom:1px solid #edf1ec}.ux-setup-step,.role-card,.ux-shortcuts>button{border:1px solid #d6e0d9;box-shadow:none}
body[data-workspace-density="compact"] .ux-card.is-summary{padding:14px}body[data-workspace-density="compact"] .ux-card-grid,body[data-workspace-density="compact"] .ux-gallery{gap:14px}
@media(min-width:1500px){.ux-card-grid,.ux-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.ux-board{gap:24px}}
/* Centro de trabajo: urgencia visible y filas diferenciadas (paleta suave ya usada en etiquetas de prioridad) */
.ux-attention-grid.single{grid-template-columns:1fr}
.ux-attention>header{background:#eef3e7}
.ux-attention.critica>header{background:#fbece7}
.ux-attention.alta>header{background:#fff3d9}
.ux-attention.normal>header{background:#edf3e7}
.ux-attention>header>span{background:#d7e4c7;color:#3a602d}
.ux-attention.critica>header>span{background:#f3cfc4;color:#a64136}
.ux-attention.alta>header>span{background:#f4e3b8;color:#8d6a20}
.ux-attention.normal>header>span{background:#d7e4c7;color:#3a602d}
.ux-attention .ux-task-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:13px;padding:16px 18px 19px;align-items:stretch}
.ux-attention .ux-task{border:1px solid #e2e9df;border-radius:10px;padding:15px 17px 16px;display:flex;flex-direction:column;transition:background .15s ease,border-color .15s ease}
.ux-attention .ux-task:hover{background:#f6f9f1;border-color:#cfdecf}
.ux-attention .ux-task>div{flex:1 0 auto}
.ux-attention .ux-task-list .ux-empty{grid-column:1/-1}
.ux-attention .ux-task>div>strong{font-size:13.5px}
.ux-attention .ux-task>div>p{font-size:12px;line-height:1.65;color:#5f7163;margin:3px 0 0}
.ux-attention .ux-task>div>small{font-size:11px;color:#8b9a8d;font-variant-numeric:tabular-nums}
.ux-attention .ux-task .guide-actions{margin-top:12px}
.ux-attention>details>summary{padding:13px 20px 15px;cursor:pointer;color:#4c6a4d;font-size:12px;font-weight:600}
.ux-task-pages{display:flex;align-items:center;justify-content:center;gap:14px;padding:15px 20px 19px;font-size:12px;color:#5f7163;font-variant-numeric:tabular-nums}
.ux-task-pages .button{min-height:40px;min-width:190px}
.ux-welcome{flex-wrap:wrap}
.ux-welcome-nav{flex:1 1 100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.ux-welcome-nav>button{background:#ffffff12;border:1px solid #ffffff2b;border-radius:11px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:14px 16px;text-align:left;min-width:0}
.ux-welcome-nav>button:hover{background:#ffffff22;border-color:#ffffff55}
.ux-welcome-nav .icon{color:#d9f28b}
.ux-welcome-nav strong{font-size:13px}
.ux-welcome-nav small{font-size:11px;line-height:1.55;color:#ffffffad}
.ux-welcome-nav b{font-size:11px;color:#d9f28b;font-weight:600}
@media(max-width:1200px){.ux-welcome-nav{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.ux-welcome-nav{grid-template-columns:1fr;margin-top:14px}}
@media print{.ux-task-pages{display:none!important}}
/* Compras → Flujo: etapas como grupos de cards (ancho completo) */
.ux-stages{margin:20px 0}
.ux-stage{border:1px solid #d6e0d9;border-radius:12px;background:#fff;margin:0 0 18px;overflow:hidden}
.ux-stage>header{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#f3f7f0;border-bottom:1px solid #e6ece6}
.ux-stage>header>span{display:inline-flex;padding:5px 10px;border-radius:7px;background:#d7e4c7;color:#3a602d;font-weight:700;font-variant-numeric:tabular-nums}
.ux-stage>header h2{font-size:14px}
.ux-stage>header p{margin-left:auto;text-align:right;font-size:11px;color:#61735e}
.ux-stage .ux-card-grid{padding:16px 18px}
.ux-stage-more{border-top:1px solid #edf1ec}
.ux-stage-more>summary{padding:13px 20px;font-size:12px;font-weight:600;color:#4c6a4d;cursor:pointer;list-style:none}
.ux-stage-more>summary:hover{background:#f6f9f1}
.ux-stage-more[open]>summary{border-bottom:1px solid #edf1ec}
.ux-stage-more[open] .ux-card-grid{padding-top:0;padding-bottom:2px}
.ux-stage .ux-task-pages{background:#fbfcf9;border-top:1px solid #edf1ec}
@media(max-width:720px){.ux-stage .ux-card-grid{padding:14px 12px}}
@media print{.ux-stage-more>summary{display:none!important}.ux-stage-more:not([open]) .ux-card-grid{display:grid}}
@media print{.ux-attention>header,.ux-attention>header>span{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
@media(max-width:1200px){.ux-card-grid,.ux-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.ux-card-grid,.ux-gallery{grid-template-columns:1fr;gap:15px}.is-summary .guide-buttons>.button,.ux-day .is-summary .guide-buttons>.button{min-height:42px!important}.ux-card.is-summary,.ux-day>.ux-card.is-summary{padding:17px}.ux-product.is-summary{padding:0}.ux-product.is-summary>.product-image,.ux-product.is-summary>.product-placeholder{height:100px}.card-details>summary{min-height:36px}.ux-lane>header h2{font-size:14px}.ux-day>h2{font-size:13px}.ux-day{padding:0}.ux-lane{padding:0}.ux-card.is-summary h3,.ux-day .ux-card.is-summary h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.ux-card.is-summary,.ux-product.is-summary{transition:none}}
@media print{.ux-card.is-summary,.ux-product.is-summary,.ux-card.is-summary:hover,.ux-product.is-summary:hover{box-shadow:none!important;transition:none;border:1px solid #aaa;break-inside:avoid}.card-details>summary,.is-summary .guide-buttons,.is-summary .guide-menu{display:none!important}.card-details-body{display:block}.card-details::details-content{content-visibility:visible}.card-details:not([open])>*:not(summary){display:block}.ux-lane,.ux-day{border:0;background:none}}