@font-face{font-family:"IBM Plex Sans";src:url('/static/fonts/plex-sans-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url('/static/fonts/plex-sans-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url('/static/fonts/plex-sans-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
:root{--ground:#f2f6f5;--surface:#fff;--raised:#f4f6f8;--active:#e8edeb;--border:#e8eaec;--rule:#f0f1f2;--control:#cdced1;--text:#131416;--muted:#5d5f60;--accent:#1b6c80;--positive:#1e7b4f;--negative:#b52329;--gap:24px;--sidebar:228px;--font:"IBM Plex Sans",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--text);font:14px/1.5 var(--font)}[hidden]{display:none!important}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer;white-space:nowrap}button:disabled{cursor:default;color:var(--muted);background:var(--raised)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:22px;line-height:1.3;font-weight:600;letter-spacing:-.3px}h2{font-size:16px;font-weight:600}h3{font-size:16px;font-weight:500}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--negative)}.primary,.secondary,.text-button{border-radius:6px;padding:8px 14px;min-height:36px;border:1px solid var(--control);background:var(--surface);color:var(--text)}.primary{background:var(--text);color:var(--surface);border-color:var(--text);display:inline-flex;gap:24px;justify-content:space-between;align-items:center}.primary:hover{background:#303632}.secondary:hover{border-color:var(--muted)}.text-button{border:0;background:none;padding:4px 8px}input,textarea{border:1px solid var(--control);border-radius:6px;background:var(--surface);padding:10px 12px;color:var(--text);width:100%;min-width:0}input::placeholder,textarea::placeholder{color:var(--muted)}textarea{resize:vertical;min-height:94px;line-height:1.7}label{display:block;font-weight:500;margin-bottom:8px}.workspace{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);grid-template-rows:48px minmax(calc(100vh - 56px),auto);padding:0 8px 8px 0}.sidebar{grid-row:1/3;padding:24px 16px;display:flex;flex-direction:column}.brand,.login-brand{font-size:28px;font-weight:600;letter-spacing:-1px;display:flex;align-items:center}.brand-dot{color:var(--accent)}.mark{font-size:35px;line-height:1;color:var(--accent);font-weight:400;margin-right:10px}.scope{display:flex;align-items:center;gap:10px;margin-top:40px;padding:0 8px}.scope-mark{font-size:14px;border:1px solid var(--control);border-radius:6px;width:32px;height:32px;display:grid;place-items:center;background:var(--surface)}small{display:block;font-size:12px;color:var(--muted)}nav{margin-top:36px}.nav-label{font-size:12px;color:var(--muted);display:block;padding:0 10px;margin-bottom:12px}.nav-item{width:100%;text-align:left;border:0;background:none;border-radius:6px;padding:10px;font-size:13px;margin-bottom:4px;display:flex;gap:10px;align-items:center;color:var(--muted)}.nav-item.active{background:var(--active);color:var(--text)}.nav-item span{font-size:18px;width:18px}.sidebar-bottom{margin-top:auto;padding:40px 8px 0}.account{margin-top:24px;padding-top:16px;border-top:1px solid var(--control);display:flex;justify-content:space-between;align-items:center;gap:8px;overflow-wrap:anywhere}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:12px}.sheet{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:var(--gap)}.title-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.title-row p{margin-top:8px}.intake{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--gap);padding:24px;border:1px solid var(--border);border-radius:8px}.intake p{margin-top:8px}.platforms{display:flex;gap:16px;color:var(--muted);font-size:12px;margin-top:24px}.platforms span:before{content:'○';margin-right:6px}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:12px}#notice:empty{display:none}#notice{padding:12px 0;color:var(--accent);white-space:pre-line}#notice.error{color:var(--negative)}.library-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}#storage{margin-left:auto}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:thin}.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;color:var(--muted)}.tabs button.selected{border-bottom-color:var(--accent);color:var(--text);font-weight:500}.tabs button span{margin-left:4px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 0 12px}.toolbar input{max-width:360px;height:36px;font-size:12px}.column-head,.job-row{display:grid;grid-template-columns:minmax(160px,1fr) 130px 95px 130px;gap:16px;align-items:center}.column-head{color:var(--muted);font-size:12px;min-height:40px}.column-head span:nth-child(3),.file-cell{text-align:right}.column-head span:last-child{text-align:right}.job-row{min-height:88px;border-top:1px solid var(--rule);padding:16px 0}.identity{display:flex;align-items:center;gap:12px;min-width:0}.media-slot{width:40px;height:52px;flex:none;border:1px solid var(--border);border-radius:4px;display:grid;place-items:center;color:var(--muted);font-size:20px;background:var(--ground)}.job-info{min-width:0}.job-title{display:block;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left;background:none;border:0;padding:0;font-weight:500;color:var(--text)}.job-sub{color:var(--muted);font-size:12px;margin-top:4px}.status{font-size:12px;color:var(--muted);white-space:nowrap}.status:before{content:'●';font-size:8px;margin-right:7px}.status.completado{color:var(--positive)}.status.fallido{color:var(--negative)}.status.procesando{color:var(--accent)}.file-cell{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.row-actions{display:flex;justify-content:flex-end;gap:4px}.row-actions button{font-size:12px;border:0;background:none;padding:8px 4px;color:var(--text)}.row-actions button:hover{text-decoration:underline}.row-actions .delete{color:var(--negative)}.empty{padding:44px 16px;text-align:center;border-top:1px solid var(--rule)}.empty-mark{display:block;font-size:38px;color:var(--accent);margin-bottom:12px}.empty p{margin:8px 0 20px}.pagination{display:flex;justify-content:space-between;align-items:center;padding-top:20px;gap:12px}.page-footer{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin-top:auto;padding-top:20px;border-top:1px solid var(--rule)}.login-wrap{min-height:100vh;display:grid;place-content:center;padding:32px}.login-brand{margin-bottom:40px}.login-form{width:min(380px,calc(100vw - 64px))}.login-form h1{margin:8px 0}.login-form p{color:var(--muted);margin-bottom:24px}.login-form input{margin-bottom:20px}.login-form .primary{width:100%;margin:4px 0 16px}.login-form .error{color:var(--negative)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}dialog{padding:24px;border:1px solid var(--border);border-radius:12px;width:min(760px,calc(100vw - 32px));max-height:90vh;overflow:auto;color:var(--text);background:var(--surface)}dialog::backdrop{background:rgb(0 0 0 / .45)}.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}video{width:100%;max-height:52vh;background:#131416;border-radius:6px}#playback-note{margin-top:12px}dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;margin:24px 0}dt{color:var(--muted);font-size:12px}dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}dd a{color:var(--accent)}#detail-actions{display:flex;gap:12px}#detail-title{overflow-wrap:anywhere}
@media(min-width:761px) and (max-width:1100px){.workspace{display:block;padding:0 8px 8px}.sidebar{padding:16px;flex-direction:row;align-items:center}.scope,nav,.sidebar-bottom>p{display:none}.sidebar-bottom{margin:0 0 0 auto;padding:0}.account{margin:0;padding:0;border:0}.topbar{height:40px;padding:0 24px}.sheet{min-height:calc(100vh - 120px)}}
@media(max-width:760px){button,.primary,.secondary,.text-button{min-height:44px}.toolbar input{height:44px}}
/* Grid: available width - sidebar(228) - inset(8) - sheet padding(64).
   Intake: 240 + 24 gap + remaining. Rows: 1fr + 130 + 95 + 130 + 3*16. */
@media(min-width:1600px){.sheet{padding:40px}.intake{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:1100px){:root{--sidebar:200px}.sheet{padding:24px}.intake{grid-template-columns:1fr}.platforms{margin-top:12px}.column-head,.job-row{grid-template-columns:minmax(140px,1fr) 110px 75px 110px;gap:12px}.toolbar #sync-state{display:none}}
@media(max-width:760px){.workspace{display:block;padding:0}.sidebar{padding:16px;display:flex;gap:16px}.brand{font-size:24px}.mark{font-size:28px}.scope,nav,.sidebar-bottom>p{display:none}.sidebar-bottom{padding:0;margin:0 0 0 auto}.sidebar{flex-direction:row;align-items:center}.account{margin:0;padding:0;border:0;font-size:12px}.topbar{height:40px;padding:0 16px;background:var(--ground)}.topbar>span:last-child{display:none}.sheet{border:0;border-radius:0;padding:24px 16px;min-height:calc(100vh - 104px)}.title-row{align-items:flex-start}.title-row p{font-size:12px;max-width:250px}.title-row>.secondary{font-size:12px;padding:6px 8px}.intake{padding:16px;gap:16px}.library-title{flex-wrap:wrap}#storage{width:100%;margin-left:0}.tabs{gap:20px}.column-head{display:none}.job-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.identity{grid-column:1;grid-row:1/3}.status{grid-column:2;text-align:right}.file-cell{display:none}.row-actions{grid-column:2}.toolbar{padding:20px 0}.toolbar input{max-width:none}.job-title{max-width:calc(100vw - 210px)}.page-footer{flex-direction:column}.empty{padding:32px 8px}.empty h3{font-size:14px}.pagination .secondary{font-size:12px;padding:6px 8px}.form-footer .primary{font-size:13px;gap:12px}dl{grid-template-columns:1fr;gap:6px}dd{margin-bottom:12px}}
