/* Styles are limited to the account pages packaged with this patch. */
.ome-account-panel { color:#c6bca8; font-size:14px; padding:22px; border:1px solid #9b7d3f44; border-radius:14px; background:radial-gradient(ellipse at top left,#81622312,transparent 55%),#171717; }
.ome-account-panel .ome-account-heading { padding:0 0 20px; margin-bottom:24px; border-bottom:1px solid #9b7d3f44; }
.ome-account-panel .ome-account-heading > span { font-size:10px; letter-spacing:2px; color:#ba9854; }
.ome-account-panel .ome-account-heading h1 { margin:8px 0 7px; font-size:28px; line-height:1.3; font-family:Georgia,serif; color:#efcf89; text-transform:none; }
.ome-account-panel .ome-account-heading p { margin:0; color:#a99b81; font-size:12px; line-height:1.7; }
.ome-account-panel > .container { padding:0; max-width:none; }
.ome-account-panel > .container > .row { margin:0; }
.ome-account-panel .col-lg-8 { min-width:0; padding-top:0 !important; }
.ome-account-panel .section-header { font-size:17px; line-height:1.5; padding:14px 16px; margin:0; color:#e9ca84; border:1px solid #ad8b3a33; border-bottom:0; border-radius:10px 10px 0 0; background:linear-gradient(120deg,#302819,#21201c); }
.ome-account-panel .col-lg-8 > .section-body { padding:20px; border:1px solid #ad8b3a33; border-radius:0 0 10px 10px; background:#191919; margin-bottom:20px; }
.ome-account-panel .page_form { padding:18px; border:1px solid #ffffff0c; border-radius:10px; background:#20201d; margin:0 0 18px; }
.ome-account-panel .form-group { margin-bottom:17px; align-items:center; }
.ome-account-panel label { color:#c8b78f; font-size:13px; line-height:1.6; }
.ome-account-panel input[type=text],.ome-account-panel input[type=password],.ome-account-panel input[type=email],.ome-account-panel input[type=number],.ome-account-panel textarea,.ome-account-panel select { box-sizing:border-box; width:100%; max-width:100%; min-height:44px; padding:10px 13px; border:1px solid #9a7e424d; border-radius:7px; background:#11110f; color:#e9dfc8; font-size:13px; box-shadow:inset 0 1px 3px #0004; }
.ome-account-panel textarea { min-height:100px; resize:vertical; }
.ome-account-panel input:focus,.ome-account-panel textarea:focus,.ome-account-panel select:focus { outline:2px solid #c3a15688; outline-offset:2px; border-color:#c3a156; }
.ome-account-panel .jquery-selectbox { border-color:#9a7e424d; border-radius:7px; background:#151411; color:#e9dfc8; }
.ome-account-panel .nice_button,.ome-account-panel input[type=submit]:not(.cooldown-ico),.ome-account-panel button:not(.btn-close),.ome-account-panel .btn,.ome-account-panel .ome-raf-copy { display:inline-block; box-sizing:border-box; min-height:40px; padding:10px 16px; border:1px solid #b8954f66; border-radius:7px; background:linear-gradient(#46371c,#2c2417); color:#f0d695; font-size:12px; line-height:18px; text-decoration:none; cursor:pointer; box-shadow:inset 0 1px 0 #ffffff09; white-space:normal; }
.ome-account-panel .nice_button:hover,.ome-account-panel input[type=submit]:hover,.ome-account-panel button:not(.btn-close):hover { border-color:#d6b15f; filter:brightness(1.12); }
.ome-account-panel a:focus-visible,.ome-account-panel button:focus-visible { outline:2px solid #f0d695; outline-offset:3px; }
.ome-account-panel :disabled { opacity:.5; cursor:not-allowed; }
.ome-account-panel .list-group-item { margin-bottom:5px; border:1px solid #ffffff09; border-radius:7px; background:#25231e; color:#c9bea7; padding:12px 14px; font-size:12px; }
.ome-account-panel .list-group-item.active { color:#f0d695; background:#382e1b; border-color:#af8f4d66; }
.ome-account-panel .table,.ome-account-panel .nice_table { width:100%; border-collapse:collapse; font-size:13px; margin-bottom:18px; }
.ome-account-panel .table th,.ome-account-panel .nice_table th { padding:13px 12px; background:#30291d; color:#ead090; border-bottom:1px solid #a3834344; font-size:12px; }
.ome-account-panel .table td,.ome-account-panel .nice_table td { padding:13px 12px; border-bottom:1px solid #ffffff09; background:#20201d; color:#c3bba8; vertical-align:middle; box-shadow:none; }
.ome-account-panel .table tr:nth-child(even) td,.ome-account-panel .nice_table tr:nth-child(even) td { background:#25231f; }
.ome-account-panel .table tr:hover td,.ome-account-panel .nice_table tr:hover td { background:#302a1e; }
.ome-account-panel .table-responsive { overflow-x:auto; }
.ome-account-panel .character-select img { border:1px solid #a98b5066; border-radius:7px; }
.ome-account-panel .page-desc-holder,.ome-account-panel #cta_description { padding:18px; margin:0 0 20px; width:auto; max-width:100%; line-height:1.8; border:1px solid #a8864333; border-radius:10px; background:#242117; color:#cdbf9e; }
.ome-account-panel hr { border-color:#ad8a3a33; opacity:1; }
/* Character tools: keep all action buttons visible on mouse and touch. */
.ome-account-panel #character_tools { width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.ome-account-panel #select_character,.ome-account-panel #select_tool { width:auto; float:none; margin:0; min-width:0; }
.ome-account-panel .online_realm_button { padding:14px; border:1px solid #ad8b3a44; border-radius:9px; color:#efd591; background:#2d271b; font-size:14px; }
.ome-account-panel .teleport_realm_divider { padding:14px 2px 10px; color:#b9a679; font-size:12px; }
.ome-account-panel .select_character,.ome-account-panel .select_tool { opacity:1; margin:9px 0; border:1px solid #ad8b3a33; border-radius:9px; background:linear-gradient(120deg,#28251f,#1b1b19); }
.ome-account-panel .store_item.character,.ome-account-panel .store_item.tool { height:auto; min-height:84px; padding:16px; line-height:1.7; }
.ome-account-panel .store_item .item_icon { border:1px solid #aa874e66; border-radius:7px; width:42px; height:42px; margin-right:12px; }
.ome-account-panel .character .character_buttons,.ome-account-panel .tool .tool_buttons { opacity:1; margin:0 0 8px 10px; }
.ome-account-panel .character_name,.ome-account-panel .tool_name { color:#ead094; font-size:14px; }
/* Character transfer keeps the original realm selector and validation. */
.ome-account-panel #cta_body { width:100%; padding:0; margin:0; display:grid; grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr); gap:16px; align-items:center; }
.ome-account-panel #cta_body .cta_body_left,.ome-account-panel #cta_body .cta_body_right { width:100%; min-width:0; float:none; padding:20px; border:1px solid #ad8b3a44; border-radius:10px; box-shadow:none; background:#23211c; }
.ome-account-panel #cta_body .cta_body_middle { width:50px; height:80px; float:none; background-size:contain; }
.ome-account-panel .cta_row { width:100%; margin:0 0 15px; }
.ome-account-panel .cta_row span { margin-left:0; color:#cabb97; font-size:12px; }
.ome-account-panel .cta_row select,.ome-account-panel .cta_row input { margin-top:8px; }
/* Unstuck: preserve the action's original tooltip and handler. */
.ome-account-panel .unstuck .account-wide { border:1px solid #ad8b3a44; border-radius:10px; padding:22px; background:#211f1a; }
.ome-account-panel .unstuck .cooldown-ico { border:1px solid #b08d45; border-radius:50%; box-shadow:0 0 22px #a47e211a; }
.ome-account-panel .description-small { text-align:center; line-height:1.9; padding-top:18px; color:#afa184; font-size:12px; }
.ome-account-panel #cost { color:#ebcd89; }
/* Referral page retains the current copy button and rewards. */
.ome-account-panel .ome-raf-card { border-color:#ad8b3a44; border-radius:12px; background:#191917; }
.ome-account-panel .ome-raf-icon { border-radius:10px; border-color:#b28f44; }
.ome-account-panel .ome-raf-title,.ome-account-panel .ome-raf-list-title { color:#e8ca8c; }
.ome-account-panel .ome-raf-linkbox input { border-radius:7px; }
.ome-account-panel .ome-raf-table { border-radius:8px; }
/* Avatars and GM cards. No hidden state is overridden. */
.ome-account-panel .avatars_name { color:#e8ca8c; font-size:18px; border-bottom:1px solid #ad8b3a44; padding-bottom:14px; }
.ome-account-panel .my_avatar { border:1px solid #9f824844; border-radius:12px; box-shadow:0 6px 15px #0003; }
.ome-account-panel .my_avatar.avatar_current { border:2px solid #e4bd65; box-shadow:0 0 20px #d9a33226; }
.ome-account-panel .gm_ticket { padding:15px; margin-bottom:18px; border:1px solid #ad8b3a44; border-radius:10px; background:#1d1b16; }
.ome-account-panel .gm_ticket_text { line-height:1.8; color:#c7beab; }
.ome-account-panel .gm_tools,.ome-account-panel #top_tools { padding:10px 0; }
.ome-account-panel .gm_tools a,.ome-account-panel #top_tools a { margin:0 6px 7px 0; }
@media(max-width:850px) { .ome-account-panel { padding:16px; }.ome-account-panel #character_tools { grid-template-columns:1fr; }.ome-account-panel #cta_body { grid-template-columns:1fr; }.ome-account-panel #cta_body .cta_body_middle { transform:rotate(90deg); justify-self:center; height:50px; }.ome-account-panel .col-lg-8 > .section-body { padding:15px; } }
@media(max-width:550px) { .ome-account-panel { padding:12px; }.ome-account-panel .ome-account-heading h1 { font-size:24px; }.ome-account-panel .page_form { padding:14px 10px; }.ome-account-panel .section-header { padding:12px; }.ome-account-panel .store_item.character,.ome-account-panel .store_item.tool { padding:12px; }.ome-account-panel .character .character_buttons,.ome-account-panel .tool .tool_buttons { float:none; margin:0 0 12px; }.ome-account-panel .form-group > div { width:100%; }.ome-account-panel .table td,.ome-account-panel .nice_table td { padding:10px 8px; }.ome-account-panel .ome-raf-table { display:block; overflow-x:auto; }.ome-account-panel .ome-raf-linkbox { display:flex; flex-direction:column; }.ome-account-panel .ome-raf-copy { width:100%; } }
.ome-account-panel .nice_button.nice_active { border-color:#dfb658; color:#ffe3a0; background:linear-gradient(#60502b,#3b301a); }
.ome-account-panel #character_tools .item_group { opacity:1; margin:9px 0; border:1px solid #d9af4a; border-radius:9px; background:#302819; }
.ome-account-panel.ome-account-armory .page-subbody { border:1px solid #ad8b3a44; border-radius:10px; padding:20px; background:#1d1c18; }
.ome-account-panel.ome-account-armory .input-group { display:grid; grid-template-columns:minmax(150px,2fr) minmax(120px,1fr) minmax(120px,1fr) auto; gap:12px; align-items:center; }
.ome-account-panel.ome-account-armory .input-group > * { width:100%; min-width:0; margin:0 !important; border-radius:7px !important; }
.ome-account-panel.ome-account-armory .char_avatar { width:42px; height:42px; object-fit:cover; border:1px solid #a3844e77; border-radius:7px; }
.ome-account-panel.ome-account-armory .dataTables_info { padding:16px 0; color:#a99d86; font-size:12px; }
.ome-account-panel.ome-account-armory .dataTables_paginate .paginate_button { border:1px solid #ad8b3a55; border-radius:6px; padding:7px 12px; margin:3px; color:#dfc58c !important; background:#2a2419; }
.ome-account-panel.ome-account-armory .dataTables_paginate .paginate_button.current { background:#4a3c21; border-color:#d8ad4f; }
.ome-account-panel.ome-account-armory .nice_table { min-width:520px; }
.ome-account-panel.ome-account-armory .dataTables_processing { border:1px solid #b18b47; background:#262016; color:#efd495; border-radius:8px; padding:16px; }
@media(max-width:850px) { .ome-account-panel.ome-account-armory .input-group { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:550px) { .ome-account-panel.ome-account-armory .input-group { grid-template-columns:1fr; }.ome-account-panel.ome-account-armory .page-subbody { padding:14px; } }

/* Teleport: reserve room for costs instead of allowing .w-100 to squeeze them. */
.ome-account-panel.ome-account-teleport .location-select { table-layout:auto; }
.ome-account-panel.ome-account-teleport .location-select td:first-child { width:auto !important; overflow-wrap:break-word; }
.ome-account-panel.ome-account-teleport .location-select td:last-child { width:110px; min-width:110px; text-align:right; white-space:nowrap; word-break:normal; overflow-wrap:normal; }
.ome-account-panel.ome-account-teleport .location-select td:last-child a { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:9px 11px; border:1px solid #a8864355; border-radius:6px; background:#302817; color:#efd594; white-space:nowrap; word-break:normal; overflow-wrap:normal; }
.ome-account-panel.ome-account-teleport .location-select td:last-child img { width:16px; height:16px; flex:none; }
.ome-account-panel.ome-account-teleport .character-select td:last-child { white-space:nowrap; }
.ome-account-panel.ome-account-teleport .character-select td:first-child { width:48px !important; padding:10px 6px; }
.ome-account-panel.ome-account-teleport .character-select td:first-child img { width:36px; height:36px; max-width:36px; object-fit:cover; }
.ome-account-panel.ome-account-teleport .user-points { font-size:11px; line-height:1.6; }
@media(max-width:1199px) { .ome-account-panel.ome-account-teleport .section-body > .row > .col-lg-6 { width:100%; } }

/* Shared UCP navigation keeps the same outer position on overview/tool pages. */
.ome-account-panel:has(.ome-ucp-sidebar) { padding:0 !important; border:0; background:transparent; }
.ome-account-panel:has(.ome-ucp-sidebar) > .container > .row { --bs-gutter-x:24px; margin-left:0; margin-right:0; }
.ome-account-panel:has(.ome-ucp-sidebar) .ome-ucp-sidebar { padding-left:12px; }