/* MALUKUTOTO V3.3 - stable wide queue layout */
.brand{display:flex;align-items:center;gap:12px}
.brand-logo{width:56px;height:56px;object-fit:contain}
.login-logo{width:128px;height:96px;display:block;margin:0 auto 10px}

/* Deliberately horizontal: cleaner than squeezing fields */
.video-cards{
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  padding:4px 0 14px!important;
}
.video-row{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:190px 220px 360px 270px 160px!important;
  gap:18px!important;
  align-items:start!important;
  width:1272px!important;
  min-width:1272px!important;
  box-sizing:border-box!important;
  padding:18px!important;
  border:1px solid rgba(255,198,64,.18)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(18,18,18,.96),rgba(7,7,7,.98))!important;
}
.video-row section{min-width:0!important;width:auto!important;box-sizing:border-box!important}
.field-title{font-size:11px!important;letter-spacing:.12em!important;color:#8f98a5!important;margin-bottom:9px!important;font-weight:700!important}
.inline-title{display:inline!important;margin-right:7px!important}
.video-preview{display:block!important;width:190px!important;height:150px!important;object-fit:contain!important;background:#000!important;border-radius:13px!important;border:1px solid rgba(255,198,64,.22)!important}
.video-title{font-size:15px!important;font-weight:800!important;line-height:1.35!important;word-break:break-word!important;margin:2px 0 9px!important}
.video-size{font-size:13px!important;color:#ddd!important;margin-bottom:7px!important}
.warn{color:#ffb25c!important;font-weight:700!important;font-size:13px!important}
.ready{color:#70e5a0!important;font-weight:700!important;font-size:13px!important}

.col-caption textarea{
  display:block!important;width:100%!important;height:122px!important;min-height:122px!important;
  box-sizing:border-box!important;resize:vertical!important;background:#050505!important;color:#fff!important;
  border:1px solid rgba(255,198,64,.28)!important;border-radius:12px!important;padding:12px!important;
  font:inherit!important;line-height:1.45!important;white-space:pre-wrap!important;overflow:auto!important
}
.col-caption textarea:focus,.schedule-fields input:focus{outline:none!important;border-color:#e8b83e!important;box-shadow:0 0 0 3px rgba(232,184,62,.09)!important}
.btn-small{width:100%!important;margin-top:9px!important;padding:11px 12px!important}

.schedule-fields{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
.schedule-fields input{
  display:block!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;
  background:#050505!important;color:#fff!important;color-scheme:dark!important;
  border:1px solid rgba(255,198,64,.28)!important;border-radius:11px!important;padding:11px 10px!important;font:inherit!important
}
.status-line{margin-top:17px!important;font-size:13px!important}
.locked-note,.sent-note{display:block!important;color:#8f98a5!important;line-height:1.4!important;margin-top:9px!important}
.sent-note{color:#ddd!important}
.error-text{display:block!important;color:#ff8d8d!important;margin-top:8px!important;line-height:1.4!important}
.col-actions{display:flex!important;flex-direction:column!important;gap:9px!important}
.col-actions .field-title{display:block!important}
.col-actions button{display:block!important;width:100%!important;box-sizing:border-box!important}
.danger{border-color:rgba(255,80,80,.3)!important}
button:disabled,input:disabled,textarea:disabled{opacity:.55!important;cursor:not-allowed!important}

/* neutralize old table/card rules that caused squashed columns */
.video-card,.preview-wrap,.video-main,.schedule-box,.actions{all:unset}
table{min-width:0!important}
.table-wrap{overflow:visible!important}

/* visible horizontal scrollbar for wide queue */
.video-cards::-webkit-scrollbar{height:12px}
.video-cards::-webkit-scrollbar-track{background:#080808;border-radius:20px}
.video-cards::-webkit-scrollbar-thumb{background:#555;border-radius:20px;border:2px solid #080808}

.v4-nav{display:flex;gap:8px;align-items:center;padding:12px 0 18px;overflow-x:auto}.v4-nav a{color:#aaa;text-decoration:none;padding:10px 14px;border:1px solid #2b2b2b;border-radius:10px;white-space:nowrap}.v4-nav a:hover,.v4-nav a.active{color:#111;background:linear-gradient(135deg,#f4d06a,#b8871d);border-color:#c89b34;font-weight:800}.queue-link-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px!important}.nav-action{display:inline-block;text-decoration:none;color:#111;background:linear-gradient(135deg,#f4d06a,#b8871d);padding:13px 18px;border-radius:12px;font-weight:800;white-space:nowrap}
.queue-page main{max-width:1500px;margin:auto}.queue-hero{display:flex;align-items:center;justify-content:space-between}.queue-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:18px 0;padding:15px 18px;background:#101010;border:1px solid #29220f;border-radius:14px}.queue-toolbar label{font-size:12px;color:#999}.queue-toolbar select{display:block;margin-top:7px;background:#080808;color:#fff;border:1px solid #403314;border-radius:10px;padding:10px 12px}.queue-list{display:flex;flex-direction:column;gap:16px;overflow-x:auto;padding-bottom:14px}.queue-item{display:grid;grid-template-columns:190px 210px 350px 250px 150px;gap:18px;width:1222px;min-width:1222px;padding:18px;border:1px solid #30260e;border-radius:18px;background:#0c0c0c}.q-preview video{width:190px;height:155px;object-fit:contain;background:#000;border-radius:12px}.q-info h3{margin:0 0 10px;word-break:break-word}.q-caption label,.q-schedule label{display:block;color:#999;font-size:12px;margin-bottom:7px}.q-caption textarea{width:100%;height:120px;resize:vertical;background:#050505;color:#fff;border:1px solid #4a3911;border-radius:11px;padding:11px}.q-caption button,.q-schedule button{width:100%;margin-top:8px}.q-schedule input{display:block;width:100%;margin-bottom:8px;background:#050505;color:#fff;color-scheme:dark;border:1px solid #4a3911;border-radius:10px;padding:10px}.q-status{margin-top:14px}.q-actions{display:flex;flex-direction:column;gap:9px}.q-actions button{width:100%}.web-toggle{margin-top:18px;font-size:12px;line-height:1.4;color:#bbb}.empty-state{padding:40px;text-align:center;color:#888;border:1px dashed #333;border-radius:16px}
.web-title-editor{margin-top:15px}.web-title-editor label{display:block;font-size:11px;color:#999;margin-bottom:5px}.web-title-editor input{width:100%;background:#050505;color:#fff;border:1px solid #4a3911;border-radius:9px;padding:9px}.web-title-editor button{width:100%;margin-top:6px;padding:8px}