/* Gulf City shared design tokens. Public surfaces are scoped; native behavior is untouched. */
:root {
 --gc-canvas:#667e8d; --gc-surface:#ffffff; --gc-raised:#edf1f4; --gc-line:#cbd5dd;
 --gc-text:#252d34; --gc-secondary:#536575; --gc-accent:#975500; --gc-link:#175c91;
 --gc-success:#246b3f; --gc-danger:#a72e3c; --gc-focus:#955600;
 --gc-radius:2px; --gc-space-1:4px; --gc-space-2:8px; --gc-space-3:12px; --gc-space-4:16px; --gc-space-6:24px;
 --gc-font:Arial,Helvetica,sans-serif; --gc-body-size:14px; --gc-control-height:36px;
 color-scheme:light;
}
html body.gulf-public { background:#667e8d; color:var(--gc-text); font-family:var(--gc-font); line-height:1.5; }
body.gulf-public a { color:var(--gc-link); }
body.gulf-public a:hover { color:#0d426b; }
body.gulf-public :focus-visible,.gc-admin-shell :focus-visible { outline:3px solid var(--gc-focus); outline-offset:3px; }
body.gulf-public :is(.main_container,.windowbg,.windowbg:nth-of-type(even),.windowbg:nth-of-type(odd),.roundframe,.information,.description,.generic_list_wrapper,.bg.even,.bg.odd,.login,.register_form,.gulf-sidebar section,.gulf-childboards,.popup_window,.popup_content,#profile_menu,#pm_menu,#alerts_menu) { background:var(--gc-surface); color:var(--gc-text); border-color:var(--gc-line); box-shadow:none; }
body.gulf-public :is(.gulf-board-layout,.gulf-childboards) .up_contain { background:var(--gc-surface); color:var(--gc-text); border-bottom:1px solid #293747; }
body.gulf-public :is(.gulf-board-layout,.gulf-childboards) .up_contain:hover { background:var(--gc-raised); }
body.gulf-public :is(.gulf-board-layout .main_container,.gulf-sidebar section,.windowbg,.roundframe) { border-radius:var(--gc-radius); }
body.gulf-public :is(.cat_bar,.title_bar,.sub_bar,.gulf-board-layout .cat_bar,.gulf-childboards .cat_bar,.navigate_section,.gulf-subnav,.gulf-online-total,.gulf-account-heading,.gulf-account-summary) { background:var(--gc-raised); color:var(--gc-text); border-color:var(--gc-line); }
body.gulf-public :is(.catbg,.titlebg,.subbg,.catbg a,.titlebg a,.gulf-board-layout .catbg,.gulf-board-layout .catbg a,.gulf-childboards .catbg,.gulf-childboards .catbg a) { color:var(--gc-accent); background:transparent; text-shadow:none; }
body.gulf-public :is(.cat_bar .desc,.gulf-board-layout .cat_bar .desc,.gulf-childboards .cat_bar .desc,.board_stats,.lastpost,.smalltext,.gulf-recent small,.gulf-change small,.gulf-shout time,.gulf-account-summary small,.gulf-account-meta,.gulf-account-links) { color:var(--gc-secondary); }
body.gulf-public :is(.info,.info a,.board_stats strong,.gulf-board-layout .info a,.gulf-childboards .info a,.gulf-sidebar h2,.gulf-sidebar p,.gulf-sidebar dd,.gulf-sidebar dt) { color:var(--gc-text); }
body.gulf-public :is(.gulf-subnav a,.gulf-staff a,#footer a) { color:var(--gc-accent); }
body.gulf-public .gulf-board-icon { color:var(--gc-accent); }
body.gulf-public :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { background:#fff; color:var(--gc-text); border:1px solid var(--gc-line); border-radius:5px; min-height:var(--gc-control-height); font:inherit; max-width:100%; box-shadow:none; }
body.gulf-public :is(input,select,textarea)::placeholder { color:#637586; opacity:1; }
body.gulf-public :is(input[type=checkbox],input[type=radio]) { accent-color:var(--gc-accent); }
body.gulf-public :is(.button,button.button,input.button,.button_submit,.quickbuttons>li>a,.gulf-primary>a.gulf-selected,.pagesection .buttonlist a.active) { background:var(--gulf-orange,#ff7900); color:#111820; font-weight:700; border:1px solid #ffb454; min-height:38px; border-radius:5px; box-shadow:none; text-shadow:none; }
body.gulf-public :is(.button,button.button,input.button,.button_submit,.quickbuttons>li>a):hover { background:#ffbd71; color:#111820; }
body.gulf-public :is(.dropmenu li a,.dropmenu li ul,.dropmenu li li a,.generic_menu,.popup_heading,.gulf-account-links a,.gulf-account-links,.profile_user_links,.gulf-share) { background:var(--gc-raised); color:var(--gc-text); }
body.gulf-public :is(.dropmenu a.active,.dropmenu a:hover) { background:#31465d; color:#fff; }
body.gulf-public :is(#forumposts .post_wrapper,#forumposts .postarea,.post,.postarea,.post_wrapper,.postarea .keyinfo,.signature,.inner) { color:var(--gc-text); background:transparent; }
body.gulf-public :is(#forumposts .poster,.poster,.poster h4,.poster ul,.poster .gulf-registered) { background:var(--gc-raised); color:var(--gc-text); }
body.gulf-public :is(.poster h4 a,.poster li a) { color:var(--gc-text); }
body.gulf-public :is(blockquote,.bbc_standard_quote,.bbc_alternate_quote,.quoteheader,.codeheader,.bbc_code) { background:#202e3d; color:var(--gc-text); border-color:#587089; }
body.gulf-public :is(.table_grid th,.table_grid td,.table_grid tr:nth-child(even),.table_grid tr:nth-child(odd)) { background:var(--gc-surface); color:var(--gc-text); border-color:var(--gc-line); }
body.gulf-public :is(form#frmLogin,#registration .roundframe,.login dt,.register_form dt,.login dd,.register_form dd,form#frmLogin>p,form#frmLogin>p.smalltext,.popup_content>p,#registration #confirm_buttons) { background:var(--gc-surface); color:var(--gc-text); }
body.gulf-public :is(.errorbox,.error) { background:#3a222a; color:#ffd1d1; border-color:#d98c9c; }
body.gulf-public :is(.noticebox,.infobox) { background:#2c2b1e; color:#f6e1ac; border-color:#947b45; }
body.gulf-public :is(.successbox) { background:#163329; color:#bdebd2; border-color:#5f9b7d; }
body.gulf-public :is(.gulf-chat-form,.gulf-shout,.gulf-chat-log,.gulf-chat-login,.gulf-chat-empty) { background:var(--gc-surface); color:var(--gc-text); border-color:var(--gc-line); }
body.gulf-public .gulf-shout p { color:var(--gc-text); }
body.gulf-public .gulf-skip { background:var(--gc-accent); color:#111; }
body.gulf-public #wrapper.gulf-width { max-width:var(--gulf-width,1500px); }
.gc-admin-shell { --gc-bg:var(--gc-surface); --gc-border:var(--gc-line); --gc-muted:var(--gc-secondary); }
@media(max-width:700px) {
 body.gulf-public :is(.gulf-primary>a,.gulf-account>a,.gulf-subnav a,.button,.quickbuttons>li>a) { min-height:44px; }
 body.gulf-public .gulf-subnav a { display:inline-flex; align-items:center; }
 body.gulf-public :is(input,select,textarea) { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; } }
/* Native detail labels and editor chrome. */
body.gulf-public #basicinfo { background:var(--gc-raised); color:var(--gc-text); border-radius:var(--gc-radius); padding:12px; }
body.gulf-public :is(#basicinfo h4,#basicinfo h4 span.position,#detailedinfo dt,#tracking dt,.children,.children strong,.keyinfo .smalltext,.keyinfo .smalltext strong,.keyinfo .postinfo,.keyinfo .postinfo a strong,.windowbg strong,.settings dt,.settings label) { color:var(--gc-secondary); }
body.gulf-public #forumposts .keyinfo .smalltext { color:var(--gc-secondary); }
body.gulf-public #top_info>li>a.open { color:#111820; }
body.gulf-public .gulf-sidebar a[style*="color"]:not(.gulf-shout-user) { color:var(--gc-accent)!important; }
body.gulf-public :is(div.sceditor-container,div.sceditor-toolbar,div.sceditor-group,div.sceditor-container iframe) { background:var(--gc-raised); border-color:var(--gc-line); color:var(--gc-text); box-shadow:none; }
body.gulf-public .sceditor-button { background:#dce3eb; border-radius:3px; }
body.gulf-public .sceditor-button:hover { background:#ffbd71; }
body.gulf-public #registration :is(.register_form dt,.register_form dt strong,label),body.gulf-public #detailedinfo strong,body.gulf-public #frmLogin :is(dt,label,strong) { color:var(--gc-text); }
body.gulf-public #registration .title_bar { background:var(--gc-raised); }
body.gulf-public #registration .title_bar h3 { color:var(--gc-accent); }
body.gulf-public #top_info>li>a { color:var(--gc-accent); }
body.gulf-public #top_info>li>a.open { color:#111820; background:#ffb454; }
body.gulf-public img[id^="verification_image_"] { background:#fff; border-radius:4px; padding:6px; color-scheme:light; }
body.gulf-public :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { border-color:#688099; }
body.gulf-public #detailedinfo :is(strong,.today) { color:var(--gc-secondary); }