/* Keep the warning beside the next-round action at the right edge. */
#s .game-wrapper.ui-flat-v2 .pane.center .video-next-panel .pane-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}
#s .game-wrapper.ui-flat-v2 .pane.center .pane-content-wrapper.video-next-panel .pane-footer > .btn-action.pull-right {
    position: static;
    margin: 0;
}
#s .game-wrapper.ui-flat-v2 .pane.center .video-next-panel .pane-footer > .info-content.warning {
    order: 1;
    float: none;
    margin: 0;
    min-width: 0;
    font-size: 13px;
    line-height: 20px;
    text-align: right;
}
#s .game-wrapper.ui-flat-v2 .pane.center .video-next-panel .pane-footer > .refresh { order: 2; }

/* Employment reference copy needs the same inset as the neighboring forms. */
#s .game-wrapper.ui-flat-v2 .pane.center .employment-information-content {
    padding: 20px;
    color: #3c3c43;
    font-size: 16px;
    line-height: 1.7;
    overflow-wrap: break-word;
}
#s .game-wrapper.ui-flat-v2 .pane.center .employment-information-content :is(h1, h2, h3, h4, h5, h6),
#s .game-wrapper.ui-flat-v2 .pane.center .employment-information-content > p:has(> strong:only-child) {
    margin: 24px 0 12px;
    color: #00507b;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5;
}
#s .game-wrapper.ui-flat-v2 .pane.center .employment-information-content > :first-child,
#s .game-wrapper.ui-flat-v2 .pane.center .employment-information-content > p:first-child:has(> strong:only-child) { margin-top: 0; }
#s .game-wrapper.ui-flat-v2 .pane.center .employment-information-content p:not(:has(> strong:only-child)) { margin: 0 0 16px; }
#s .game-wrapper.ui-flat-v2 .pane.center .employment-information-content :is(ul, ol) { margin: 0 0 20px; padding-left: 24px; }
#s .game-wrapper.ui-flat-v2 .pane.center .employment-information-content li { margin-bottom: 10px; padding-left: 4px; }
#s .game-wrapper.ui-flat-v2 .pane.center .employment-information-content > :last-child { margin-bottom: 0; }
@container (max-width: 600px) {
    #s .game-wrapper.ui-flat-v2 .pane.center .employment-information-content { padding: 20px; }
}

