/* TC Negocios Web 路 Fase 1. Paleta tomada de res/values/colors.xml de Android. */
:root{color-scheme:light;--ink:#211B18;--black:#171311;--muted:#8B817A;--orange:#F4512A;--cream:#FBF7F2;--border:#E9DDD3;--white:#fff;--dark:#1A0C12;--shadow:0 15px 36px rgba(44,28,17,.055)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #F4B24A;outline-offset:2px}.hidden{display:none!important}.orange,.wordmark span,.login-brand strong,.sidebar-brand strong,.mobile-brand strong{color:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;border-radius:13px;padding:14px 22px;font-weight:750;transition:transform .16s,filter .16s}.btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 10px 24px rgba(244,81,42,.16)}.btn-outline{background:transparent;border:1px solid #6A4B70;color:#f9edf7}.btn-block{width:100%;min-height:52px}.btn-large{width:min(310px,100%);min-height:58px;margin-top:50px}.welcome,.login-view{position:relative;min-height:100vh;background:radial-gradient(ellipse at 80% 15%,rgba(244,81,42,.14),transparent 38%),linear-gradient(153deg,#34150E 0%,#1A0C10 55%,#090708 100%);color:#fff;overflow:hidden}.welcome{display:flex;align-items:center;justify-content:center;text-align:center;padding:36px}.welcome-glow{position:absolute;inset:auto -90px -200px auto;width:600px;height:600px;border:1px solid rgba(244,81,42,.13);border-radius:50%;pointer-events:none}.welcome-content{position:relative;margin-top:-55px}.welcome-logo{width:154px;height:154px;object-fit:contain;filter:drop-shadow(0 24px 35px #0005)}.wordmark{font-size:clamp(42px,6vw,58px);letter-spacing:-.065em;margin:8px 0 8px}.welcome-content p{font-size:18px;color:#E6DCE8;margin:0}.welcome-footer{position:absolute;bottom:35px;display:flex;flex-direction:column;gap:12px;font-size:12px;letter-spacing:.28em}.welcome-footer small{font-size:11px;color:#A99B98;letter-spacing:.025em}.login-view{display:flex;flex-direction:column;align-items:center;padding:42px 24px}.login-brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:-.04em}.login-card{background:#251720;border:1px solid #593647;box-shadow:0 24px 80px #0004;border-radius:22px;padding:38px;width:min(450px,100%);margin:55px auto 20px}.eyebrow,.kicker{color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.16em}.login-card h1{font-size:29px;letter-spacing:-.045em;margin:10px 0}.login-card .muted{color:#E6DCE8;font-size:14px;margin-bottom:29px}.login-card label{display:block;margin:19px 0 9px;font-size:13px;font-weight:700}.login-card input{width:100%;height:52px;border:1px solid #6A4B70;background:#352339;color:#fff;padding:0 14px;border-radius:10px;outline:none}.login-card input:focus{border-color:var(--orange)}.login-card input::placeholder{color:#A99B98}.password-row{position:relative}.password-row input{padding-right:93px}.password-row button{position:absolute;right:6px;top:6px;background:transparent;color:#f1d1c7;border:0;padding:11px 8px;font-size:12px}.login-card form .btn{margin-top:18px}.form-message{min-height:19px;color:#ffb0a4;font-size:13px}.preview-info{display:flex;gap:11px;align-items:flex-start;margin:25px 0 18px;background:#3b2738;padding:12px;border-radius:9px;color:#dfd0d8;font-size:12px;line-height:1.5}.preview-info p{margin:0}.dot,.status-dot,.connection-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#f5a524;margin-top:4px}.text-button{background:none;border:0;color:#ecc4b6;padding:9px;text-align:left}.text-button:hover{text-decoration:underline}.panel-view{display:flex;min-height:100vh;background:var(--cream)}.sidebar{width:268px;flex:0 0 268px;background:#1A1116;color:#fff;padding:28px 17px 22px;display:flex;flex-direction:column;gap:15px;min-height:100vh}.sidebar-brand{display:flex;align-items:center;gap:9px;font-size:22px;letter-spacing:-.05em;font-weight:800;padding:0 7px 28px;border-bottom:1px solid #3a2c34}.sidebar-brand img{object-fit:contain}.side-label{font-size:10px;color:#A99B98;letter-spacing:.15em;font-weight:700;margin:12px 9px 0}.shop{display:flex;align-items:center;gap:10px;background:#34232d;padding:12px;border:1px solid #543642;border-radius:13px}.shop-avatar{background:#f4512a25;color:#ffb7a2;border-radius:11px;width:38px;height:38px;display:grid;place-items:center;font-weight:800}.shop b,.shop small{display:block}.shop b{font-size:13px}.shop small{font-size:11px;color:#c1aeb9;margin-top:5px}.nav{display:grid;gap:5px;margin-top:16px}.nav-item{display:flex;align-items:center;gap:12px;border:0;border-radius:10px;text-align:left;padding:13px 12px;background:none;color:#d8cbd3;font-size:13px;font-weight:650}.nav-item:hover{background:#31212b}.nav-item.active{background:#593124;color:#ffcfb9}.nav-icon{font-size:20px;width:23px;text-align:center}.sidebar-bottom{margin-top:auto;font-size:11px;color:#c1aeb9;padding:14px 8px 0;border-top:1px solid #3a2c34}.sidebar-bottom .status-dot{display:inline-block;margin:0 5px 0 0;background:#dd9e38}.sidebar-bottom .text-button{display:block;margin-top:14px;padding:0;color:#f4b6a2}.content-area{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:19px;padding:0 38px}.preview-pill{font-size:10px;letter-spacing:.08em;font-weight:800;background:#fff1e9;border:1px solid #ffd1bd;color:#b84721;border-radius:99px;padding:9px 12px}.top-account{color:#756963;font-size:12px}.mobile-brand{display:none}.main-panel{width:min(1320px,100%);margin:0 auto;padding:41px 40px 65px;flex:1}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px}.heading h1{font-size:clamp(27px,2.8vw,36px);letter-spacing:-.05em;margin:8px 0 9px}.heading p:last-child{color:#82766e;font-size:14px;margin:0}.connection{border:1px solid #e8ddd4;background:#fff;border-radius:9px;padding:11px 14px;font-size:12px;color:#786961;white-space:nowrap}.connection-dot{display:inline-block;background:#b7a7a0;margin:0 7px 0 0}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:23px}.metric,.work-card{background:var(--white);border:1px solid var(--border);border-radius:17px;box-shadow:var(--shadow)}.metric{padding:22px 24px}.metric-label{display:flex;justify-content:space-between;color:#73675e;font-size:13px;font-weight:700}.metric-icon{background:#fff0e9;color:var(--orange);width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-size:18px}.metric strong{font-size:34px;display:block;margin:8px 0}.metric small{color:#978a82;font-size:12px}.work-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:20px}.work-card{padding:25px 25px 0;min-height:370px;overflow:hidden}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:7px}.card-heading h2{font-size:20px;letter-spacing:-.035em;margin:8px 0}.pill{font-size:10px;font-weight:800;border-radius:99px;background:#fff0e8;color:#b34d2a;padding:8px 10px;white-space:nowrap}.pill.neutral{background:#f3eeea;color:#877970}.offers-card{text-align:center}.offers-card .card-heading{text-align:left}.empty-illustration{width:79px;height:79px;margin:33px auto 16px;border:1px solid #ffd9c9;background:#fff3ed;border-radius:50%;display:grid;place-items:center}.empty-illustration span{font-size:31px;color:var(--orange)}.work-card h3{font-size:17px;letter-spacing:-.025em;margin:8px 0}.work-card p{color:#867971;font-size:13px;line-height:1.75;max-width:360px;margin:9px auto 0}.card-foot{margin:30px -25px 0;padding:13px 20px;border-top:1px solid var(--border);color:#988a82;font-size:11px}.empty-orders{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:276px;text-align:center}.orders-icon{color:#bdaea4;font-size:45px}.other-card{text-align:center;min-height:390px;padding-bottom:35px}.other-card .pill{display:inline-block;margin-top:20px}.panel-footer{padding:17px 36px;color:#9a8f86;font-size:11px;border-top:1px solid var(--border);text-align:center}.mobile-nav{display:none}@media(max-width:1000px){.sidebar{width:230px;flex-basis:230px}.main-panel{padding:28px 22px}.topbar{padding:0 22px}.work-grid{grid-template-columns:1fr}.work-card{min-height:300px}.empty-orders{min-height:220px}}@media(max-width:700px){.sidebar{display:none}.topbar{height:66px;justify-content:space-between;padding:0 17px}.mobile-brand{display:block;font-size:18px;font-weight:800;white-space:nowrap}.top-account{display:none}.preview-pill{font-size:9px;padding:7px 8px}.main-panel{padding:28px 16px 100px}.heading{display:block}.heading h1{font-size:29px}.connection{display:inline-block;margin-top:18px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:16px}.metric:first-child{grid-column:1/-1}.metric strong{font-size:27px}.work-card{padding:20px 18px 0}.card-foot{margin-left:-18px;margin-right:-18px}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);z-index:10;padding:9px 4px max(9px,env(safe-area-inset-bottom))}.mobile-nav-item{background:none;border:0;color:#7f746c;padding:11px 2px;font-size:11px;font-weight:750}.mobile-nav-item.active{color:var(--orange);background:#fff0ea;border-radius:8px}.panel-footer{display:none}.login-card{margin-top:35px;padding:28px 22px}.login-view{padding:30px 17px}.welcome-logo{width:133px;height:133px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Tarjetas de datos del backend y controles operativos de Fase 3. */
.btn:disabled{opacity:.55;cursor:wait}.offers-card{text-align:left}.live-list{display:grid;gap:12px;margin:13px 0 24px;max-height:65vh;overflow-y:auto}.live-card{padding:16px 17px;border:1px solid var(--border);border-radius:13px;background:#fffaf7}.live-card-header{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px}.live-card-header strong{overflow-wrap:anywhere}.live-caption{color:#7c7069;font-size:12px;margin-top:8px}.detail-list{margin:13px 0;padding-left:17px;color:#5f544d;font-size:12px;line-height:1.65}.offer-total{display:block;margin-top:8px;font-size:13px}.countdown{background:#fff0e8;color:#b34d2a;padding:6px 10px;border-radius:99px;white-space:nowrap;font-size:12px}.state-pill{background:#f3eeea;color:#62534a;padding:6px 10px;border-radius:99px;white-space:nowrap;font-size:11px}.read-only-note{font-size:11px!important;text-align:left!important;max-width:none!important;margin-top:13px!important;color:#8d796d!important}.section-status{max-width:none!important;text-align:left!important;color:#8c7a70!important;margin:17px 0!important;font-size:12px!important}.small-button{border:1px solid #f1c5b5;background:#fff3ed;color:#a74729;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:700}.small-button:hover{background:#ffe4d7}.work-card{padding-bottom:10px}.connection{white-space:normal}

/* Fase 3: acciones transaccionales y aviso persistente de resultado incierto. */
.action-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.action-btn{background:#e74f2b;color:white;border:1px solid #d94623;padding:10px 15px;border-radius:9px;font-weight:700;font-size:12px;min-height:40px}
.action-btn.secondary{background:#fff;border-color:#e6c2b5;color:#9d4129}
.action-btn:disabled{opacity:.42;cursor:not-allowed}
.action-btn:not(:disabled):hover{filter:brightness(.94)}
.action-message{display:none;border:1px solid #e8d8c8;background:#fff;padding:13px 16px;border-radius:10px;margin:0 0 20px;color:#5a4940;font-size:13px;line-height:1.5}
.action-message:not(:empty){display:block}
.action-message.success{border-color:#b8dfb8;background:#f1fff0;color:#23612e}
.action-message.error{border-color:#efb9ac;background:#fff4f0;color:#902f21}
.action-message.critical{border:2px solid #ae241c;background:#fff0ed;color:#8c1a12;font-weight:750}


/* Panel de escritorio: ocultar únicamente la barra superior, conservando sus elementos para app.js.
 * La barra móvil se mantiene porque contiene la marca TC Negocios. */
@media (min-width:701px){.topbar{display:none}}