.page-heading,.panel-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.page-heading h2,.panel-title h2{margin:0 0 6px}.page-heading p,.panel-title p{margin:0;color:#687386}.todo-list{display:grid;gap:12px}.todo-card{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid #e1e7ef;border-left:5px solid #94a3b8;border-radius:10px;padding:18px}.todo-card.priority-high{border-left-color:#dc2626}.todo-card.priority-medium{border-left-color:#f59e0b}.todo-card p{margin:7px 0 0;color:#687386}.todo-card>div:last-child{display:flex;align-items:center;gap:10px}.todo-card button,.panel-title button,.form-actions button{border:0;border-radius:8px;background:#2563eb;color:#fff;padding:10px 16px}.badge,.status{display:inline-block;border-radius:999px;background:#eef2ff;color:#3730a3;padding:5px 9px;font-size:12px}.status.online,.status.active{background:#ecfdf3;color:#067647}.status.needs_check,.status.suspended{background:#fff4e5;color:#b54708}.status.not_connected{background:#f2f4f7;color:#475467}.table-scroll{overflow:auto}td small{display:block;margin-top:5px;color:#687386}.primary-panel{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px;margin:18px 0;padding:18px;background:#f8fafc;border-radius:10px}.form-grid label{display:grid;gap:7px;color:#475467}.form-grid input,.form-grid select,.store-picker select,td select{min-width:0;padding:11px;border:1px solid #cbd5e1;border-radius:7px;background:#fff}.form-actions{display:flex;align-items:end;gap:9px}.form-actions .secondary{background:#64748b}.hidden{display:none}.success,.empty{padding:13px;border-radius:8px;background:#ecfdf3;color:#067647;margin:12px 0}.table-action{border:1px solid #cbd5e1;border-radius:7px;background:#fff;padding:7px 11px}.store-picker{display:grid;gap:6px;min-width:220px}.entity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:18px}.entity-card{display:grid;gap:8px;padding:16px;border:1px solid #e1e7ef;border-radius:10px;background:#f8fafc}.entity-card span,.entity-card small{color:#687386}.metrics.compact{grid-template-columns:repeat(4,1fr);margin:18px 0}.metrics.compact .metric{padding:14px}.metrics.compact .metric strong{font-size:22px}@media(max-width:900px){.form-grid{grid-template-columns:1fr 1fr}.metrics.compact{grid-template-columns:1fr 1fr}}@media(max-width:600px){.page-heading,.panel-title,.todo-card{align-items:stretch;flex-direction:column}.form-grid,.metrics.compact{grid-template-columns:1fr}.todo-card>div:last-child{justify-content:space-between}}

/* OWNER_FINANCE_PHASE_27 */
.finance-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px}.finance-grid>.panel{min-width:0}.finance-bars{height:270px;display:grid;grid-template-columns:repeat(7,minmax(48px,1fr));align-items:end;gap:12px;padding:24px 6px 0}.finance-bar-item{height:100%;display:grid;grid-template-rows:34px 1fr 24px;align-items:end;text-align:center;min-width:0}.finance-bar-value{font-size:12px;color:#475467;white-space:nowrap}.finance-bar-track{height:100%;display:flex;align-items:end;justify-content:center;background:#f4f7fb;border-radius:8px 8px 3px 3px;overflow:hidden}.finance-bar-track span{display:block;width:68%;min-height:3px;background:linear-gradient(180deg,#60a5fa,#2563eb);border-radius:7px 7px 2px 2px}.finance-bar-item small{padding-top:6px;color:#687386}@media(max-width:980px){.finance-grid{grid-template-columns:1fr}}@media(max-width:600px){.finance-bars{gap:5px;overflow-x:auto}.finance-bar-value{font-size:10px}}

.finance-check{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px 22px;margin:16px 0;border:1px solid;border-radius:14px}.finance-check h2{margin:4px 0}.finance-check p{margin:0}.finance-check-ok{background:#ecfdf3;border-color:#86efac;color:#166534}.finance-check-warn{background:#fff7ed;border-color:#fdba74;color:#9a3412}.finance-check-values{display:flex;gap:26px}.finance-check-values span{display:grid;gap:5px;min-width:110px}.finance-check-values strong{font-size:20px}@media(max-width:780px){.finance-check{align-items:flex-start;flex-direction:column}.finance-check-values{width:100%;flex-wrap:wrap;gap:14px}.finance-check-values span{min-width:90px}}

.owner-table-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.owner-table-card{border-left:5px solid #22c55e}.owner-table-card.occupied{border-left-color:#f59e0b;background:#fffbeb}.owner-table-card.current{border-left-color:#2563eb;background:#eff6ff}.owner-table-card.disabled{border-left-color:#94a3b8;opacity:.72}.owner-table-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.owner-table-head strong{font-size:20px}.owner-table-card>span{font-weight:700;color:#475467}@media(max-width:600px){.owner-table-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Phase 30: platform operations recovery */
.todo-list{display:grid;gap:12px}.todo-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px;border:1px solid #dbe4ee;border-left:5px solid #64748b;border-radius:14px;background:#fff}.todo-card.high,.todo-card.urgent{border-left-color:#dc2626}.todo-card h3{margin:4px 0}.progress-track{height:8px;min-width:110px;overflow:hidden;border-radius:999px;background:#e2e8f0}.progress-track span{display:block;height:100%;border-radius:inherit;background:#2563eb}.activation-code{display:grid;gap:4px;margin-top:12px;font-size:18px}@media(max-width:760px){.todo-card{align-items:flex-start;flex-direction:column}}

/* NIAGAKING MANAGEMENT UI V16: unified actions, forms and responsive layout */
body[data-portal="platform"] main button,body[data-portal="owner"] main button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 17px;border:1px solid transparent;border-radius:9px;background:var(--nk-primary);color:#fff;font-weight:750;line-height:1.2;white-space:nowrap;box-shadow:0 4px 12px rgba(11,99,206,.16);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .08s ease}
body[data-portal="owner"] main button{background:#0f766e;box-shadow:0 4px 12px rgba(15,118,110,.16)}body[data-portal="platform"] main button:hover{background:var(--nk-primary-hover)}body[data-portal="owner"] main button:hover{background:#0b5f59}body[data-portal] main button:active{transform:translateY(1px);box-shadow:none}
body[data-portal] main button.secondary,body[data-portal] main .table-action{border-color:var(--nk-border);background:#fff;color:#344054;box-shadow:none}body[data-portal] main button.secondary:hover,body[data-portal] main .table-action:hover{background:#f1f5f9;border-color:#b7c4d2}body[data-portal] main .danger-link{border:1px solid #fecaca;background:#fff;color:#b42318;box-shadow:none}body[data-portal] main .danger-link:hover{background:#fff1f2}
body[data-portal] main form:not(.login form){display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;align-items:end;margin:18px 0;padding:20px;border:1px solid var(--nk-border);border-radius:12px;background:var(--nk-surface-soft)}body[data-portal] main form+form{margin-top:12px}body[data-portal] main form label{display:grid;align-content:end;gap:7px;min-width:0;color:#344054;font-weight:700}
body[data-portal] main form input:not([type="checkbox"]),body[data-portal] main form select,body[data-portal] main form textarea{width:100%;min-width:0;min-height:46px;margin:0;padding:10px 12px;border:1px solid var(--nk-border);border-radius:9px;background:#fff;color:var(--nk-text)}body[data-portal] main form input[type="checkbox"]{width:20px;height:20px;margin:0;accent-color:var(--nk-primary)}body[data-portal] main .operation-form label:has(input[type="checkbox"]){display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 12px;border:1px solid var(--nk-border);border-radius:9px;background:#fff}
body[data-portal] main input[type="file"]{padding:7px 9px!important}body[data-portal] main input[type="file"]::file-selector-button{margin-right:10px;padding:7px 11px;border:0;border-radius:7px;background:#e8f1ff;color:#174ea6;font-weight:700;cursor:pointer}body[data-portal] main .form-actions{align-self:end;display:flex;align-items:center;gap:9px;min-height:46px}body[data-portal] main .panel>button:first-child{margin-bottom:14px}body[data-portal] main .panel>form~button[data-product-soldout]{margin:6px 6px 0 0;border-color:var(--nk-border);background:#fff;color:#344054;box-shadow:none}body[data-portal] main table button+button{margin-left:7px}body[data-portal] main .store-picker{margin-bottom:14px}body[data-portal] main .store-picker select{min-height:46px}
@media(max-width:760px){body[data-portal] main form:not(.login form){grid-template-columns:1fr;padding:16px}body[data-portal] main .form-actions,body[data-portal] main .form-actions button{width:100%}body[data-portal] main table button+button{margin:7px 0 0}}