/* Shared values confirmed in the audio review and Figma 6061:3192/3196/4129/4132. */
#s .game-wrapper.ui-flat-v2 {
    --decision-surface: #f2f2f7;
    --decision-secondary: rgba(60, 60, 67, .6);
    --decision-track: #e5e5ea;
    --decision-accent: #50b5cb;
    --decision-title: #00507b;
    font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif;
}
#s .game-wrapper.ui-flat-v2 input,
#s .game-wrapper.ui-flat-v2 select,
#s .game-wrapper.ui-flat-v2 textarea,
#s .game-wrapper.ui-flat-v2 button { font-family: inherit; }
#s .game-wrapper.ui-flat-v2 .pane.center .pane-content-wrapper,
#s .game-wrapper.ui-flat-v2 .pane.center .pane-content-wrapper .pane-footer { background: var(--decision-surface); }
#s .game-wrapper.ui-flat-v2 .pane.center .pane-header,
#s .game-wrapper.ui-flat-v2 .pane.center .pane-header h1 { height: 64px; }
#s .game-wrapper.ui-flat-v2 .pane.center .pane-header h1 { line-height: 64px; padding-right: 64px; }
#s .game-wrapper.ui-flat-v2 .pane.center .pane-content { padding-top: 64px; }
#s .game-wrapper.ui-flat-v2 .hotel-navigation { top: 64px; }
#s .game-wrapper.ui-flat-v2 .module-content-status { top: 64px; }
#s .game-wrapper.ui-flat-v2 .pane.center .pane-close,
#s .game-wrapper.ui-flat-v2 .pane.center .pane-video-close,
#s .game-wrapper.ui-flat-v2 .pane.advisor .advisor-text .advisor-close {
    top: 16px; right: 16px; width: 32px; height: 32px;
}
/* Achievement list uses the same close control as other full dialogs. */
#s .game-wrapper.ui-flat-v2 #pane-achievement.achievement-panel { grid-template-rows: 64px minmax(0,1fr); }
#s .game-wrapper.ui-flat-v2 #pane-achievement .achievement-close {
    top: calc(16px - .2rem); right: calc(16px - .2rem); width: 32px; height: 32px;
}
/* The compact video directory retains its smaller control. */
#s .game-wrapper.ui-flat-v2 #pane-video .pane-close {
    /* Both small panels have a .2rem border; measure the visible outer edge. */
    top: calc(8px - .2rem); right: calc(8px - .2rem); width: 24px; height: 24px;
}
#s .game-wrapper.ui-flat-v2 .pane.center .hotel-panel .form-padding,
#s .game-wrapper.ui-flat-v2 .pane.center .hotel-panel .construction-fields,
#s .game-wrapper.ui-flat-v2 .pane.center .hotel-panel .hotel-equipment-content { padding: 20px; }
#s .game-wrapper.ui-flat-v2 .pane.center .hotel-panel .form-group { margin-bottom: 32px; }
/* A trailing field margin must not create scrolling after the last research. */
#s .game-wrapper.ui-flat-v2 .pane.center .hotel-panel .agency-research-fields > .form-group:last-of-type { margin-bottom: 0; }
/* Center the bank title's line box with its header icon. */
#s .game-wrapper.ui-flat-v2 .pane.center [data-panel-module="bank"] .pane-header h1 {
    display: flex; align-items: center; line-height: 28px;
}
#s .game-wrapper.ui-flat-v2 .pane.center .hotel-panel .form-group > label {
    display: block; width: auto; margin: 0 0 16px; padding: 0;
    color: var(--decision-title); font-size: 20px; font-weight: normal; line-height: 28px;
    border: 0; background: none; box-shadow: none; text-shadow: none;
}
#s .game-wrapper.ui-flat-v2 .pane.center .hotel-panel .style-lux .form-group > label,
#s .game-wrapper.ui-flat-v2 .pane.center .hotel-panel .hotel-equipment-lux .form-group > label { color: #92782b; }
#s .game-wrapper.ui-flat-v2 .pane.center .hotel-panel .help-block,
#s .game-wrapper.ui-flat-v2 .pane.center .hotel-panel .breakfast-description,
#s .game-wrapper.ui-flat-v2 .pane.center .hotel-panel .breakfast-estimate {
    display: block; max-width: none; margin: 8px 0 0; padding: 0;
    color: var(--decision-secondary); font-size: 13px; font-weight: 600; line-height: 20px;
    background: none; box-shadow: none; text-shadow: none;
}
#s .game-wrapper.ui-flat-v2 .pane.center .hotel-panel .breakfast-original-help[hidden] { display: none; }
#s .game-wrapper.ui-flat-v2 .pane.center .hotel-panel .form-group-binary { display: block; }
#s .game-wrapper.ui-flat-v2 .pane.center .hotel-panel .form-group-binary > .binary-segmented { display: inline-flex; vertical-align: top; }
#s .game-wrapper.ui-flat-v2 .pane.center .hotel-panel .form-control {
    border-radius: 8px; font-size: 15px; line-height: 20px;
}
#s .game-wrapper.ui-flat-v2 .pane.center .pane-content-wrapper .pane-content { padding-bottom: 76px; }
#s .game-wrapper.ui-flat-v2 .pane.center .pane-content-wrapper .pane-footer { height: 76px; padding-top: 16px; padding-bottom: 16px; }
#s .game-wrapper.ui-flat-v2 .pane.center .pane-content-wrapper .pane-footer > .btn-action {
    width: auto; height: auto; min-height: 44px; padding: 10px 20px;
    border-radius: 100px; font-size: 17px; line-height: 22px; box-sizing: border-box;
}
#s .game-wrapper.ui-flat-v2 .pane.center .pane-content-wrapper .pane-footer > .btn-action.pull-right { top: 16px; }
#s .game-wrapper.ui-flat-v2 #pane-advisor .advisor-button .btn-action {
    display: inline-flex; align-items: center; justify-content: center;
    width: auto; height: auto; min-height: 36px; margin: 0; padding: 8px 16px;
    border: 0; border-radius: 100px; background: #50b5cb; background-image: none;
    color: #fff; font-size: 13px; font-weight: 600; line-height: 20px; box-sizing: border-box;
    box-shadow: none; text-shadow: none;
}
#s .game-wrapper.ui-flat-v2 #pane-advisor .advisor-button .btn-action::before,
#s .game-wrapper.ui-flat-v2 #pane-advisor .advisor-button .btn-action::after {
    display: none; content: none;
}
@media (max-width: 600px) {
    #s .game-wrapper.ui-flat-v2 .pane.center .hotel-panel .form-padding,
    #s .game-wrapper.ui-flat-v2 .pane.center .hotel-panel .construction-fields,
    #s .game-wrapper.ui-flat-v2 .pane.center .hotel-panel .hotel-equipment-content { padding: 20px; }
    #s .game-wrapper.ui-flat-v2 .pane.center .pane-content-wrapper .pane-footer { padding-left: 16px; padding-right: 16px; }
    #s .game-wrapper.ui-flat-v2 .pane.center .pane-content-wrapper .pane-footer > .btn-action.pull-right { right: 16px; }
}
/* Keep finance and Save in reserved rows when the available panel is narrow. */
#s .game-wrapper.ui-flat-v2 .pane.center .pane-content-wrapper { container-type: inline-size; }
@container (max-width: 440px) {
    #s .game-wrapper.ui-flat-v2 .pane.center .pane-content-wrapper .pane-content { padding-bottom: 120px; }
    #s .game-wrapper.ui-flat-v2 .pane.center .pane-content-wrapper .pane-footer { height: 120px; }
    #s .game-wrapper.ui-flat-v2 .pane.center .pane-content-wrapper .pane-footer .pane-finance { left: 16px; right: auto; top: 12px; transform: none; }
    #s .game-wrapper.ui-flat-v2 .pane.center .pane-content-wrapper .pane-footer > .btn-action { top: auto; bottom: 16px; }
    #s .game-wrapper.ui-flat-v2 .pane.center .pane-content-wrapper .pane-footer > .btn-action.pull-right { top: auto; bottom: 16px; right: 16px; }
}

