/* R138: only the existing miniapp page, its dialogs and the embedded league console. */
#content .miniapp-services-page[data-service-design] {gap:16px;min-width:0}
#content .miniapp-services-page[data-service-design]>* {order:initial}
#content .service-page-tools {display:flex;align-items:center;justify-content:space-between;gap:16px}
#content .service-page-tools p {margin:0;color:var(--muted);font-size:13px}
#content .service-page-tools>div {display:flex;gap:10px;flex-shrink:0}
#content .service-page-tools a {text-decoration:none;display:inline-flex;align-items:center}
#content .miniapp-services-page[data-service-design] .miniapp-service-summary {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0;border:0;background:transparent;box-shadow:none}
#content .miniapp-service-summary article {min-height:106px;padding:16px;gap:14px;border-radius:10px;background:#fff;border:1px solid var(--line)}
#content .miniapp-service-summary article>i {width:44px;height:44px;flex-shrink:0;border-radius:50%;background:#fff1de;color:#ad671c;font-size:20px}
#content .miniapp-service-summary article:nth-child(2)>i {background:#eaf2ff;color:#3966a5}
#content .miniapp-service-summary article:nth-child(3)>i {background:#e7f5ee;color:#2d7957}
#content .miniapp-service-summary strong {font-size:28px;line-height:1.3;color:var(--text)}
#content .miniapp-service-summary span {font-size:13px;line-height:1.5}
#content .miniapp-service-summary small {font-size:12px;line-height:1.5}
#content .miniapp-scope-banner {padding:14px 18px;border:1px solid #eadbc5;border-radius:10px;background:#fffaf3;box-shadow:none}
#content .miniapp-scope-banner h2 {font-size:16px;margin:0 0 6px}
#content .miniapp-scope-banner p,#content .miniapp-scope-banner small {font-size:12px;line-height:1.7;max-width:none}
#content .miniapp-scope-banner small {display:block;margin-top:4px;color:var(--muted)}
#content .miniapp-template-panel {padding:18px;background:#fff;border:1px solid var(--line);border-radius:10px;gap:12px}
#content .miniapp-template-panel h2 {font-size:20px;line-height:1.4;margin:0}
#content .miniapp-template-panel .panel-head p {font-size:12px;line-height:1.6}
#content #miniappTemplateUpload {display:grid;grid-template-columns:minmax(120px,.6fr) minmax(200px,1fr) minmax(220px,1.3fr);align-items:start;gap:12px;padding:0;border:0;border-radius:0;background:transparent}
#content #miniappTemplateUpload>h3 {display:none}
#content #miniappTemplateUpload>.miniapp-template-field {display:grid;grid-template-columns:minmax(0,1fr);gap:6px;font-size:13px;line-height:1.5}
#content #miniappTemplateUpload .miniapp-template-field>span:first-child {padding:0}
#content #miniappTemplateUpload .miniapp-template-input>input {min-height:42px;height:42px;padding:10px 70px 10px 12px}
#content #miniappTemplateUpload textarea {min-height:68px;height:68px;padding:10px 12px 24px}
#content #miniappTemplateUpload .miniapp-template-drop {min-height:68px;gap:3px;padding:8px 12px;border:1px dashed var(--line);border-radius:6px}
#content #miniappTemplateUpload .miniapp-template-drop>i {display:none}
#content #miniappTemplateUpload .miniapp-template-drop>strong {font-size:13px;line-height:1.4}
#content #miniappTemplateUpload .miniapp-template-drop>small {font-size:11px;line-height:1.4}
#content #miniappTemplateUpload .miniapp-template-drop input {position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
#content #miniappTemplateUpload>button[type=submit] {grid-column:3;justify-self:end;min-height:42px;height:42px;width:auto;min-width:160px;margin:0;font-size:13px}
#content #miniappTemplateUpload>.notice {grid-column:1/-1;padding:10px 12px;margin:0;font-size:12px}
#content .miniapp-section-head {margin-bottom:12px}
#content .miniapp-section-head h2 {font-size:20px;line-height:1.4}
#content .miniapp-directory-filter {display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:12px}
#content .miniapp-directory-filter label {display:grid;gap:5px;font-size:12px;color:var(--muted)}
#content .miniapp-directory-filter label:first-child {flex:1;min-width:210px}
#content .miniapp-directory-filter input,#content .miniapp-directory-filter select {height:40px;min-height:40px;border:1px solid #dce3ec;border-radius:6px;padding:8px 12px;font:inherit;color:var(--text);background:#fff;width:100%;min-width:0}
#content .miniapp-directory-filter [data-filter-count] {font-size:12px;color:var(--muted);padding-bottom:10px}
#content .miniapp-merchant-card {padding:18px;border-radius:10px;border:1px solid var(--line);box-shadow:none}
#content .miniapp-merchant-card[hidden],#content .miniapp-filter-empty[hidden] {display:none!important}
#content .miniapp-merchant-main {margin-bottom:14px}
#content .miniapp-merchant-title h3 {font-size:17px}
#content .miniapp-service-columns {gap:18px}
#content .miniapp-service-columns section {padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff}
#content .miniapp-card-actions {gap:8px;padding-top:14px;margin-top:14px}
#content .miniapp-card-actions button {font-size:13px;min-height:38px;padding:8px 12px}
#modalRoot .service-design-dialog {max-width:900px}
#modalRoot .service-design-dialog h2 {font-size:24px;line-height:1.4}
#modalRoot .service-design-form {display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
#modalRoot .service-design-form>label,#modalRoot .service-form-group>label {display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:8px 18px;font-size:14px;line-height:1.7}
#modalRoot .service-design-form>label>small,#modalRoot .service-form-group>label>small {grid-column:2;color:var(--muted);font-size:12px}
#modalRoot .service-form-group {display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0;padding:14px 0 0;border:0;border-top:1px solid var(--line);min-width:0}
#modalRoot .service-form-group legend {font-size:17px;font-weight:650;padding:0 12px 0 0;line-height:1.6}
#modalRoot .service-design-form input,#modalRoot .service-design-form select {min-height:40px;font-size:14px}
#modalRoot .service-design-form textarea {min-height:82px;font-size:14px}
#modalRoot .service-form-section {margin:6px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:17px}
#modalRoot .service-form-section:first-child {border-top:0;padding-top:0}
#modalRoot .service-design-dialog .notice {font-size:12px;line-height:1.8;padding:12px 14px}
#modalRoot .service-design-dialog .miniapp-usage-readonly {margin:14px 0 18px;padding:16px;background:#faf9f6;border-radius:10px}
#modalRoot .service-design-dialog .miniapp-usage-readonly strong {font-size:26px}
/* Higher specificity than dynamically loaded console.css; no change to React actions. */
#content:has(.league-console:not([data-league-navigation="sidebar"]):not(:has(.hq-console-nav))) .league-table-launch,#content:has(.league-console:not([data-league-navigation="sidebar"]):not(:has(.hq-console-nav))) .league-format-launch {display:none}
#appView #content .league-console {padding:0;border:0;border-radius:0;background:transparent;--hq-gold:#a16c27;--hq-line:#e8e4dc;--hq-ink:#20252f;--hq-muted:#687389}
#appView #content .league-console .hq-console-context {padding:0 0 16px;margin:0}
#appView #content .league-console .hq-console-nav {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));overflow:visible;gap:4px;margin:0 0 16px;padding:8px;border:1px solid var(--hq-line);border-radius:10px;background:#fff;box-shadow:0 4px 16px #705d3c06}
#appView #content .league-console .hq-console-nav a {display:flex;align-items:center;justify-content:center;padding:10px 4px;min-height:44px;font-size:13px;line-height:1.4;border-radius:8px;text-align:center;overflow-wrap:anywhere;color:#202b40}
#appView #content .league-console .hq-console-nav a[aria-current=page] {background:#a66d27;color:#fff;font-weight:650}
#appView #content .league-console .hq-console-heading {padding:14px 18px;margin:0 0 16px;background:#fff;border:1px solid var(--hq-line);border-radius:10px;align-items:center;gap:16px}
#appView #content .league-console .hq-console-heading h2 {font-size:19px}
#appView #content .league-console .hq-console-heading p {font-size:12px;margin-top:4px}
#appView #content .league-console .hq-console-scope {flex:1;justify-content:end}
#appView #content .league-console .hq-console-scope label {flex:1;max-width:250px;font-size:12px;min-width:150px}
#appView #content .league-console .hq-content {gap:16px}
#appView #content .league-console .hq-stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#appView #content .league-console .hq-stat {padding:18px;min-width:0;border:1px solid var(--hq-line);border-radius:10px;background:#fff}
#appView #content .league-console .hq-stat strong {font-size:34px;line-height:1.3}
#appView #content .league-console .hq-stat p {font-size:12px;margin:4px 0 0}
#appView #content .league-console .hq-panel {border:1px solid var(--hq-line);border-radius:10px;background:#fff;box-shadow:0 4px 16px #705d3c04}
#appView #content .league-console .hq-panel-heading {padding:16px 18px}
#appView #content .league-console .hq-panel-heading h2,#appView #content .league-console .hq-panel-heading h3 {font-size:19px;line-height:1.4}
#appView #content .league-console .hq-table th {background:#fafbfc;color:#647087}
#appView #content .league-console .hq-button {min-height:40px;border-radius:8px}
#appView #content .league-console .hq-button.primary {background:#a66d27;border-color:#a66d27;color:#fff}
#appView #content .league-console .hq-button.ghost {color:#935b19}
#appView #content .league-console .hq-info-box {padding:12px 16px;border:1px solid #eadbc5;background:#fffaf3;color:#7a522b;border-radius:8px}
#appView #content .league-console .hq-modal {border-radius:14px;border:1px solid #e8e4dc;background:#fff}
#appView #content .league-console .hq-modal>header h2 {font-size:24px;font-weight:650;line-height:1.4}
#appView #content .league-console .hq-modal>header,#appView #content .league-console .hq-modal-body,#appView #content .league-console .hq-modal>footer {padding:22px 26px}
#appView #content .league-console .hq-form {gap:18px}
#appView #content .league-console .hq-field {font-size:14px;gap:8px}
#appView #content .league-console input,#appView #content .league-console select,#appView #content .league-console textarea {border-radius:6px;border-color:#dedfe2;min-height:40px;font-size:14px}
@media(max-width:1050px){#appView #content .league-console .hq-console-nav {grid-template-columns:repeat(4,minmax(0,1fr))}#appView #content .league-console .hq-console-heading {flex-direction:column;align-items:stretch}#appView #content .league-console .hq-console-scope {justify-content:start}#content #miniappTemplateUpload {grid-template-columns:1fr 1fr}#content #miniappTemplateUpload>.miniapp-template-field:last-of-type {grid-column:1/-1}#content #miniappTemplateUpload>button[type=submit] {grid-column:2}}
@media(max-width:680px){#content .service-page-tools {flex-direction:column;align-items:stretch}#content .service-page-tools>div {justify-content:end}#content .miniapp-services-page[data-service-design] .miniapp-service-summary {grid-template-columns:repeat(2,minmax(0,1fr))}#content .miniapp-service-summary article {padding:12px;gap:8px}#content .miniapp-service-summary article>i {width:30px;height:30px;font-size:15px}#content .miniapp-service-summary strong {font-size:24px}#content #miniappTemplateUpload {grid-template-columns:minmax(0,1fr)}#content #miniappTemplateUpload>button[type=submit] {grid-column:1;width:100%}#content .miniapp-directory-filter label:first-child {min-width:0;flex-basis:100%}#modalRoot .service-design-form>label {grid-template-columns:minmax(0,1fr);gap:6px}#modalRoot .service-design-form>label>small {grid-column:1}#appView #content .league-console .hq-console-nav {grid-template-columns:repeat(2,minmax(0,1fr))}#appView #content .league-console .hq-stats {grid-template-columns:repeat(2,minmax(0,1fr))}#appView #content .league-console .hq-stat {padding:14px}#appView #content .league-console .hq-console-context>span:nth-child(2) {order:0;width:auto}#appView #content .league-console .hq-modal>header,#appView #content .league-console .hq-modal-body,#appView #content .league-console .hq-modal>footer {padding:18px}}