:root{--ink:#323130;--muted:#605e5c;--line:#d6dde0;--soft:#fafafa;--green:#98d046;--dark:#353d3f;--slate:#4f5a5e;--blue:#0f548c;--danger:#a4262c;--shadow:0 18px 55px rgba(28,38,42,.12);font-family:"Segoe UI",Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:#f7f8f8;color:var(--ink)}button,input,select,textarea{font:inherit}button,a{transition:.16s ease}button{cursor:pointer}a{color:inherit;text-decoration:none}.eyebrow{margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.16em;color:#718238}.muted{color:#777}.hidden{display:none!important}.primary{border:0;background:var(--dark);color:#fff;border-radius:6px;padding:11px 18px;font-weight:700}.primary:hover{background:#4f5a5e}.full{width:100%}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--green);color:#263015;font-size:20px;font-weight:900}.message{margin:12px 0;padding:10px 12px;border-radius:5px;background:#e9f4df;color:#315b22;font-size:13px}.message.error{background:#fde7e9;color:#a4262c}

.passkey-login{display:flex;align-items:center;gap:12px;margin:18px 0;padding:14px;border:1px solid #9bbd71;border-radius:7px;background:#f2f8ea;color:#2f4922}.passkey-login:hover{background:#e7f2da;border-color:#739b45}.passkey-login>span:last-child{display:flex;flex-direction:column;gap:3px}.passkey-login small{color:#607052}.passkey-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green);font-size:24px;font-weight:900}.login-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:#888;font-size:11px}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:#dce1df}.login-divider span{white-space:nowrap}

/* Acceso */
.login-page{min-height:100vh;background:linear-gradient(120deg,#30383a 0 50%,#f5f6f6 50%)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1180px;margin:auto;padding:60px}.login-brand{color:#fff;padding-right:80px}.login-brand .brand-mark{margin-bottom:40px}.login-brand p{color:#bcd682;font-weight:800;letter-spacing:.15em;font-size:11px}.login-brand h1{font-size:48px;line-height:1.05;margin:18px 0 30px}.login-brand small{color:#c7ced0}.login-card{background:#fff;padding:42px;border-radius:10px;box-shadow:var(--shadow);max-width:430px;width:100%;justify-self:end}.login-card h2{font-size:30px;margin:0 0 8px}.login-card label,.admin-panel label{display:block;margin:18px 0}.login-card label span,.admin-panel label span{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.login-card input,.admin-panel input,.admin-panel select{width:100%;height:42px;border:1px solid #c8d0d3;border-radius:4px;padding:8px 10px;background:#fff}.login-card input:focus,.admin-panel input:focus,.admin-panel select:focus{outline:2px solid rgba(152,208,70,.35);border-color:#799f3e}

/* Portal */
.portal-page{min-height:100vh;background:#f2f4f3}.portal-shell{max-width:1200px;margin:auto;padding:26px}.portal-hero{position:relative;overflow:hidden;min-height:270px;border-radius:14px;padding:36px 42px;background:linear-gradient(130deg,#30383a,#4f5a5e);color:#fff;display:flex;justify-content:space-between}.portal-brand{display:flex;align-items:center;gap:12px;margin-bottom:40px}.portal-hero .eyebrow{color:#b9d879}.portal-hero h1{margin:0;font-size:48px;letter-spacing:-.04em}.hero-actions{z-index:2;display:flex;gap:10px;align-items:flex-start}.ghost-light{border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:5px;padding:9px 13px}.ghost-light:hover{background:#fff;color:#353d3f}.portal-lines{position:absolute;right:-80px;bottom:-110px;width:430px;height:430px;border:1px solid rgba(152,208,70,.3);border-radius:50%}.portal-lines i{position:absolute;border:1px solid rgba(152,208,70,.22);border-radius:50%;inset:45px}.portal-lines i:nth-child(2){inset:105px}.portal-lines i:nth-child(3){inset:165px;background:var(--green)}.portal-intro{display:flex;justify-content:space-between;align-items:end;padding:38px 4px 24px}.portal-intro h2{margin:0;font-size:27px}.portal-intro>p{font-size:13px;color:#777}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.app-card{position:relative;background:#fff;border:1px solid #e0e5e3;border-top:4px solid var(--green);padding:28px;min-height:290px;border-radius:8px;box-shadow:0 7px 25px rgba(40,55,50,.05)}.app-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card-top{display:flex;justify-content:space-between;align-items:center}.available{font-size:12px;font-weight:700;color:#477128}.available i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px}.app-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#eef4e5;color:#56752e;font-weight:900}.app-card .eyebrow{margin-top:30px}.app-card h2{font-size:25px;margin:7px 0 12px}.app-card>p:not(.eyebrow){color:#666;line-height:1.55;max-width:480px}.app-card>a{position:absolute;left:28px;right:28px;bottom:24px;border-top:1px solid #e8ebea;padding-top:18px;font-weight:700;display:flex;justify-content:space-between}.app-card>a:hover{color:#5e8a28}.coming-soon{opacity:.62;border-top-color:#aab1b3}.portal-shell footer{display:flex;justify-content:space-between;color:#747b79;font-size:12px;padding:26px 5px}.portal-shell footer span:first-child{color:#5a7c36}

/* Administración */
.admin-page{background:#eef1f0;min-height:100vh}.admin-header{display:flex;align-items:center;gap:28px;padding:22px 4vw;background:#353d3f;color:#fff}.admin-header>a,.admin-header>button{border:1px solid #667174;background:transparent;color:#fff;border-radius:5px;padding:9px 13px}.admin-header>button{margin-left:auto}.admin-header h1{margin:0;font-size:26px}.admin-header .eyebrow{margin-bottom:4px;color:#bad878}.admin-grid{max-width:1180px;margin:26px auto;display:grid;grid-template-columns:1fr 1.25fr;gap:18px;padding:0 20px}.admin-panel{background:#fff;border-radius:8px;padding:24px;box-shadow:0 5px 20px rgba(40,50,45,.06)}.admin-panel.wide{grid-column:1/-1}.admin-panel h2{margin-top:0}.user-row,.role-row{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #edf0ef}.user-row button,.role-row button,.section-title button{border:1px solid #cdd4d2;background:#fff;border-radius:4px;padding:7px 10px}.section-title{display:flex;justify-content:space-between}.admin-panel .check{display:flex;gap:8px;align-items:center}.admin-panel .check input{width:auto;height:auto}.role-form{border-top:1px solid #ddd;margin-top:20px;padding-top:20px}.role-form>input{margin:5px 0}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0}.permission-item{display:flex!important;gap:8px;align-items:flex-start;margin:0!important;padding:9px;background:#f7f8f7}.permission-item input{width:auto;height:auto;margin-top:3px}

/* Manufacturing Control: replica visual de Power Apps */
.mc-page{height:100vh;overflow:hidden;background:#fafafa;font-family:"Segoe UI","Open Sans",Arial,sans-serif}.mc-app{width:100%;height:100%;padding:12px 12px 16px 16px;background:#fafafa;display:flex;flex-direction:column;gap:15px}.mc-header{height:68px;min-height:68px;display:flex;background:#4f5a5e;color:#fff}.header-icon,.home-icon{width:48px;border:0;border-radius:0;background:#353d3f;color:#e6e6e6;display:grid;place-items:center;font-size:25px}.header-icon:hover,.home-icon:hover{background:#0f548c;color:#fff}.mc-header h1{flex:1;margin:0;display:grid;place-items:center;font-size:16px;font-weight:600;padding-right:48px}.mc-body{min-height:0;flex:1;display:flex;gap:16px;position:relative}.mc-rail{width:46px;display:flex;flex-direction:column;background:#fff;border:1px solid #e8ebec}.mc-rail button{height:48px;border:0;background:#fff;color:#4f5a5e;font-size:21px}.mc-rail button:hover,.mc-rail button.active{background:#eef5e7;color:#567a2b;border-left:3px solid var(--green)}.records-sidebar{width:0;overflow:hidden;background:#fff;transition:width .2s,padding .2s;display:flex;flex-direction:column;min-width:0}.records-sidebar.open{width:31%;min-width:300px;padding:8px 12px 0 16px}.search-box{height:44px;display:flex;background:#f5f5f5}.search-box input{flex:1;min-width:0;border:0;background:transparent;padding:0 12px;color:#464440}.search-box input:focus{outline:2px solid #0f548c}.search-box span{width:40px;display:grid;place-items:center;color:#0078d4;font-size:24px}.new-row{height:44px;display:flex;align-items:center;gap:12px;border:0;background:#fff;color:#323130;text-align:left}.new-row b{color:var(--green);font-size:26px}.new-row:hover{background:#f4faee}.green-separator{height:1px;background:#98d046}.records-list{flex:1;overflow-y:auto}.record-row{position:relative;min-height:135px;padding:10px 42px 10px 18px;border-bottom:2px solid #dcedd8;background:#fff;color:#605e5c;cursor:pointer;font-size:12px}.record-row:hover{background:#f5f6f5}.record-row.selected{background:#e6e6e6}.record-row.selected:before{content:"";position:absolute;left:0;top:0;bottom:2px;width:3px;background:#4f5a5e}.record-row .time{color:#323130;font-size:14px}.record-row .id{color:#2d8028}.record-row .operator,.record-row .order{position:absolute;left:130px;color:#0c3b5e;font-weight:700}.record-row .operator{top:35px;font-size:14px}.record-row .order{top:55px}.record-row .arrow{position:absolute;right:15px;top:47px;color:#4f5a5e;font-size:24px}.record-row p{margin:5px 0}.loading{padding:24px;color:#747b79;text-align:center}.register-panel{flex:1;min-width:0;background:#fff;display:flex;flex-direction:column}.record-toolbar,.stops-toolbar{height:50px;min-height:50px;display:flex;align-items:center;background:#fff;border-bottom:1px solid #f1f2f2}.record-toolbar button,.stops-toolbar button{width:42px;height:42px;border:0;background:transparent;color:#4f5a5e;font-size:22px}.record-toolbar button:hover,.stops-toolbar button:hover{background:#eef4e8;color:#4d7728}.record-toolbar h2,.stops-toolbar h2{flex:1;text-align:center;margin:0;font-size:15px;font-weight:600}.production-form{min-height:0;overflow:auto;flex:1}.production-form fieldset{border:0;margin:0;padding:16px;display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:0}.production-form label,.stop-form label{min-height:108px;border:1px dotted #d6dde0;padding:12px 22px;display:flex;flex-direction:column;gap:8px}.production-form label span,.stop-form label span{font-size:13px;font-weight:600}.production-form input,.production-form select,.production-form textarea,.stop-form input,.stop-form select,.stop-form textarea{height:34px;border:1px solid #d6dde0;background:#fff;color:#323130;padding:5px}.production-form textarea,.stop-form textarea{height:54px;resize:vertical}.production-form fieldset:disabled input,.production-form fieldset:disabled select,.production-form fieldset:disabled textarea{border-color:transparent;background:#fff;opacity:1;color:#323130;appearance:none}.production-form .wide{grid-column:span 2}.form-section{grid-column:1/-1;height:58px;display:grid;place-items:center;background:#edf6e6;border-top:1px solid #b9d89b;border-bottom:1px solid #b9d89b;color:#477128;letter-spacing:.12em}.stops-panel{display:none;width:46%;min-width:430px;background:#fff;border-left:1px solid #e0e4e5;flex-direction:column}.stops-panel.open{display:flex}.stops-panel.open~*{display:none}.stops-toolbar h2{font-size:13px}.stop-form fieldset{border:0;margin:0;padding:12px;display:grid;grid-template-columns:repeat(2,1fr)}.stop-form label{min-height:100px;padding:10px}.stops-list{overflow-y:auto;flex:1}.stop-row{display:grid;grid-template-columns:1fr 1.8fr 1.35fr 1.35fr 35px;gap:8px;align-items:center;min-height:60px;padding:6px 8px;border-bottom:1px solid #d6dde0;font-size:12px;cursor:pointer}.stop-row:hover,.stop-row.selected{background:#eef3eb}.stop-row.selected{border-left:2px solid #0f548c}.toast{position:fixed;right:24px;bottom:24px;z-index:20;max-width:430px;padding:13px 18px;border-radius:5px;background:#323130;color:#fff;box-shadow:var(--shadow)}.toast.error{background:#a4262c}dialog{border:0;border-radius:8px;padding:28px;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(20,25,25,.35)}dialog h3{font-size:18px;font-weight:500}dialog div{display:flex;justify-content:flex-end;gap:10px}dialog button{border:1px solid #c8cecc;background:#fff;padding:9px 16px;border-radius:4px}.danger{background:#a4262c!important;color:#fff;border-color:#a4262c!important}

.mc-body.stops-open .production-form fieldset{grid-template-columns:1fr}.mc-body.stops-open .production-form .wide{grid-column:auto}

@media(max-width:820px){.login-page{background:#30383a}.login-shell{grid-template-columns:1fr;padding:26px}.login-brand{display:none}.login-card{justify-self:center}.portal-hero{padding:26px;min-height:240px}.portal-hero h1{font-size:36px}.portal-intro{display:block}.app-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.admin-panel.wide{grid-column:auto}.mc-app{padding:0;gap:0}.mc-header{height:58px;min-height:58px}.mc-body{gap:0}.mc-rail{width:42px}.records-sidebar.open{position:absolute;z-index:7;left:42px;top:0;bottom:0;width:calc(100% - 42px);min-width:0;box-shadow:var(--shadow)}.production-form fieldset{grid-template-columns:1fr}.production-form .wide{grid-column:auto}.stops-panel{position:absolute;z-index:8;left:42px;right:0;top:0;bottom:0;width:auto;min-width:0}.record-toolbar h2{font-size:13px}.portal-shell footer{display:block}.permission-grid{grid-template-columns:1fr}}