/* Align business headings with the sidebar's 20px top inset. */
#s .game-wrapper.ui-flat-v2 .pane.center .hotel-panel .website-promotion > label {
    margin: 0 0 16px; color: var(--decision-title);
    font-size: 20px; font-weight: normal; line-height: 28px;
}
#s .game-wrapper.ui-flat-v2 .pane.center .hotel-panel .website-promotion .website-summary {
    margin: 8px 0 16px;
}
/* Flat gray input surface; semantic validation borders keep their higher priority. */
#s .game-wrapper.ui-flat-v2 .pane.center input.form-control {
    background: #e5e5ea; box-shadow: none; border-color: transparent;
    padding: 8px; box-sizing: border-box; text-align: left;
}
/* Keep quantity values centered between their decrement/increment buttons. */
#s .game-wrapper.ui-flat-v2 .pane.center .bootstrap-touchspin input.form-control {
    text-align: center;
}
#s .game-wrapper.ui-flat-v2 .pane.center input.form-control:where(:not(.bs-touchspin)) {
    height: 38px;
}
#s .game-wrapper.ui-flat-v2 .pane.center input.form-control:focus {
    border-color: #50b5cb; outline: 2px solid #50b5cb; outline-offset: -2px; box-shadow: none;
}

/* Reference pages contain only the article below the header. */
#s .game-wrapper.ui-flat-v2 .pane.center .employment-reference-panel .pane-content { padding-bottom: 0; }
#s .game-wrapper.ui-flat-v2 .pane.center .employment-information-content em { font-style: normal; }
#s .game-wrapper.ui-flat-v2 .pane.center .employment-information-content p { text-indent: 0; }
/* Keep current project choices in two columns without changing their order. */
#s .game-wrapper.ui-flat-v2 .pane.center .hotel-panel .cityhall-projects-grid {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px;
}
#s .game-wrapper.ui-flat-v2 .pane.center .hotel-panel .cityhall-projects-grid > .form-group { margin: 0; min-width: 0; }
#s .game-wrapper.ui-flat-v2 .pane.center .project-history-notice {
    margin: 0; padding: 20px 20px 0; color: var(--decision-secondary); font-size: 13px; line-height: 20px;
}
@container (max-width: 560px) {
    #s .game-wrapper.ui-flat-v2 .pane.center .hotel-panel .cityhall-projects-grid { grid-template-columns: minmax(0, 1fr); }
}