:root{color-scheme:dark;--bg:#101116;--panel:#1a1c24;--panel2:#232531;--border:#333542;--text:#f7f7fa;--dim:#adb0bd;--cyan:#19dce9;--magenta:#f15a9f;--yellow:#f5d23a;--green:#61d9a8;--orange:#ffb261;--red:#ff7777;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:var(--cyan)}h1,h2,h3,p{margin:0}button{border:0}.hidden{display:none!important}.appShell{min-height:100dvh}.splash{display:grid;place-items:center;align-content:center;gap:18px;height:100dvh;color:#fff}.brandMark{position:relative;display:grid;align-content:center;justify-items:center;width:67px;height:67px;border-radius:18px;border:1px solid #484957;background:radial-gradient(circle at 15% 20%,#38dcea40,transparent 28%),radial-gradient(circle at 90% 70%,#fa548040,transparent 30%),#191b22;line-height:1}.brandMark b{font-size:27px;font-weight:950;letter-spacing:-2px}.brandMark small{font-size:9px;letter-spacing:1px;color:var(--yellow);margin-top:3px}.auth{min-height:100dvh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 8% 15%,#08d5e91d,transparent 32%),radial-gradient(circle at 95% 65%,#ee439c20,transparent 40%),#111116}.authBox{width:min(100%,415px);border:1px solid var(--border);background:#191a21;border-radius:24px;padding:30px;display:grid;gap:17px;box-shadow:0 22px 70px #0007}.authBox .brandMark{margin:0 auto}.authBox h1{text-align:center;font-size:25px}.authBox p{text-align:center;color:var(--dim);font-size:13px;line-height:1.5}.field{display:grid;gap:7px}.field label{font-size:12px;color:#d6d6df;font-weight:700}.field input,.field textarea,.field select, .control, input.input{min-height:43px;width:100%;border-radius:10px;background:#262835;color:var(--text);border:1px solid #424453;padding:11px;outline:none}.field textarea{min-height:70px;resize:vertical}.field :is(input,textarea,select):focus{border-color:var(--cyan)}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:10px 15px;min-height:42px;background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:11px;font-weight:750}.btn.primary{color:#111217;background:linear-gradient(110deg,var(--yellow),#e99c31);border:0}.btn.dark{background:#101116}.btn.ghost{background:transparent}.btn.danger{color:var(--red)}.btn.sm{min-height:32px;padding:5px 11px;font-size:12px}.btn.wide{width:100%}.topbar{height:76px;background:#17191f;border-bottom:1px solid #353541;display:flex;align-items:center;padding:10px 20px;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:7}.brandArea{display:flex;align-items:center;gap:13px}.topbar .brandMark{height:46px;width:46px;border-radius:12px}.topbar .brandMark b{font-size:20px}.topbar .brandMark small{font-size:7px}.brandText{display:flex;flex-direction:column}.brandText strong{font-size:17px}.brandText small{color:#bcbecb;font-size:11px}.barRight{display:flex;align-items:center;gap:9px}.iconBtn{border-radius:11px;border:1px solid #373944;background:#242630;color:var(--text);min-width:41px;height:41px;font-size:20px;display:grid;place-items:center}.mainLayout{display:grid;grid-template-columns:240px minmax(0,1fr)}.side{height:calc(100dvh - 76px);position:sticky;top:76px;border-right:1px solid var(--border);background:#17181f;padding:18px 12px;display:grid;align-content:start;gap:5px;overflow-y:auto}.navItem{padding:13px 14px;display:flex;align-items:center;gap:13px;border-radius:12px;color:#d7d7e1;text-decoration:none;border:none;background:transparent;text-align:left;width:100%;font-weight:700}.navItem.active{background:#343322;color:#ffe188}.navItem:hover{background:#282a35}.navItem .symbol{width:24px;text-align:center;font-size:19px}.navBottom{margin-top:16px;padding:12px;color:var(--dim);font-size:12px;line-height:1.5;border-top:1px solid var(--border)}main{max-width:1320px;width:100%;padding:23px 24px 80px;margin:0 auto}.pageHeader{display:flex;gap:14px;justify-content:space-between;align-items:center;margin:0 0 18px}.pageHeader h1{font-size:26px;letter-spacing:-.7px}.pageHeader p{color:var(--dim);font-size:13px;margin-top:5px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi{border:1px solid var(--border);border-radius:16px;background:var(--panel);padding:17px;min-height:116px;display:grid;align-content:space-between}.kpi .kicon{font-size:20px}.kpi h2{font-size:29px;line-height:1.12;letter-spacing:-1px}.kpi p{color:var(--dim);font-size:12px}.kpi.yellow{border-top:3px solid var(--yellow)}.kpi.cyan{border-top:3px solid var(--cyan)}.kpi.magenta{border-top:3px solid var(--magenta)}.kpi.red{border-top:3px solid var(--red)}.hero{border:1px solid #51505a;background:radial-gradient(circle at 12% 35%,#11cadd2c,transparent 28%),radial-gradient(circle at 96% 30%,#e849a829,transparent 32%),#1c1c23;border-radius:19px;padding:24px;position:relative;overflow:hidden;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:14px}.hero:after{content:"";width:200px;height:200px;position:absolute;right:-50px;top:-100px;border:30px solid #eac63c10;border-radius:100%;pointer-events:none}.hero strong{font-size:23px}.hero p{color:#ccced5;font-size:13px;margin:8px 0}.sections{display:grid;grid-template-columns:1.5fr 1fr;gap:15px;margin-top:19px}.panel{background:var(--panel);border:1px solid var(--border);padding:17px;border-radius:16px;min-width:0}.panelHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.panelHeader h2{font-size:18px}.panelHeader small{color:var(--dim)}.tag{display:inline-flex;align-items:center;padding:5px 9px;border-radius:99px;border:1px solid #454650;font-size:11px;white-space:nowrap;font-weight:800;background:#282a32}.tag.urgente{color:#ffaaaa;border-color:#8e3e4e;background:#4c252d}.tag.prioritario{color:#ffcb8b;border-color:#896141;background:#463322}.tag.normal{color:#b4dce5;border-color:#42626d;background:#23333a}.tag.listo,.tag.entregado,.tag.confirmado{color:#8de3c3;border-color:#306a55;background:#223b33}.tag.cancelado{color:#c6bcc2}.tag.pendiente_pago{color:#ffdc80;border-color:#6f5b33}.tag.produccion{color:#cbbdff;border-color:#52477b}.tag.cotizacion{color:#91ccfd}.tag.diseno,.tag.aprobacion{color:#a4d5e3}.orderList{display:grid;gap:9px}.orderCard{width:100%;background:#23252d;border:1px solid #363843;border-radius:12px;padding:14px;color:var(--text);text-align:left;display:flex;gap:12px;justify-content:space-between;align-items:center}.orderCard:hover{border-color:var(--cyan)}.orderInfo{display:grid;gap:5px;min-width:0}.orderInfo strong{font-size:14px}.orderInfo small{color:var(--dim);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orderRight{display:grid;justify-items:end;gap:6px}.orderRight strong{font-size:14px}.orderTags{display:flex;gap:6px;flex-wrap:wrap}.empty{padding:22px;color:var(--dim);text-align:center;border:1px dashed #454753;border-radius:12px;font-size:13px}.alert{border:1px solid #685334;background:#383021;border-radius:11px;padding:12px 14px;color:#f4d79a;font-size:13px;line-height:1.5;margin-top:12px}.alert.info{border-color:#315666;background:#1e3039;color:#a7e5f0}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:15px}.toolbar input,.toolbar select{width:auto;min-width:150px;max-width:100%;background:#252630;border:1px solid #464854;border-radius:10px;min-height:41px;color:var(--text);padding:8px 10px}.toolbar input[type=date]{min-width:140px}.muted{color:var(--dim)}.small{font-size:12px}.subTitle{font-weight:850;font-size:17px;margin:20px 0 10px}.capacityBar{height:12px;background:#34363f;border-radius:20px;overflow:hidden;margin:12px 0 7px}.capacityBar i{height:100%;display:block;background:linear-gradient(90deg,#19d8e9,#ed4d95,#ffd13b);border-radius:20px}.statText{font-size:13px;color:#c7c6cd}.statusRow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.payWarning{color:var(--yellow)}.mobileNav{display:none}.overlay{position:fixed;inset:0;background:#000b;z-index:20;display:flex;justify-content:center;align-items:center;padding:13px}.modal{background:#1b1c24;border:1px solid #50505e;border-radius:20px;width:min(100%,850px);max-height:93dvh;overflow:auto;box-shadow:0 18px 60px #000a}.modalHeader{position:sticky;top:0;background:#1b1c24;z-index:2;border-bottom:1px solid #373945;padding:16px 19px;display:flex;justify-content:space-between;gap:10px;align-items:center}.modalHeader h2{font-size:20px}.modalBody{padding:20px}.modalFooter{position:sticky;bottom:0;background:#1b1c24;border-top:1px solid #373945;padding:12px 18px;display:flex;justify-content:flex-end;gap:9px}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.formGrid .span2{grid-column:1/-1}.formSection{padding-top:15px;margin-top:20px;border-top:1px solid var(--border)}.formSection h3{font-size:17px;margin-bottom:12px}.lineRow{display:grid;grid-template-columns:74px minmax(0,1fr) 116px 96px 40px;gap:7px;align-items:center;margin-bottom:9px}.lineRow input{width:100%;height:42px;background:#252732;border:1px solid #464854;border-radius:9px;padding:9px;color:var(--text);min-width:0}.lineRow button{width:38px;height:38px;font-size:21px;border-radius:10px;background:#46303a;color:#ffb9c8}.lineSummary{text-align:right;margin:10px 0;font-size:22px;font-weight:900}.detailGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.detailGrid .datum{background:#262832;border-radius:12px;padding:12px;display:grid;gap:6px}.datum small{color:var(--dim)}.datum strong{font-size:16px}.itemsTable{width:100%;border-collapse:collapse;font-size:13px}.itemsTable th{text-align:left;color:var(--dim);font-size:11px;border-bottom:1px solid #4a4b56;padding:10px 4px}.itemsTable td{padding:10px 4px;border-bottom:1px solid #3b3c47}.itemsTable td:last-child,.itemsTable th:last-child{text-align:right}.detailActions{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.payments{display:grid;gap:7px}.payment{padding:10px;background:#292b35;border-radius:9px;font-size:13px;display:flex;justify-content:space-between;gap:8px}.assistantBar{display:flex;gap:8px}.assistantBar input{flex:1;border-radius:10px;background:#252733;border:1px solid #444655;padding:11px;color:#fff;min-width:0}.assistantReply{background:#262934;border:1px solid #474957;border-radius:10px;margin-top:10px;padding:12px;font-size:13px;line-height:1.55}.footNote{color:var(--dim);font-size:12px;line-height:1.6;margin-top:12px}.toast{position:fixed;bottom:22px;right:24px;background:#252631;color:#fff;border:1px solid #737580;border-radius:12px;padding:13px 17px;max-width:min(460px,90vw);z-index:50;box-shadow:0 7px 40px #0008}.toast.error{border-color:#db6060}.mobileOnly{display:none}
@media(max-width:1000px){.mainLayout{grid-template-columns:205px minmax(0,1fr)}.kpis{grid-template-columns:repeat(2,1fr)}.sections{grid-template-columns:1fr 1fr}.topbar{padding:10px 14px}main{padding:19px 15px 85px}}
@media(max-width:760px){.mainLayout{display:block}.side{display:none;position:fixed;z-index:11;left:0;top:76px;width:270px;height:calc(100dvh - 76px);box-shadow:10px 0 20px #0008}.side.open{display:grid}.mobileOnly{display:grid}.mobileNav{display:flex;position:fixed;z-index:9;bottom:0;left:0;right:0;background:#1b1c24;border-top:1px solid #464651;min-height:65px;padding:4px 4px max(6px,env(safe-area-inset-bottom));justify-content:space-around}.mobileNav button{background:transparent;color:#a7a7b5;display:grid;justify-items:center;gap:2px;padding:4px 5px;font-size:11px;min-width:57px}.mobileNav button.active{color:var(--yellow)}.mobileNav .symbol{font-size:21px}.barRight #syncText{display:none}.topbar .brandText strong{font-size:14px}.topbar .brandText small{font-size:10px}main{padding:14px 11px 91px}.pageHeader h1{font-size:22px}.pageHeader .btn{font-size:12px}.hero{padding:19px 14px}.hero strong{font-size:20px}.sections{grid-template-columns:1fr}.kpis{gap:8px}.kpi{padding:12px;min-height:94px}.kpi h2{font-size:24px}.panel{padding:13px}.formGrid{grid-template-columns:1fr}.formGrid .span2{grid-column:auto}.lineRow{grid-template-columns:52px minmax(0,1fr) 75px 38px;gap:5px}.lineRow .lineTotal{display:none}.lineRow input{padding:5px;font-size:12px}.lineRow button{width:35px}.modalBody{padding:13px}.modalHeader{padding:14px}.modalFooter{padding:10px}.modalFooter .btn{padding:8px}.detailGrid{gap:7px}.detailGrid .datum{padding:9px}.orderCard{padding:11px}.orderInfo strong{font-size:13px}.orderRight strong{font-size:12px}.mobileNav+div{display:none}}
/* ===== Pedidos SFJ 1.2 · Estilo editorial profesional, CMYK con moderación ===== */
:root{--focus:#f2cd43;--softFocus:rgba(242,205,67,.12);--cardGlow:rgba(14,204,218,.08);--radius:18px;--shadow:0 13px 32px rgba(0,0,0,.18);--panel:#1b1d24;--panel2:#242631;--border:#363943;--bg:#111217;--dim:#afb3bf}
:root[data-accent=cyan]{--focus:#18c9db;--softFocus:rgba(24,201,219,.12)}
:root[data-accent=pink]{--focus:#f45c9d;--softFocus:rgba(244,92,157,.12)}
:root[data-accent=yellow]{--focus:#f1cd3d;--softFocus:rgba(241,205,61,.12)}
:root[data-accent=violet]{--focus:#b6a0fc;--softFocus:rgba(182,160,252,.12)}
:root[data-theme=graphite]{--bg:#171a1e;--panel:#24282e;--panel2:#2c3239;--border:#444a54;--text:#f5f7fa;--dim:#bec5d0}
:root[data-theme=light]{color-scheme:light;--bg:#f2f3f5;--panel:#fff;--panel2:#f4f5f8;--border:#d9dde4;--text:#1c2330;--dim:#5c6877;--softFocus:rgba(247,193,30,.13)}
body{background:var(--bg);color:var(--text)}.appShell{background:radial-gradient(ellipse 700px 360px at 100% 0%,rgba(230,39,134,.035),transparent 70%),var(--bg)}
.topbar{background:rgba(21,23,28,.97);border-bottom:1px solid #32343c;backdrop-filter:blur(18px);box-shadow:0 3px 16px #0002}
.brandText strong{font-size:20px;font-weight:870;letter-spacing:-.65px}.brandText strong em{font-style:normal;color:#f29ac2}.brandText small{color:#babdc5;letter-spacing:.2px}.topbar .brandMark{background:#171922;border-color:#3f4450}
.side{background:#17191f;border-color:#363940;gap:4px}.navItem{font-size:13px;font-weight:690;transition:background .15s}.navItem.active{background:var(--softFocus);color:var(--focus);box-shadow:inset 3px 0 var(--focus)}
.sideBrand{position:relative;min-height:128px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:end;padding:10px 9px 13px;margin:-7px 0 12px;border-radius:15px;border:1px solid #39333b;background:radial-gradient(circle at 15% 20%,#00c9e219,transparent 38%),radial-gradient(circle at 95% 65%,#f04b9f18,transparent 40%),#1a1b22;text-align:center}
.sideBrand img{width:118px;height:87px;object-fit:contain;object-position:top center;filter:drop-shadow(0 8px 12px #0007)}.sideBrand b{font-size:11px;letter-spacing:.9px}.sideBrand span{font-size:10px;color:#b8bcc7}
:root[data-theme=light] .mainLayout main{color:var(--text)}:root[data-theme=light] .panel,:root[data-theme=light] .kpi,:root[data-theme=light] .weekTop,:root[data-theme=light] .dayPlan,:root[data-theme=light] .weekMetric,:root[data-theme=light] .missionOrder{background:var(--panel);border-color:var(--border)}
:root[data-theme=light] .orderCard,:root[data-theme=light] .agendaCard,:root[data-theme=light] .planRow,:root[data-theme=light] .missionStep{background:#f6f7fa;color:var(--text);border-color:var(--border)}
:root[data-theme=light] .muted,:root[data-theme=light] .small.muted,:root[data-theme=light] .panel .footNote{color:var(--dim)}
:root[data-theme=light] .topbar,:root[data-theme=light] .side,:root[data-theme=light] .mobileNav{background:#1b1e25;color:#fff}
:root[data-theme=light] .brandText,:root[data-theme=light] .topbar .brandText strong{color:#fff}
:root[data-theme=light] .field input,:root[data-theme=light] .field select,:root[data-theme=light] .field textarea,:root[data-theme=light] .capacityGrid input{background:#f9fafb;color:#1c2330;border-color:#cfd5df}
:root[data-theme=light] .field label{color:#28313f}
:root[data-theme=light] .panelHeader small,:root[data-theme=light] .orderInfo small,:root[data-theme=light] .orderRight small{color:#5c6470}
.hero.heroSFJ{min-height:188px;border-color:#50454a;background:radial-gradient(ellipse at 5% 0%,#0acde21d,transparent 39%),radial-gradient(ellipse at 75% 110%,#f85d9c20,transparent 45%),linear-gradient(115deg,#1a1b23,#202026 70%,#13141a);box-shadow:var(--shadow);padding:22px 28px;margin-bottom:20px}
.heroSFJ:before{content:"";position:absolute;right:9%;bottom:-32px;width:175px;height:180px;background:radial-gradient(circle at 30% 28%,#03cad7 0 3px,transparent 5px),radial-gradient(circle at 55% 48%,#f24f97 0 5px,transparent 7px),radial-gradient(circle at 72% 24%,#efcc35 0 4px,transparent 6px),radial-gradient(ellipse at 33% 70%,#09ccdb30,transparent 44%),radial-gradient(ellipse at 81% 66%,#f24f9730,transparent 42%);opacity:.6;transform:rotate(-7deg);pointer-events:none}.heroSFJ:after{display:none}
.heroSFJ .heroCopy{position:relative;z-index:1;max-width:65%;}.heroSFJ .eyebrow{color:#facd52;font-size:11px;font-weight:860;letter-spacing:1.2px}.heroSFJ strong{display:block;margin-top:9px;font-size:clamp(24px,3vw,33px);letter-spacing:-1px;line-height:1.12;color:#fff}.heroSFJ p{font-size:13px;max-width:470px;line-height:1.5;color:#d0d1d9}.heroSFJ .heroActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.heroSFJ .heroNikii{width:34%;max-width:270px;height:188px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 12px #0007);position:absolute;bottom:-18px;right:1%;z-index:0}
.panel,.kpi{background:var(--panel);border-color:var(--border);box-shadow:0 5px 20px #0000000a}.panel{border-radius:18px}.panelHeader h2{font-size:17px;letter-spacing:-.35px}.btn.primary{background:linear-gradient(105deg,#f4d83e,#ebad32);color:#1b1a18;box-shadow:0 4px 16px #ebae2830}.btn.primary:hover{filter:brightness(1.05)}
.kpi{padding:17px 19px;border-radius:16px;min-height:104px}.kpi h2{font-size:29px;letter-spacing:-1.2px}.kpi .kicon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--softFocus);font-weight:900;font-size:21px;color:var(--focus)}
.orderCard{align-items:center;box-shadow:0 2px 8px #0001}.orderCard .productArt{width:45px;height:45px;flex:0 0 45px;filter:drop-shadow(0 3px 4px #0006)}
.agendaCards{display:grid;gap:8px}.agendaCard{display:flex;align-items:center;gap:11px;text-align:left;width:100%;background:#23252d;border:1px solid #383b45;color:#f5f6f9;border-radius:13px;padding:9px 11px;transition:transform .15s,border-color .15s}.agendaCard:hover{border-color:#63bed1;transform:translateY(-1px)}.agendaHour{width:56px;font-weight:800;font-size:13px;color:#f8d86b;flex:0 0 56px}.agendaCard .productArt{height:44px;width:44px;flex:0 0 44px;filter:drop-shadow(0 5px 5px #0007)}.agendaCopy{flex:1;min-width:0;display:grid;gap:4px}.agendaCopy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.agendaCopy small{color:#aeb4c0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.tag.unpaid{background:#522730;border-color:#a64d5e;color:#ffc7d0}.tag.paid{background:#193d34;border-color:#367d63;color:#a3f2d2}.agendaCapacity{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-top:14px;margin-top:10px;border-top:1px solid #363941}.agendaCapacity strong{font-size:13px}.agendaCapacity p{color:var(--dim);font-size:11px;margin-top:4px}.quota{display:inline-flex;align-items:center;justify-content:center;background:#312f24;color:#f4d67c;padding:9px 11px;border:1px solid #73663c;border-radius:12px;white-space:nowrap;font-weight:800;font-size:13px}
.voicePanel{display:grid;align-content:start;gap:8px;background:linear-gradient(155deg,var(--panel),#201f2a);border-color:#56505b}.voicePanel .spokenLine{font-size:17px;font-weight:780;line-height:1.43;letter-spacing:-.3px}.voicePanel .btn{width:fit-content}.voicePanel .footNote{margin-top:5px}
.missionInline{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid var(--border);border-radius:11px;width:100%;background:var(--panel2);color:var(--text);margin-top:6px;text-align:left}.missionInline .productArt{width:40px;height:40px;flex:0 0 40px}.missionInline span{flex:1;display:grid;gap:4px}.missionInline small{color:var(--dim);font-size:11px}.missionInline b{color:var(--focus)}
.weekTop{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:18px;margin:12px 0}.weekTop h2{font-size:19px;letter-spacing:-.5px}.weekTop p{margin-top:5px}.weekControls{display:flex;gap:5px;flex-wrap:wrap}.weekMetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:17px}.weekMetric{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:15px;display:grid;gap:7px}.weekMetric span{font-size:12px;color:var(--dim)}.weekMetric strong{font-size:29px;color:var(--text)}.weekGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dayPlan{border:1px solid var(--border);background:var(--panel);border-radius:16px;padding:15px;min-width:0}.dayPlan.todayPlan{border-color:#b5a14c;box-shadow:0 0 0 1px #cfb65835}.dayHead{display:flex;justify-content:space-between;gap:12px;align-items:center}.dayHead>div{display:flex;align-items:center;gap:8px}.dayHead b{font-size:17px;text-transform:capitalize}.dayCount{font-size:12px;background:var(--softFocus);border-radius:99px;padding:6px 9px;color:var(--focus);font-weight:800;white-space:nowrap}.dayProducts{display:grid;gap:4px;margin:11px 0;min-height:60px}.planRow{display:flex;gap:9px;align-items:center;text-align:left;border:0;border-radius:9px;padding:4px 5px;background:transparent;color:var(--text);width:100%}.planRow:hover{background:var(--panel2)}.planRow .productArt{width:35px;height:35px;flex:0 0 35px}.planRow span{display:grid;gap:2px;min-width:0}.planRow span b{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.planRow span small{font-size:10px;color:var(--dim);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dayProgress{border-top:1px solid var(--border);padding-top:7px}.dayProgress .capacityBar{height:8px;margin:6px 0}.dayProgress>small{color:var(--dim);font-size:11px}.dayProgress>b{display:block;font-size:11px;margin-top:6px;color:var(--focus)}.planWork{margin-top:12px;display:grid;gap:5px;border-top:1px dashed var(--border);padding-top:10px}.planWork span{font-size:11px;font-weight:800;color:var(--dim)}.planWork button{background:var(--softFocus);border-radius:7px;border:0;color:var(--text);text-align:left;padding:6px 8px;font-size:11px}
.missionHeader{border-radius:16px;display:flex;align-items:center;justify-content:space-between;padding:22px;border:1px solid #645846;background:radial-gradient(ellipse at 100% 30%,#efce4127,transparent 62%),#24252b}.missionHeader span{font-size:11px;font-weight:820;letter-spacing:1px;color:#f1d773}.missionHeader h2{font-size:26px;margin:6px 0;letter-spacing:-.6px}.missionHeader p{font-size:12px;color:#d5d2d4}.missionBadge{font-size:42px;color:#f6cb4a;background:#4b4126;border-radius:50%;width:72px;height:72px;display:grid;place-items:center}.milestone{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.milestoneItem{display:grid;justify-items:center;gap:8px;text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:12px;opacity:.52}.milestoneItem.achieved{opacity:1;border-color:#e1bf49}.milestoneItem strong{font-size:23px;color:#efbe45}.milestoneItem span{font-size:11px;font-weight:700}.missionList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.missionOrder{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:15px;min-width:0}.missionOrder header{display:flex;align-items:center;gap:9px}.missionOrder header .productArt{width:46px;flex:0 0 46px}.missionOrder header div{flex:1;min-width:0}.missionOrder header h3{font-size:14px}.missionOrder header small{display:block;font-size:11px;color:var(--dim);margin-top:3px;overflow:hidden;text-overflow:ellipsis}.missionOrder .miniProgress{height:7px;border-radius:4px;background:#33343d;margin:13px 0;overflow:hidden}.miniProgress i{display:block;height:100%;background:linear-gradient(90deg,#11bdd9,#e34e9f,#efd345)}.missionSteps{display:grid;gap:6px}.missionStep{display:flex;align-items:center;gap:9px;width:100%;padding:11px;border-radius:10px;text-align:left;background:var(--panel2);border:1px solid var(--border);color:var(--text);font-weight:650;font-size:12px}.missionStep.completed{border-color:#568e70;background:#1d3b31}.missionStep.disabled,.missionStep:disabled{opacity:.45}.missionStep .missionCheck{display:grid;place-items:center;color:#5cd2b0;font-size:20px;width:21px;height:21px;flex:0 0 21px}.missionStep>span:nth-child(2){flex:1}.missionStep small{color:#d9bd68;font-size:10px}.miniActions{margin-top:10px}
.themeOptions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.themeTile{border:1px solid var(--border);background:var(--panel2);border-radius:12px;padding:13px;display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer}.themeTile.chosen{border-color:var(--focus);box-shadow:inset 0 0 0 1px var(--focus)}.themeDot{width:22px;height:22px;border:1px solid #69727c;border-radius:8px;background:#111}.themeDot.graphite{background:#59616d}.themeDot.light{background:#f9fbfe}.colorChoices{display:flex;flex-wrap:wrap;gap:11px;margin-top:13px}.colorChoice{display:grid;justify-items:center;gap:6px;cursor:pointer}.colorChoice input,.themeTile input{accent-color:var(--focus)}.colorChoice>span{display:block;width:29px;height:29px;border-radius:50%;border:2px solid #fff7}.colorChoice small{font-size:10px}.colorChoice.chosen>span{outline:2px solid var(--focus);outline-offset:3px}.capacityGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.capacityGrid .field input{height:42px}.capacityGrid .field span{font-size:11px;font-weight:700;color:var(--dim)}.switchRow{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--border);border-radius:13px;margin:13px 0}.switchRow input{width:20px;height:20px;accent-color:var(--focus)}.switchRow span{display:grid;gap:6px}.switchRow span small{color:var(--dim);font-size:11px}.priorityCheck{display:flex!important;align-items:center;gap:10px;padding:12px;border:1px solid #76603d;border-radius:12px;background:#29251f!important;cursor:pointer}.priorityCheck input{width:19px;min-height:19px;height:19px;accent-color:#f2ca48}.priorityCheck span{display:grid;gap:6px}.priorityCheck small{font-size:11px;color:#cabda4;font-weight:450}
@media (max-width:920px){.weekGrid,.missionList{grid-template-columns:1fr}.heroSFJ .heroCopy{max-width:70%}.weekMetrics{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.sideBrand{min-height:100px}.hero.heroSFJ{padding:21px 17px;min-height:183px}.heroSFJ .heroCopy{max-width:70%}.heroSFJ .heroNikii{width:40%;max-width:165px;height:170px;right:-5%;opacity:.92}.heroSFJ strong{font-size:22px}.heroSFJ .heroCopy p{font-size:12px}.heroSFJ .heroActions .btn{font-size:11px;padding:8px 10px}.kpi{padding:13px}.kpi h2{font-size:25px}.agendaCard{gap:7px;padding:9px 7px}.agendaHour{width:44px;flex:0 0 44px;font-size:12px}.agendaCard .productArt{width:38px;height:38px;flex:0 0 38px}.agendaCard .tag{font-size:9px;padding:4px 5px}.voicePanel .spokenLine{font-size:15px}.weekTop{flex-direction:column;align-items:flex-start}.weekTop h2{font-size:16px}.weekMetrics{gap:6px}.weekMetric{padding:10px}.weekMetric span{font-size:10px}.weekMetric strong{font-size:25px}.milestone{grid-template-columns:repeat(2,1fr)}.capacityGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.themeOptions{grid-template-columns:1fr}.missionOrder header .tag{font-size:9px;padding:4px 5px}.orderCard .productArt{width:38px;height:38px;flex-basis:38px}.orderCard{gap:7px}}
@media (max-width:380px){.heroSFJ .heroNikii{opacity:.45}.heroSFJ .heroCopy{max-width:90%}.topbar .brandText strong{font-size:13px}.topbar .brandText small{font-size:8px}.barRight{gap:3px}.barRight .iconBtn{min-width:35px;height:35px}.agendaHour{flex-basis:40px;width:40px}}
@media (prefers-reduced-motion:reduce){.agendaCard,.navItem{transition:none}}
/* === v1.3: Centro de recordatorios y alarmas === */
.remMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:16px 0}.remMetrics>div{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;display:grid;gap:6px}.remMetrics strong{font-size:25px;color:var(--focus)}.remMetrics span{color:var(--dim);font-size:12px}.remField{max-width:330px;margin:0 0 17px 33px}.remField input,.remField select{background:var(--panel2);border-color:var(--border);color:var(--text);max-width:100%;color-scheme:dark}.remItem{display:flex;align-items:flex-start;gap:11px;justify-content:space-between;border-bottom:1px solid var(--border);padding:13px 0}.remItem:last-child{border-bottom:0}.remItem>div{display:grid;gap:6px;min-width:0}.remItem small{color:var(--focus);font-size:11px;font-weight:750}.remItem strong{font-size:14px}.remItem p{font-size:12px;line-height:1.5;color:var(--dim);max-width:740px}.remState{font-size:11px;color:var(--cyan)}.remItem .btn{flex:0 0 auto}.reminderFloating{position:fixed;z-index:80;right:16px;bottom:22px;display:flex;gap:13px;align-items:flex-start;width:min(530px,calc(100% - 32px));padding:17px;background:#242733;border:1px solid var(--focus);border-left:5px solid var(--focus);color:#fff;border-radius:17px;box-shadow:0 20px 70px #000a}.reminderFloatingIcon{font-size:24px}.reminderFloating>div{min-width:0}.reminderFloating b{font-size:15px}.reminderFloating p{color:#d8d9e4;font-size:12px;line-height:1.5;margin:7px 0 12px;max-height:110px;overflow:auto}.reminderFloatingActions{display:flex;gap:6px;flex-wrap:wrap}.reminderFloatingActions button{padding:8px 10px;border:1px solid #646575;background:#363944;border-radius:9px;font-size:11px;font-weight:760;color:#fff}.reminderFloatingActions button:first-child{background:#e5c54a;color:#1a1820;border:0}.reminderFloating:focus-within{outline:2px solid var(--focus)}
@media(max-width:760px){.remMetrics{gap:7px}.remMetrics>div{padding:10px}.remMetrics strong{font-size:21px}.remMetrics span{font-size:10px}.remField{margin-left:0}.reminderFloating{bottom:77px;right:10px;width:calc(100% - 20px)}.mobileNav button{min-width:42px;font-size:10px;padding:4px 2px}}
:root[data-theme=light] .remField input,:root[data-theme=light] .remField select{color-scheme:light}
/* Pedidos SFJ 1.4 — mural editorial y jornada con turnos. */
.muralBoard{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(164px,1fr));gap:17px;padding:24px 18px;border:1px solid #46454d;border-radius:16px;background:radial-gradient(circle at 85% 8%,#e14d9312,transparent 42%),repeating-linear-gradient(0deg,#25242b,#25242b 35px,#282830 36px);margin-bottom:17px;min-height:170px}
.muralBoard:before{content:"";position:absolute;left:14px;right:14px;top:9px;height:2px;background:linear-gradient(90deg,#2dcde4,transparent 38%,#e54a94 70%,#f4d34b);opacity:.6}
.stickyNote{min-height:165px;position:relative;border:0;border-radius:3px 11px 12px 9px;background:#edf5f2;color:#262b33;text-align:left;padding:27px 15px 16px;box-shadow:3px 5px 0 #0003,0 10px 19px #0004;display:flex;flex-direction:column;align-items:flex-start;gap:8px;transition:transform .15s,box-shadow .15s;overflow:hidden}
.stickyNote.note1{background:#fff1d3}.stickyNote.note2{background:#fae0e9}.stickyNote.note3{background:#dbe8fa}
.stickyNote:nth-child(4n + 1){transform:rotate(-1deg)}.stickyNote:nth-child(4n + 2){transform:rotate(1.5deg)}.stickyNote:nth-child(4n + 3){transform:rotate(-.7deg)}
.stickyNote:hover,.stickyNote:focus-visible{transform:translateY(-5px) rotate(0);z-index:2;box-shadow:0 17px 26px #0005;outline:2px solid #f5d242}
.stickyNote:after{content:"";position:absolute;bottom:0;right:0;width:25px;height:22px;background:linear-gradient(135deg,#ffffff10 45%,#0002 46%,#ffffff55 95%);clip-path:polygon(100% 0,100% 100%,0 100%)}
.notePin{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:15px;height:15px;border:3px solid #bdcad1;border-radius:50%;background:#ed4a96;box-shadow:0 2px 0 #8d3b69,1px 4px 3px #0005}
.note1 .notePin{background:#ecc335}.note2 .notePin{background:#16bcd4}.note3 .notePin{background:#e9a7e0}
.stickyNote .stickyMeta{font-size:10px;font-weight:750;color:#57636b;letter-spacing:.3px}
.stickyNote b{font-size:20px;line-height:1.15;overflow-wrap:anywhere;font-weight:900;letter-spacing:-.35px}
.stickyNote small{font-size:12px;line-height:1.35;color:#535e69;max-height:37px;overflow:hidden;overflow-wrap:anywhere}
.stickyNote .stickyFooter{font-size:10px;letter-spacing:.3px;color:#5f626c;font-weight:900;margin-top:auto}
.muralEmpty{grid-column:1/-1;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#ebebf0;min-height:122px}.muralEmpty span{color:#adb2bf;font-size:13px}
.workIntro{background:linear-gradient(110deg,#23282c,#1b1e27);border:1px solid #40444d;border-left:3px solid var(--focus);border-radius:16px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}
.workIntro span{font-size:11px;color:var(--focus);font-weight:850;letter-spacing:2px}.workIntro h2{font-size:23px;margin:5px 0}.workIntro p{font-size:13px;color:#bfc5d0;max-width:650px}.workIntro .workIntroIcon{font-size:43px;opacity:.7}
.workLayout{display:grid;grid-template-columns:1.45fr 1fr;gap:16px;align-items:start}.workDays{margin-top:12px;display:grid;gap:9px}.workDay{border:1px solid var(--border);background:var(--panel2);padding:13px;border-radius:13px;display:grid;grid-template-columns:minmax(100px,.55fr) minmax(0,1.45fr);align-items:center;gap:11px}.workDayTitle{font-size:14px;display:flex;gap:8px;align-items:center}.workDayTitle input{accent-color:#ed4b9a;width:18px;height:18px}.workShifts{display:grid;gap:6px}.shiftTimes{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.shiftTimes small{color:var(--dim);min-width:56px;font-size:11px}.shiftTimes input{color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 5px;min-width:0;width:105px;font-size:13px;min-height:39px}.splitToggle{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--dim)}.splitToggle input,.workExClosed input{accent-color:#dc4b9d}.workOptions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.workOptions input,.workException input[type=date]{width:100%;min-height:41px;padding:8px;border:1px solid var(--border);border-radius:9px;background:var(--panel2);color:var(--text)}.workExceptions{display:grid;gap:10px}.workException{border:1px solid var(--border);border-radius:12px;padding:12px;display:grid;gap:10px;background:var(--panel2)}.workExClosed{font-size:13px;display:flex;gap:8px;align-items:center}.availabilityList{display:grid;gap:6px}.availabilityRow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--border)}.availabilityRow span:first-child{display:grid;gap:4px}.availabilityRow b{font-size:13px}.availabilityRow small{font-size:11px;color:var(--dim)}.availabilityValue{font-size:11px;font-weight:800;color:#74d7d6;text-align:right;white-space:nowrap}.availabilityValue.full{color:#efd081}.availabilityValue.closed{color:#adb1bb}.workFooter{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.workFooter .btn{min-height:44px}
@media(max-width:980px){.workLayout{grid-template-columns:1fr}}
@media(max-width:600px){.muralBoard{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:19px 12px}.stickyNote{min-height:158px;padding:24px 10px 12px}.stickyNote b{font-size:17px}.workDay{grid-template-columns:1fr;gap:8px}.shiftTimes input{width:91px}.workOptions{grid-template-columns:1fr}.availabilityRow{gap:7px}.availabilityValue{white-space:normal}.workIntro{padding:15px}.workIntro h2{font-size:19px}}
.workShifts:not(:has(.splitToggle input:checked)) .shiftTimes:last-child{opacity:.45}
.workDay:not(:has(.workDayTitle input:checked)) .workShifts{opacity:.55}

/* v1.5 — La nota original del taller en formato editable, responsive y de aspecto profesional. */
.modal:has(.sfjPaperNote){width:min(1060px,calc(100vw - 30px));max-width:1060px;max-height:min(95dvh,1100px)}
.modal:has(.sfjPaperNote) .modalBody{padding:0;background:#e8e7e5;color:#1c2330;max-height:calc(95dvh - 75px);overflow:auto}
.modal:has(.sfjPaperNote) .modalHeader{background:#1c1e25;border-bottom:1px solid #42444c}
.sfjPaperNote{background:#fffdf9;color:#27313c;padding:26px 31px 23px;display:grid;gap:0;margin:15px;box-shadow:0 12px 40px #10121716,0 0 0 1px #cac7bf;border-top:6px solid #e43f92;position:relative;border-radius:5px}
.sfjPaperNote:before{content:"";position:absolute;top:-6px;left:0;height:6px;width:100%;background:linear-gradient(90deg,#16b4d9 0 33%,#e43f92 33% 66%,#f2ce43 66% 100%)}
.paperHead{display:flex;gap:15px;align-items:flex-start;justify-content:space-between;padding-bottom:18px;border-bottom:2px solid #303947}
.paperHeadLogo{display:flex;gap:12px;align-items:center}.paperLogo{background:#191c23;color:white;font-size:21px;font-weight:950;letter-spacing:-1px;padding:13px 10px;border-radius:9px;border-bottom:3px solid #f5d046;border-left:3px solid #17cae3}
.paperHeadLogo div{display:grid;gap:4px}.paperHeadLogo strong{letter-spacing:1.1px;font-size:14px}.paperHeadLogo small{font-size:11px;color:#69717b;text-transform:uppercase;letter-spacing:.9px}
.paperNumber{text-align:right;display:grid;gap:5px}.paperNumber b{font-size:13px}.paperNumber small{font-size:10px;text-transform:uppercase;letter-spacing:.9px;color:#7c4d58;font-weight:750}
.paperNoteHint{display:flex;justify-content:space-between;gap:10px;color:#81838c;font-size:11px;padding:13px 0 3px}
.paperSection{margin-top:13px;padding:0 0 15px;border-bottom:1px solid #dedfe0}
.paperLabel{display:flex;align-items:center;gap:10px;color:#232b36;font-weight:800;font-size:13px;margin:0 0 11px}.paperLabel b{border:1px solid #f1c8d8;color:#c53478;background:#fff2f7;border-radius:6px;padding:5px 7px;font-size:10px;letter-spacing:.7px}
.paperClientGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 16px}.paperField{display:flex;flex-direction:column;gap:6px;font-size:11px;text-transform:none;font-weight:800;color:#475263;min-width:0}.paperField.paperWide{grid-column:span 2}
.sfjPaperNote input,.sfjPaperNote textarea,.sfjPaperNote select{background:#fafbfc;color:#202c3c;border:1px solid #cfd3d8;border-bottom:2px solid #aab6c1;border-radius:7px;padding:10px 11px;min-width:0;width:100%;font-size:14px;min-height:44px;color-scheme:light}
.sfjPaperNote textarea{resize:vertical;min-height:84px}.sfjPaperNote input:focus,.sfjPaperNote select:focus,.sfjPaperNote textarea:focus{outline:2px solid #11bed054;border-color:#0aa3c1}.sfjPaperNote input::placeholder,.sfjPaperNote textarea::placeholder{color:#949aa4}
.paperLinesHeader{display:grid;grid-template-columns:72px minmax(0,1fr) 120px 112px 36px;gap:9px;padding:8px 7px;margin-bottom:6px;background:#eef2f3;border-radius:5px;color:#505b68;font-size:11px;font-weight:900}
.sfjPaperNote #lines{display:grid;gap:8px}.sfjPaperNote .lineRow{display:grid;grid-template-columns:72px minmax(0,1fr) 120px 112px 36px;gap:9px;align-items:center;padding:4px 0;border-bottom:1px dashed #e4e6e8}
.sfjPaperNote .lineRow input{width:100%;min-height:40px;padding:8px 7px;font-size:13px}.sfjPaperNote .lineRow .lineTotal{font-weight:850;color:#263442;white-space:nowrap;text-align:right}.sfjPaperNote .lineRow button{border:1px solid #e1c2c8;border-radius:7px;color:#9d3c4e;background:#fff3f4;height:36px;font-size:21px}
.paperAddLine{color:#166b7d;border:1px dashed #86b9c4;background:#f3faff;padding:10px 16px;margin-top:10px;border-radius:8px;font-weight:800;text-align:left}
.paperTotal{margin-top:15px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 15px;background:#222a35;color:#fff;border-radius:7px}.paperTotal span{font-size:11px;font-weight:850;letter-spacing:.8px}.paperTotal strong{font-size:23px;color:#f5d74e}
.paperPriority{display:flex;align-items:center;gap:10px;padding:10px 13px;background:#fff9e8;color:#3e362c;border:1px solid #ebd6a2;border-radius:8px;margin-top:12px;cursor:pointer}.paperPriority input{min-height:20px;width:20px;accent-color:#ca6e21}.paperPriority span{display:grid;gap:4px}.paperPriority b{font-size:12px}.paperPriority small{font-size:10px;color:#89754f}
.paperPayments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:end}.paperPayments p{grid-column:span 2;color:#727987;font-size:11px;line-height:1.5}.paperPayments div{display:grid;gap:5px}.paperPayments div small{color:#71777c}.paperPayments div b{font-size:18px}
.paperFooter{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:20px}.paperFooter>span{font-size:10px;color:#7e8590;max-width:38%}.paperActions{display:flex;gap:8px}.paperActions .btn:not(.primary){background:#eceef1;color:#35404b;border-color:#cfd1d9}.paperActions .btn.primary{background:linear-gradient(120deg,#222a35,#3f4651);color:#fff}
.overdueIntro{background:linear-gradient(115deg,#3a232b,#24232c);border:1px solid #a35263;border-radius:16px;padding:19px;display:flex;gap:20px;align-items:center;margin-bottom:15px}.overdueIntro>div{display:grid;justify-items:center;padding:5px 20px;border-right:1px solid #79505b}.overdueIntro strong{font-size:38px;color:#ffa4a4;line-height:1}.overdueIntro span{font-size:11px;color:#ffb9b9}.overdueIntro p{color:#e1c9cf;line-height:1.5;font-size:13px}.overdueList{display:grid;gap:11px}.overdueRow{background:var(--panel);border:1px solid #5d4249;border-left:4px solid #e17e8b;border-radius:12px;color:var(--text);text-align:left;padding:14px;display:flex;align-items:center;gap:14px;width:100%}.overdueRow:hover{border-color:#f38b9c}.overdueDays{font-size:25px;line-height:1;color:#ffa0ae;font-weight:900;text-align:center;min-width:62px}.overdueDays small{display:block;font-size:11px;margin-top:4px}.overdueInfo{flex:1;min-width:0;display:grid;gap:5px}.overdueInfo b{font-size:15px}.overdueInfo small{font-size:11px;color:var(--dim)}.overdueStatus{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end}.overdueStatus>b{font-size:11px;color:var(--cyan)}
@media(max-width:720px){.modal:has(.sfjPaperNote){width:min(100vw - 10px,100%);max-height:97dvh}.modal:has(.sfjPaperNote) .modalBody{max-height:calc(97dvh - 62px)}.sfjPaperNote{padding:16px 12px;margin:6px}.paperHeadLogo strong{font-size:12px}.paperHeadLogo small{font-size:9px}.paperLogo{font-size:17px}.paperNumber b{font-size:11px}.paperNoteHint{flex-wrap:wrap}.paperClientGrid{grid-template-columns:1fr}.paperField.paperWide{grid-column:auto}.paperLinesHeader{grid-template-columns:42px minmax(0,1fr) 70px 67px 25px;gap:3px;font-size:9px;padding:6px 2px}.sfjPaperNote .lineRow{grid-template-columns:42px minmax(0,1fr) 70px 67px 25px;gap:3px}.sfjPaperNote .lineRow input{padding:7px 4px;font-size:11px}.sfjPaperNote .lineRow .lineTotal{font-size:9px;white-space:normal;overflow-wrap:anywhere}.sfjPaperNote .lineRow button{font-size:17px}.paperTotal strong{font-size:19px}.paperFooter{flex-direction:column;align-items:stretch}.paperFooter>span{max-width:100%}.paperActions{width:100%}.paperActions button{flex:1;padding:10px 6px;font-size:12px}.overdueIntro{flex-direction:column;align-items:stretch;gap:12px}.overdueIntro>div{border-right:0;border-bottom:1px solid #79505b}.overdueStatus{flex-direction:column;align-items:flex-end}}
/* v1.5 revisión de uso táctil: ninguna columna del talonario queda cortada en celular */
@media(max-width:720px){
 .sfjPaperNote .paperLinesHeader{display:none}
 .sfjPaperNote .lineRow{grid-template-columns:64px minmax(0,1fr) 29px;grid-template-rows:auto auto;gap:6px 7px;padding:10px 0}
 .sfjPaperNote .lineRow [name="qty"]{grid-area:1 / 1}
 .sfjPaperNote .lineRow [name="detail"]{grid-area:1 / 2}
 .sfjPaperNote .lineRow [name="unit_price"]{grid-area:2 / 1;width:64px}
 .sfjPaperNote .lineRow .lineTotal{grid-area:2 / 2;font-size:12px;text-align:left;align-self:center;white-space:nowrap}
 .sfjPaperNote .lineRow .lineTotal:before{content:"Subtotal: ";color:#7b8590;font-size:10px;font-weight:600}
 .sfjPaperNote .lineRow button{grid-area:1 / 3}
}

/* v1.7: accesibilidad de tarjetas y compromisos */
.kpi{color:var(--text);font:inherit;text-align:left;cursor:pointer;width:100%;transition:transform .15s,border-color .15s}
.kpi:hover,.kpi:focus-visible{transform:translateY(-2px);border-color:var(--cyan);outline-offset:3px}
.featuredEvents{margin-bottom:16px;border-left:3px solid var(--magenta)}
.featuredEvents .panelHeader{margin-bottom:8px}
.specialEvent{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,#e2439233,#1e2933);border:1px solid #704661;border-radius:13px;padding:13px;margin-top:8px}
.specialEvent .eventIcon{font-size:23px;color:#ffc84b}
.specialEvent div{flex:1;min-width:0}.specialEvent strong,.specialEvent small{display:block}.specialEvent small{font-size:12px;color:#d5bdcf;margin-top:4px}.specialEvent p{font-size:12px;margin-top:5px;color:#c2b9c7}
.weekEvent{border:1px solid #755070;background:#392538;color:#ffdaec;font-size:12px;border-radius:9px;padding:8px 10px;margin-bottom:7px}
.workEvents{display:grid;gap:12px}.eventEditor{display:grid;gap:9px;border:1px solid #645069;background:#292331;border-radius:13px;padding:13px}.eventDates{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.voiceChoice{display:grid;gap:10px;padding:12px;margin:11px 0;border:1px solid #554368;background:#282532;border-radius:12px;grid-template-columns:1fr 1fr}.voiceChoice>.footNote{grid-column:1/-1}
@media(max-width:760px){.voiceChoice{grid-template-columns:1fr}.voiceChoice>.footNote{grid-column:auto}.eventDates{grid-template-columns:1fr}.featuredEvents .panelHeader h2{font-size:15px}.specialEvent{flex-wrap:wrap}.specialEvent .btn{margin-left:auto}}

/* Pedidos SFJ v1.8 · Mural real de notas fijadas y organización de la navegación */
.muralFeature{grid-column:1 / -1;background:linear-gradient(145deg,#1c1e26,#171922);border-color:#41414d}
.muralFeature .panelHeader h2{font-size:20px}
.muralBoard{display:flex;flex-wrap:wrap;gap:28px;align-content:flex-start;align-items:flex-start;padding:36px 30px;min-height:258px;border-radius:15px;border:9px solid #353741;box-shadow:inset 0 0 0 1px #575860, inset 0 10px 27px #090a0f98,0 9px 20px #0004;background-color:#242630;background-image:radial-gradient(circle,#6265747c .9px,transparent 1.5px),radial-gradient(circle at 20% 13%,#15cde60a,transparent 46%),radial-gradient(circle at 80% 65%,#ef44900b,transparent 42%);background-size:18px 18px,100% 100%,100% 100%}
.muralBoard:before{top:0;left:0;right:0;height:4px;opacity:1}
.stickyNote{width:clamp(150px,19%,245px);flex:0 1 auto;min-height:185px;max-width:245px;border:0;border-radius:1px 2px 9px 2px;padding:35px 16px 18px;background:#fff5c5;color:#2e3036;box-shadow:3px 5px 0 #0005,4px 13px 24px #0008, inset 0 -25px 29px #7c652608;gap:12px;overflow:visible}
.stickyNote.note0{background:#e4ebff}.stickyNote.note1{background:#ffe8bc}.stickyNote.note2{background:#ffe1ee}.stickyNote.note3{background:#d8f4e8}
.stickyNote:before{content:"";height:7px;position:absolute;left:12px;right:12px;top:2px;background:linear-gradient(90deg,transparent,#ffffff5a,transparent);transform:rotate(-1deg);pointer-events:none}
.stickyNote:after{width:29px;height:26px;background:linear-gradient(135deg,#fff0 42%,#0003 44%,#ffffff96 95%)}
.stickyNote b{font-family:Inter,system-ui,sans-serif;font-weight:850;font-size:20px;min-height:26px}
.stickyNote small{font-size:12px;line-height:1.4;max-height:45px}
.stickyNote .stickyFooter{font-size:10px;letter-spacing:.05em;margin-top:auto}
.stickyNote .stickyOpen{font-size:10px;font-weight:800;opacity:.64;text-align:right;align-self:flex-end}
.notePin{z-index:2;top:-9px;left:50%;width:18px;height:18px;border:3px solid #eeafb0;background:radial-gradient(circle at 30% 20%,#ffd5df,#c21944 65%);box-shadow:inset -1px -2px 3px #700420,1px 3px 0 #68112b,2px 7px 5px #0009}
.note1 .notePin,.note2 .notePin,.note3 .notePin{background:radial-gradient(circle at 30% 20%,#ffdef0,#e01f53 65%);border-color:#ff9dae}
.stickyNote:nth-child(4n + 1){transform:rotate(-2.0deg)}.stickyNote:nth-child(4n + 2){transform:rotate(1.2deg)}.stickyNote:nth-child(4n + 3){transform:rotate(-.8deg)}.stickyNote:nth-child(4n + 4){transform:rotate(1.8deg)}
.stickyNote:hover,.stickyNote:focus-visible{transform:translateY(-6px) rotate(0deg);box-shadow:0 17px 29px #0009;outline:2px solid var(--yellow)}
@media(max-width:600px){.muralBoard{gap:16px;padding:28px 12px;border-width:6px;justify-content:center}.stickyNote{width:calc(50% - 9px);min-width:0;max-width:none;min-height:172px;padding:29px 10px 11px;gap:8px}.stickyNote b{font-size:16px}.stickyNote .stickyOpen{font-size:9px}.muralFeature .panelHeader{align-items:flex-start;flex-wrap:wrap}}

.voicePitchField{grid-column:1/-1;max-width:460px}.voicePitchField input[type=range]{width:100%;accent-color:var(--magenta);height:34px}.voicePitchField small{color:var(--dim);font-weight:700}

/* Pedidos SFJ 1.9 - Producción para ferias y centro de impresión */
.prodHero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px;margin:0 0 16px;background:linear-gradient(108deg,#1d2431,#292031 65%,#281e27);border:1px solid #48435a;border-radius:18px;overflow:hidden;position:relative}
.prodHero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#07c8e1 33%,#e84695 33%,#e84695 68%,#ffde41 68%)}
.prodHero small{font-size:10px;letter-spacing:.18em;color:#d5cfdb;font-weight:850}.prodHero h2{font-size:clamp(21px,3vw,30px);margin:6px 0;font-weight:850}.prodHero p{font-size:13px;opacity:.85;max-width:550px;line-height:1.5}.prodHeroIcon{font-size:66px;filter:drop-shadow(0 5px 12px #0007)}
.prodKpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.prodKpi{border:1px solid #414655;border-radius:13px;padding:15px;display:flex;flex-direction:column;gap:6px;background:#1c2330}.prodKpi:nth-child(2){border-top:3px solid #15cddd}.prodKpi:nth-child(3){border-top:3px solid #e84e9a}.prodKpi:nth-child(4){border-top:3px solid #f4ce41}.prodKpi small{font-size:11px;color:#b8c3d3}.prodKpi b{font-size:28px;font-weight:850;color:#eef2f7}
.prodList,.prodFairList,.prodPlanList{display:grid;gap:10px;margin-top:15px}.prodRow,.prodFairRow,.prodPlanRow{border:1px solid #3c4452;border-radius:13px;padding:13px;background:linear-gradient(115deg,#1b222e,#1c2028)}
.prodRow{display:flex;gap:14px;align-items:center}.prodThumb{width:54px;min-width:54px;height:54px;display:grid;place-items:center;background:#2b3445;border-radius:12px;font-size:27px}.prodMain{min-width:180px;flex:1}.prodMain strong,.prodMain small{display:block}.prodMain strong{font-size:15px;line-height:1.3}.prodMain small{font-size:11px;color:#bec9d7;line-height:1.5;margin-top:4px}.prodControls{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.prodControls .btn{white-space:nowrap}
.prodFairBar{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;padding:12px;border:1px solid #445260;border-radius:13px;margin:10px 0;background:#19202b}.prodFairBar label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#c8d2de;flex:1;min-width:170px}.prodFairBar select{width:100%;max-width:540px;background:#161c26;border:1px solid #515c6e;border-radius:9px;color:#fff;padding:11px;font-size:13px}
.prodFairInfo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.prodFairInfo>div{display:flex;flex-direction:column;gap:6px;background:#242632;padding:13px;border-radius:10px}.prodFairInfo small{color:#bdc4cf;font-size:11px}.prodFairInfo b{font-size:18px;color:#fff}
.prodFairRowTop{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:13px}.prodFairRowTop span{font-size:12px;font-weight:700;color:#ddd}.prodFairRow .capacityBar{margin:11px 0 9px}.prodFairRow>small{display:block;font-size:11px;color:#c0c9d7;margin:0 0 12px}.prodPlanRow{display:grid;gap:5px}.prodPlanRow strong{font-size:14px}.prodPlanRow span{font-size:12px;color:#f8d65b}.prodPlanRow small{font-size:11px;color:#c4cbd5;line-height:1.6}
.prodPick{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.prodPick .btn{white-space:normal;text-align:left}.printFilters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:14px 0}.printFilters .field{margin:0}.printCheckbox{display:inline-flex;align-items:center;gap:8px;border:1px solid #525769;border-radius:10px;background:#1d2430;padding:9px 12px;font-size:12px;color:#f1f2f6;cursor:pointer}.printCheckbox input,.printOrderRow>input{width:17px;height:17px;accent-color:#e44896;flex-shrink:0}.printOrders{display:grid;gap:7px}.printOrderRow{display:flex;align-items:center;gap:12px;border:1px solid #3f495a;border-radius:12px;background:#1b2230;padding:11px 12px;cursor:pointer;min-width:0}.printOrderRow span{display:grid;gap:4px;min-width:0;flex:1}.printOrderRow b{font-size:13px}.printOrderRow small{font-size:11px;line-height:1.45;color:#bfc9d8}.printOrderRow button{flex-shrink:0}
@media(max-width:1050px){.prodRow{align-items:flex-start;flex-wrap:wrap}.prodControls{width:100%;padding-left:0}}
@media(max-width:760px){.prodKpis{grid-template-columns:repeat(2,minmax(0,1fr))}.prodFairInfo{grid-template-columns:repeat(3,minmax(0,1fr))}.prodHero{padding:18px 14px}.prodHeroIcon{font-size:37px}.prodKpi{padding:11px}.prodKpi b{font-size:23px}.prodFairInfo b{font-size:15px}.printFilters{grid-template-columns:1fr}.prodRow{padding:11px}.prodThumb{width:42px;min-width:42px;height:42px;font-size:21px}.prodMain{min-width:100px}.prodControls .btn{font-size:12px}.prodFairRowTop span{font-size:11px}}
@media print{.prodRow,.prodFairRow{break-inside:avoid}}
.prodHome{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:18px;background:linear-gradient(105deg,#142932,#262136);border-left:3px solid #16c5dd}.prodHome small{font-size:10px;letter-spacing:.14em;font-weight:800;color:#b5e3ec}.prodHome h2{font-size:18px;margin:5px 0}.prodHome p{color:#d9d9e1;font-size:12px;line-height:1.6}.prodHome .btn{flex-shrink:0}@media(max-width:640px){.prodHome{flex-wrap:wrap}.prodHome .btn{width:100%}}
.prodHistory{display:grid;gap:7px;margin:10px 0 20px}.prodHistory>div{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid #3a4554;border-radius:10px;background:#1d2430}.prodHistory b{font-size:18px;min-width:34px}.prodHistory span{font-size:12px;line-height:1.5}.prodHistory small{display:block;font-size:11px;color:#bdc8d3}

/* v2.0 – enlace privado automático entre Pedidos, feria y Caja */
.financeHero{border:1px solid rgba(31,194,199,.4);background:linear-gradient(160deg,rgba(28,56,63,.24),rgba(20,22,31,.7));}
.financeStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0;}
.financeStats>div{background:rgba(255,255,255,.055);padding:14px;border-radius:13px;display:grid;gap:4px;}
.financeStats strong{font-size:25px;color:#47d9dd;}
.financeStats span{font-size:12px;color:var(--muted,#adb3be);}
.financeHistory{display:grid;gap:9px;margin-top:8px;}
.financeRow{border:1px solid rgba(255,255,255,.1);padding:11px 13px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:14px;}
.financeRow>div{min-width:0;display:grid;gap:5px;}
.financeRow small{color:var(--muted,#adb3be);font-size:12px;overflow-wrap:anywhere;}
.financeRow>span{font-weight:700;white-space:nowrap;}
@media(max-width:600px){.financeStats{grid-template-columns:1fr 1fr 1fr}.financeStats strong{font-size:19px}.financeStats>div{padding:9px}.financeRow{align-items:flex-start;flex-wrap:wrap;}}

/* SFJ v2.1: el estado de cobro se lee al instante en las notas pinchadas */
.stickyNote .stickyStage{font-size:11px;font-weight:750;color:#38414e;line-height:1.3;display:block}
.stickyNote .stickyPayment{display:block;align-self:stretch;margin-top:auto;padding:9px 6px;border:2px solid;border-radius:7px;text-align:center;font-size:13px;font-weight:950;letter-spacing:.035em;line-height:1.2;box-shadow:0 2px 0 #0002}
.stickyNote .stickyPayment.paid{background:#ddfae6;border-color:#18723d;color:#125b32}
.stickyNote .stickyPayment.unpaid{background:#ffe7e6;border-color:#c52237;color:#ad102c}
.stickyNote .stickyPayment.partial{background:#fff0ce;border-color:#b7780f;color:#875508;font-size:11px}
.stickyNote .stickyPayment.noPrice{background:#f7edff;border-color:#8958be;color:#60328c;font-size:11px}
.cancelledReview{border:2px solid #e7a436!important;margin-bottom:16px}
.cancelledReview .orderCard{border-left:4px solid #e3a325}
@media(max-width:600px){.stickyNote .stickyPayment{padding:7px 3px;font-size:11px}.stickyNote .stickyPayment.partial{font-size:10px}}

/* SFJ v2.1.1 – El pago y el avance de producción son dos conceptos distintos */
.paymentOverview{padding:17px 20px;margin:14px 0 17px;border:2px solid;border-radius:14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.paymentOverview>div{display:flex;flex-direction:column;gap:5px;min-width:195px}
.paymentOverview small{font-weight:800;font-size:10px;letter-spacing:.07em}
.paymentOverview strong{font-size:clamp(25px,3vw,35px);letter-spacing:.02em;line-height:1.1}
.paymentOverview span{font-size:13px;font-weight:700}
.paymentOverview.paymentComplete{background:#dcfbe9;border-color:#16914f;color:#0c542e}
.paymentOverview.paymentPending{background:#ffe4e7;border-color:#d52442;color:#97122c}
.paymentOverview.priceUnknown{background:#fff0d3;border-color:#b77419;color:#745016}
.paymentOverview .btn{border:1px solid #172333;white-space:normal}
.dangerOrderZone{margin-top:30px!important;border:1px dashed #ac5060;border-radius:12px;padding:15px;background:rgba(215,42,77,.045)}
.dangerOrderZone .btn{border:1px solid #b02a45;color:#c03b57;background:transparent}
.dangerOrderZone .btn:hover{background:rgba(190,39,73,.12)}
@media(max-width:540px){.paymentOverview{padding:14px}.paymentOverview .btn{width:100%}}