#page-header{display:none}#wrap{max-width:1440px;padding:0;background:#f6f9fd;border-radius:14px}.convoa-dashboard{color:#11234b;font-family:Arial,sans-serif;font-size:14px}.convoa-header{background:linear-gradient(125deg,#008bc9,#006ebd 60%,#004d9e);color:white;padding:24px 28px 0;border-radius:12px 12px 0 0}.convoa-top{display:flex;align-items:center;gap:22px}.convoa-brand{color:white!important;font-size:34px;font-weight:bold;flex:1}.convoa-brand small{display:block;font-size:14px;font-weight:normal;margin-top:4px}.convoa-search{display:flex;background:white;border-radius:12px;padding:6px;max-width:320px}.convoa-search input{border:0;padding:8px;background:white;width:230px;color:#294365}.convoa-search button{border:0;background:white;color:#0077ff;padding:6px;cursor:pointer}.convoa-account{color:white!important}.convoa-nav{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px;padding-bottom:10px}.convoa-nav a{color:white;padding:11px 16px;border-radius:10px;font-weight:bold}.convoa-nav a:hover,.convoa-nav .active{color:#0065c6;background:white;text-decoration:none}.convoa-hero{margin:14px;min-height:270px;border-radius:12px;padding:28px 34px;box-sizing:border-box;display:grid;grid-template-columns:1fr 350px;gap:28px;background:linear-gradient(90deg,rgba(4,27,63,.72),transparent),url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAwIDQyMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJza3kiIHgyPSIwIiB5Mj0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iIzIwMzQ1ZCIvPjxzdG9wIG9mZnNldD0iLjU1IiBzdG9wLWNvbG9yPSIjZDc5OGEwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjRjMWExIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9InJvY2siIHgyPSIwIiB5Mj0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iIzY2ODRhNSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzE1MmQ1MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGZpbGw9InVybCgjc2t5KSIgZD0iTTAgMGgxNjAwdjQyMEgweiIvPjxwYXRoIGZpbGw9IiM4ZjkyYWMiIGQ9Ik0wIDI2MGwxNDAtMTUwIDgwIDk1IDE0MC0xNjAgMTUwIDE3MiAxMzAtMTIzIDk1IDgxIDE4MC0xNDIgMTIwIDE2NSAxMzAtOTQgMTU1IDE3MyAxODAtMTQ5djI5MkgweiIvPjxwYXRoIGZpbGw9InVybCgjcm9jaykiIGQ9Ik0wIDM1NWwyMDAtMTQzIDEzNSAxMzAgMjQ1LTI0NyAxODAgMjA5IDEwMC05MCAyMDAtMTg1IDIwMCAyNTkgMTQwLTE1MyAyMDAgMTg3djk4SDB6Ii8+PHBhdGggZmlsbD0iI2UxZGZlZCIgZD0iTTMzNSAzNDJMNTgwIDk1bDc1IDg3LTY2LTI4LTM4IDQ2LTE4LTEyLTYwIDcyem01MjUtMTI4IDIwMC0xODUgODkgMTE1LTkxLTU5LTU1IDc3LTIxLTE3LTQ4IDU2eiIvPjxwYXRoIGZpbGw9IiMwZDI1NDUiIGQ9Ik0wIDM1MGwxODAtMzggMjIwIDcyIDIzMC01NSAyMTAgNDUgMjUwLTY5IDI2MCA2MyAyNTAtNjV2MTE3SDB6Ii8+PHBhdGggZmlsbD0iIzA4MWYzYyIgZD0iTTAgMzkwbDI0MC0yMCAzMDAgMzMgMjQwLTI1IDMwMCAyNyAzMDAtNDAgMjIwIDI3djI4SDB6Ii8+PC9zdmc+Cg==') center/cover;color:white}.convoa-hero h1{font-size:42px;max-width:450px;margin:0 0 12px;color:white;line-height:1.05}.convoa-hero h2{font-size:18px;margin:0 0 4px;color:white}.convoa-hero p{font-size:16px;max-width:420px}.convoa-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.convoa-button{display:inline-block;color:white!important;background:#0078ff;border:1px solid #8fccff;padding:11px 17px;border-radius:10px;font-weight:bold;text-decoration:none!important}.convoa-button:hover{background:#005bca}.convoa-button.secondary{background:#11284dbb;border-color:white}.convoa-highlights{background:#0e254ac9;border:1px solid #ffffff33;border-radius:14px;padding:8px 18px;backdrop-filter:blur(6px)}.convoa-highlights>div{display:flex;align-items:center;gap:16px;margin:14px 0}.convoa-highlights p{font-size:14px;margin:0}.convoa-highlights strong{display:block;margin-bottom:4px}.convoa-badge{border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:28px;flex-shrink:0}.convoa-badge.purple{background:#913beb}.convoa-badge.green{background:#3bbf33}.convoa-badge.orange{background:#ff9300}.convoa-grid{padding:0 14px 14px;display:grid;grid-template-columns:1.2fr 1fr .95fr;gap:14px;align-items:start}.convoa-card{background:white;border:1px solid #e2e9f2;border-radius:13px;padding:18px;min-width:0;box-shadow:0 2px 5px #14396d03}.convoa-news{grid-column:span 2}.convoa-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.convoa-card-title h2{margin:0;font-size:18px;font-weight:bold;color:#102550}.convoa-card-title i{color:#007aff;margin-right:8px}.convoa-card-title>a{font-size:12px;color:#007aff}.convoa-news-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.convoa-news-item{border-bottom:1px solid #edf1f7;padding:10px 0}.convoa-news-item.featured{grid-row:span 3;padding:8px 14px;background:linear-gradient(140deg,#eef6ff,white);border-radius:12px}.convoa-news-item h3{border:0;font-size:16px;margin:9px 0;text-transform:none}.convoa-news-item h3 a{color:#12244a}.convoa-label{font-size:10px;font-weight:bold;color:white;background:#0079f5;padding:4px 7px;border-radius:6px}.convoa-meta{color:#70809b;font-size:12px}.convoa-excerpt{max-height:140px;overflow:hidden;line-height:1.6}.convoa-excerpt img{max-width:100%;height:auto}.convoa-read{display:inline-block;margin:14px 0;color:#007aff;font-weight:bold}.convoa-topic{display:flex;gap:12px;border-bottom:1px solid #eef2f8;padding:11px 0}.convoa-topic>i{color:#007aff;margin-top:4px}.convoa-topic a{color:#0069e7;font-weight:bold}.convoa-topic small{display:block;color:#73819b;margin-top:4px}.convoa-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e5ecf5;border-radius:10px}.convoa-stats>div{text-align:center;padding:18px 5px;border-right:1px solid #e5ecf5;font-size:12px}.convoa-stats>div:last-child{border:0}.convoa-stats i{display:block;color:#007aff;font-size:24px;margin-bottom:9px}.convoa-stats strong{display:block;font-size:22px;margin-bottom:3px}.convoa-empty{color:#71819a;padding:18px 0;line-height:1.6}.convoa-chat-row{border-radius:9px;background:#f4f7fb;padding:10px 12px;margin-bottom:8px}.convoa-chat-row strong{color:#007da0}.convoa-chat-row p{margin:4px 0;overflow-wrap:anywhere}.convoa-chat .convoa-button{margin-top:14px}#page-footer{padding:0 20px 20px}@media(max-width:1000px){.convoa-grid{grid-template-columns:1fr 1fr}.convoa-chat{grid-column:span 2}.convoa-hero{grid-template-columns:1fr 280px}.convoa-search{display:none}}@media(max-width:650px){.convoa-hero{grid-template-columns:1fr;padding:24px}.convoa-hero h1{font-size:34px}.convoa-highlights{display:none}.convoa-grid,.convoa-news-grid{grid-template-columns:1fr}.convoa-news,.convoa-chat{grid-column:auto}.convoa-top{gap:8px}.convoa-header{padding:20px 15px 0}.convoa-nav a{padding:9px}.convoa-brand{font-size:28px}.convoa-card-title{flex-wrap:wrap}} /* Shared forum, account and CMS theme. Native navigation retains user tools. */ #page-body{padding:18px;box-sizing:border-box}#page-body>.convoa-dashboard{margin:-18px}#page-header{display:none}#wrap{overflow:hidden}body{background:#edf3fa}.navbar{background:#e7eff9;border-radius:10px;padding:12px 18px}.forabg,.forumbg{background:linear-gradient(120deg,#007bbd,#0753a0);border-radius:12px;padding:8px;margin:16px 0}.panel,.post,.minerva-card{border:1px solid #dfe7f1;border-radius:12px;padding:18px;box-shadow:0 2px 5px #14396d06}.panel{background:white}.bg1{background:#fff}.bg2{background:#f4f8fd}ul.forums{background:#fff;border-radius:8px}.topiclist li.row{padding:10px 0}h2,h3{color:#112750}a{color:#006acb}.button,.button1,.button2,input.button1,input.button2{background:#0077ee;color:white;border:1px solid #006de0;border-radius:8px;text-shadow:none;padding:7px 14px}.inputbox,select,textarea{border:1px solid #cbd8e9;border-radius:7px;padding:8px}.minerva-card{background:white}.minerva-chat{background:#f4f8fd;border-radius:12px}.minerva-game button{border-radius:12px;background:#eaf3ff;border:1px solid #a6caff;color:#005dc4}.convoa-header .convoa-account{white-space:nowrap}.convoa-header .convoa-nav{margin-bottom:0}#page-footer{margin-top:18px}.convoa-nav .active{background:#ffffff24;color:white}.convoa-nav a:hover{background:white;color:#0065c6} @media(max-width:650px){ #page-body{padding:12px}#page-body>.convoa-dashboard{margin:-12px}.panel,.post{padding:12px}.convoa-nav{gap:3px}.convoa-account{font-size:12px}} /* Community image galleries. */ .convoa-gallery{color:#15375b}.gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:8px 0 22px}.gallery-heading h1{font-size:28px;font-weight:600;color:#0075e9;margin:0 0 5px}.gallery-heading p,.gallery-section-title p{margin:4px 0;color:#7289a8}.gallery-toolbar{padding:12px;border:1px solid #dce6f3;border-radius:12px;background:linear-gradient(120deg,#f5f9ff,#eff5fd);display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.gallery-toolbar nav{display:flex;gap:7px;flex-wrap:wrap}.gallery-toolbar nav a{padding:13px 16px;border-radius:8px;font-weight:600;color:#6d8cb4}.gallery-toolbar nav a.selected{background:white;color:#0079f1;box-shadow:0 3px 0 #0079f1}.gallery-toolbar form{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px}.gallery-toolbar .inputbox{width:165px}.gallery-toolbar select{max-width:190px}.gallery-section-title{display:flex;align-items:center;justify-content:space-between;margin:22px 0 14px;gap:12px}.gallery-section-title h2{font-size:21px;font-weight:600;color:#154a83;margin:0}.gallery-view-switch{display:flex;border:1px solid #dae6f3;border-radius:9px;overflow:hidden}.gallery-view-switch a{padding:10px 13px;background:white}.gallery-view-switch a[aria-current]{background:#0077ef;color:white}.gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.gallery-card{background:white;border:1px solid #e0e8f3;border-radius:11px;padding:6px;overflow:hidden;transition:transform .15s,box-shadow .15s}.gallery-card:hover{transform:translateY(-2px);box-shadow:0 7px 20px #163b6b12}.gallery-picture{display:block;position:relative;aspect-ratio:1.9;overflow:hidden;border-radius:7px;background:#eaf1f9}.gallery-picture img{width:100%;height:100%;object-fit:cover;display:block}.gallery-count{position:absolute;bottom:7px;right:7px;background:#0009;color:white;border-radius:4px;padding:3px 7px;font-weight:600}.gallery-card-text{padding:8px 4px 5px}.gallery-card h3{font-size:14px;border:0;margin:0 0 4px;padding:0;text-transform:none;line-height:1.35}.gallery-card h3 a{color:#143a74}.gallery-card p{font-size:12px;color:#527aa8;margin:3px 0}.gallery-card small{display:block;font-size:11px;color:#8a99ad;margin-top:4px}.gallery-placeholder{display:grid;place-content:center;height:100%;color:#8399b4;text-align:center;gap:8px}.gallery-placeholder i{font-size:30px}.gallery-empty{color:#8193aa;padding:15px 0}.gallery-grid>.gallery-empty{grid-column:1/-1}.gallery-upload-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;background:white;border:1px solid #dde6f2;border-radius:10px;padding:16px;margin-top:22px}.gallery-upload-bar h3{border:0;margin:0 0 5px;padding:0;text-transform:none;font-size:15px}.gallery-upload-bar p{font-size:12px;color:#6b81a2;margin:0}.gallery-create{background:white;border:1px solid #dce6f3;border-radius:12px;padding:20px;margin-top:22px}.gallery-create h2{font-size:20px;color:#174b7c;font-weight:600}.gallery-create label{display:block;margin:14px 0 6px}.gallery-create .inputbox{width:min(480px,100%);box-sizing:border-box}.gallery-create p{color:#6b81a2;font-size:13px}.gallery-tag{font-size:11px;background:#eaf3ff;color:#357bc9;padding:5px 9px;border-radius:8px;vertical-align:middle}.gallery-list{grid-template-columns:1fr}.gallery-list .gallery-card{display:flex;gap:14px}.gallery-list .gallery-picture{width:200px;flex-shrink:0}.gallery-delete{font-size:12px;color:#a43c4d;margin-top:10px}.gallery-delete summary{cursor:pointer}.gallery-delete form{padding:8px 0}.gallery-delete label{display:block;margin-bottom:7px}.gallery-delete .button{background:#a53849;border-color:#a53849}.gallery-photo-stage{background:#0c1b2b;border-radius:12px;display:grid;place-items:center;padding:16px}.gallery-photo-stage img{max-width:100%;max-height:75vh;object-fit:contain}.gallery-back{display:inline-block;margin:8px 0 16px;font-weight:600}.gallery-pagination{margin:16px 0} @media(max-width:1100px){.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-heading{align-items:flex-start}.gallery-upload-bar{flex-wrap:wrap}}@media(max-width:550px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-heading{flex-wrap:wrap}.gallery-toolbar form{width:100%}.gallery-toolbar .inputbox{width:100%}.gallery-list .gallery-picture{width:120px}.gallery-toolbar nav a{padding:10px;font-size:12px}} /* Editor, chat and control panel refinements. */ .convoa-chat-compose textarea { min-height: 180px; padding: 20px!important; line-height: 1.6; box-sizing: border-box; } .convoa-chat-compose button { margin-top: 24px; margin-bottom: 16px; } #minerva-chat { min-height: 130px; padding: 20px; margin-bottom: 24px; } .format-buttons .button, .format-buttons .button:hover, .format-buttons .button:focus { background: #fff!important; color: #24456b!important; border: 1px solid #b9cbe0!important; box-shadow: none!important; } .format-buttons .button .icon { color: #24456b!important; } .format-buttons { padding: 12px 0; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; } .cp-menu { width: 22%; box-sizing: border-box; padding-right: 28px; } .cp-main { width: 78%; box-sizing: border-box; padding-left: 12px; } .cp-main > h2 { margin: 8px 0 18px; } .cp-main .panel { padding: 20px!important; } .convoa-news-option { clear: both; padding: 20px 0 6px; } .convoa-news-option label { font-weight: 600; } .convoa-news-option p { margin: 8px 0; color: #607696; } .convoa-excerpt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.5; max-height: 4.5em; } .convoa-poll-answer { margin: 14px 0; display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; } .convoa-poll-answer progress { width: 100%; height: 12px; accent-color: #0079ff; } @media (max-width: 800px) { .cp-menu, .cp-main { width: 100%; float: none; padding: 0; } .cp-menu { margin-bottom: 24px; } } .convoa-brand { display: flex; align-items: center; gap: 16px; min-width: 0; text-decoration: none!important; } .convoa-brand-icon { display: block; width: 72px; height: 72px; object-fit: contain; flex: 0 0 72px; padding: 4px; box-sizing: border-box; } @media (max-width: 650px) { .convoa-brand { gap: 10px; } .convoa-brand-icon { width: 56px; height: 56px; flex-basis: 56px; } .convoa-brand small { font-size: 12px; } } .convoa-chat-compose textarea { font-size: 18px!important; font-family: Arial,sans-serif; } #minerva-chat > div { padding: 16px 0 24px; margin-bottom: 20px; border-bottom: 1px solid #dbe5f2; } #minerva-chat > div:last-child { margin-bottom: 0; border-bottom: 0; } #minerva-chat .minerva-lines { margin: 12px 0 22px; font-size: 16px; line-height: 1.6; } #minerva-chat form { margin: 20px 0 0; } #page-body .button, #page-body .button:hover, #page-body .button:focus { background: #fff!important; color: #24456b!important; border: 1px solid #b9cbe0!important; box-shadow: none!important; text-shadow: none!important; } #page-body .button .icon, #page-body .button:hover .icon, #page-body .button:focus .icon { color: #24456b!important; } .convoa-member-gallery { margin-top: 14px; padding-top: 10px; border-top: 1px solid #dbe5f2; } .gallery-browse-help { padding: 12px 4px; color: #607696; line-height: 1.6; } .gallery-toolbar .inputbox[name=q] { width: 235px; } /* Consistent news columns and toolbar controls. */ .convoa-news-grid { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch; gap: 16px; } .convoa-news-item { padding: 16px; border: 1px solid #e2e9f2; border-radius: 12px; background: linear-gradient(140deg,#eef6ff,white); display: flex; flex-direction: column; min-width: 0; } .convoa-news-item .convoa-label { align-self: flex-start; } .convoa-news-item .convoa-read { margin-top: auto; padding-top: 16px; margin-bottom: 0; } .convoa-news-item .convoa-excerpt { margin-bottom: 16px; overflow-wrap: anywhere; } #page-body .action-bar > .button { min-height: 44px; box-sizing: border-box; display: inline-flex; align-items: center; gap: 6px; } #page-body .search-box { margin: 0 12px; } #page-body .search-box fieldset { display: flex; align-items: center; gap: 8px; padding: 0; flex-wrap: wrap; } #page-body .search-box .inputbox { height: 44px; padding: 0 14px; width: 230px; max-width: 100%; float: none; border: 1px solid #b9cbe0; border-radius: 8px; box-sizing: border-box; font-size: 14px; } #page-body .search-box .button { height: 44px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; margin: 0; border-radius: 8px; } .gallery-toolbar form { gap: 10px; } .gallery-toolbar select, .gallery-toolbar .inputbox, .gallery-toolbar button.button { height: 44px; box-sizing: border-box; font-size: 14px; } .gallery-toolbar select { padding: 0 12px; border: 1px solid #b9cbe0; border-radius: 8px; background: white; color: #24456b; } .gallery-toolbar .inputbox { padding: 0 12px; } .gallery-toolbar button.button { padding: 0 16px; } @media(max-width:650px) { .convoa-news-grid { grid-template-columns: minmax(0,1fr); } #page-body .search-box { margin: 10px 0; } } .convoa-news-page { padding: 24px 20px; } #page-body .cp-menu .navigation li { display: block; margin: 0 0 5px; } #page-body .cp-menu .navigation a { display: block; box-sizing: border-box; min-height: 36px; padding: 8px 12px; border: 1px solid #dce6f2; border-radius: 9px; background: #f3f7fc; color: #29476c; font-size: 14px; line-height: 1.4; font-weight: 600; } #page-body .cp-menu .navigation a:hover, #page-body .cp-menu .navigation a:focus-visible { background: #e7f1ff; color: #0068d7; text-decoration: none; } #page-body .cp-menu .navigation .active-subsection a { background: #e7f1ff; color: #0068d7; border-color: #a9cdf7; box-shadow: inset 3px 0 #0078ff; } #page-body .cp-menu .navigation a span { padding: 0; } #page-body .cp-menu .navigation ul { margin: 10px 0; } /* Compact sidebar links and aligned topic controls. */ #page-body .cp-menu { margin-top: 0; } #page-body .cp-main > h2 { line-height: 28px; margin: 8px 0 18px; } #page-body .cp-menu .navigation { padding-top: 54px; } #page-body .cp-menu .navigation ul:first-child { margin-top: 0; } #page-body .action-bar > .dropdown-container > .button { height: 44px; min-height: 44px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; padding: 0 14px; vertical-align: top; } #page-body .action-bar > .dropdown-container { vertical-align: top; } @media(max-width:800px) { #page-body .cp-menu .navigation { padding-top: 0; } } /* Align navigation labels consistently, including links with icons. */ .convoa-nav { align-items: center; } .convoa-nav > a { display: inline-flex; align-items: center; justify-content: center; gap: 6px; line-height: 20px; box-sizing: border-box; } .convoa-nav > a > .icon { margin: 0; line-height: 20px; vertical-align: middle; } .convoa-ucp-gallery { margin-top:28px; padding-top:20px; border-top:1px solid #dce6f2; }.convoa-ucp-gallery progress { width:100%; height:14px; accent-color:#0078ff; }.convoa-ucp-photos { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }.convoa-ucp-photos article { background:white; border:1px solid #dce6f2; border-radius:10px; padding:12px; overflow-wrap:anywhere; }.convoa-ucp-photos img { width:100%; height:140px; object-fit:cover; border-radius:7px; margin-bottom:10px; }.convoa-ucp-photos form { margin-top:12px; }.convoa-ucp-photos label { display:block; margin-bottom:12px; }@media(max-width:650px){.convoa-ucp-photos{grid-template-columns:repeat(2,minmax(0,1fr));}} /* Keep the activity list in its own flow and align each label with its value. */ #page-body .cp-main dl.details { display:grid; grid-template-columns:minmax(130px,30%) minmax(0,1fr); gap:0; margin:18px 0; clear:both; } #page-body .cp-main dl.details dt,#page-body .cp-main dl.details dd { float:none; width:auto; margin:0; padding:12px 16px; box-sizing:border-box; line-height:1.6; text-align:left; border-bottom:1px solid #e2eaf4; } #page-body .cp-main dl.details dt { color:#526b88; font-weight:600; background:#edf3fa; } #page-body .cp-main dl.details dd { background:#fff; overflow-wrap:anywhere; } .convoa-photos-panel .convoa-ucp-gallery { clear:both; margin-top:0; padding-top:0; border:0; } #page-body .cp-main dl.details:after { display:none; } @media(max-width:550px){ #page-body .cp-main dl.details{grid-template-columns:minmax(100px,35%) minmax(0,1fr);}#page-body .cp-main dl.details dt,#page-body .cp-main dl.details dd{padding:10px;}} #page-body .convoa-photo-upload input[type=text], #page-body .convoa-photo-upload select {box-sizing:border-box;min-height:48px;padding:12px 16px;font-size:16px;width:100%;margin-bottom:20px;border:1px solid #c6d7ec;border-radius:8px;} #page-body .convoa-photo-upload input[type=file] {font-size:16px;padding:16px;box-sizing:border-box;width:100%;background:white;border:1px solid #c6d7ec;border-radius:8px;margin:8px 0 16px;} #page-body .convoa-photo-upload input[type=file]::file-selector-button {padding:10px 16px;margin-right:16px;border:1px solid #c6d7ec;border-radius:6px;background:#eff5fd;color:#23466e;font-size:16px;} #page-body .convoa-photo-upload label {display:block;margin:12px 0 8px;} /* One highlight treatment for every header link, including ACP and Log Out. */ .convoa-header .convoa-nav > a:hover, .convoa-header .convoa-nav > a:focus-visible, .convoa-header .convoa-nav > a:active, .convoa-header .convoa-nav > a.active {background:#ffffff24;color:#fff;text-decoration:none;} .convoa-header .convoa-nav > a:focus-visible {outline:2px solid #fff;outline-offset:2px;} #page-body .convoa-photo-upload input[type=file]::file-selector-button {padding:7px 14px;font-family:inherit;font-size:14px;font-weight:700;line-height:20px;border:1px solid #b9cbe0;border-radius:8px;background:#fff;color:#24456b;cursor:pointer;} #page-body .convoa-photo-upload input[type=file] {padding:12px 16px;font-size:14px;} #page-body .convoa-photo-upload textarea {box-sizing:border-box;width:100%;font-size:16px;line-height:1.5;padding:12px 16px;border:1px solid #c6d7ec;border-radius:8px;resize:vertical;} .convoa-photo-description {margin:16px 0 20px;padding:14px 16px;border:1px solid #dce6f3;border-radius:10px;background:#f6f9fd;} #page-body .convoa-ucp-photos article {display:flex;flex-direction:column;min-width:0;} #page-body .convoa-ucp-photos article > a {display:block;width:100%;float:none;} #page-body .convoa-ucp-photos article img {display:block;width:100%;max-width:100%;height:180px;float:none;object-fit:contain;background:#edf3fa;margin:0 0 14px;} #page-body .convoa-ucp-photos article strong {display:block;clear:both;line-height:1.5;margin-bottom:8px;} #page-body .convoa-ucp-photos article p {clear:both;margin:0 0 12px;line-height:1.5;} #page-body .convoa-ucp-photos article form {clear:both;margin-top:auto;padding-top:14px;border-top:1px solid #dce6f2;} #page-body .convoa-ucp-photos article label {font-size:13px;line-height:1.5;} #page-body .convoa-photo-actions {display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0 24px;} #page-body .convoa-photo-actions form {margin:0;} #page-body .convoa-photo-actions .button, #page-body .convoa-photo-rating .button {box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:0;padding:8px 16px;} #page-body .convoa-photo-rating {display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0 24px;} #page-body .convoa-photo-rating select {box-sizing:border-box;min-width:76px;min-height:40px;padding:8px 14px;font-size:16px;margin:0;} #page-body .convoa-photo-comment {display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0;} #page-body .convoa-photo-comment textarea {box-sizing:border-box;flex:1 1 300px;padding:12px;font-size:16px;} #page-body .convoa-photo-actions {padding:0 18px;gap:12px;} #page-body .convoa-photo-discussion {padding:16px 18px 22px;} #page-body .convoa-photo-comment {align-items:center;gap:16px;} #page-body .convoa-photo-comment label {margin:0;} #page-body .convoa-photo-comment textarea {margin:0;min-height:90px;} #page-body .convoa-photo-comment .button {align-self:center;margin:0;} #page-body .convoa-photo-rating {gap:16px;} #page-body .convoa-photo-rating select,#page-body .convoa-photo-rating .button {height:40px;min-height:40px;} .convoa-photo-title-row {display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:20px;padding:16px;margin:16px 0;border:1px solid #dce6f3;border-radius:10px;background:#f6f9fd;} .convoa-photo-title-row img {display:block;width:140px;height:110px;object-fit:contain;border-radius:6px;} #page-body .convoa-photo-title-row input[type=text] {margin-bottom:0;} @media(max-width:550px){ .convoa-photo-title-row{grid-template-columns:90px minmax(0,1fr);gap:12px;padding:12px;}.convoa-photo-title-row img{width:90px;height:90px;} } /* Forum sort controls sit inside a form, unlike topic dropdowns. */ #page-body .action-bar .sort-tools > .button { height:44px; min-height:44px; box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; padding:0 14px; vertical-align:top; } #page-body .action-bar .sort-tools { vertical-align:top; } /* Independent columns keep topics and poll directly below news. */ .convoa-grid.convoa-portal-columns {grid-template-columns:minmax(0,2.2fr) minmax(0,.95fr);} .convoa-portal-main,.convoa-portal-sidebar {display:flex;flex-direction:column;gap:14px;min-width:0;} .convoa-portal-lower {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;align-items:start;} @media(max-width:1000px) { .convoa-grid.convoa-portal-columns {grid-template-columns:1fr;} } @media(max-width:650px) { .convoa-portal-lower {grid-template-columns:1fr;} } /* Clip native row borders to the rounded forum list. */ #page-body .forabg ul.topiclist.forums {overflow:hidden;} #page-body .forabg ul.topiclist.forums > li.row:first-child {border-top:0;} #page-body .forabg ul.topiclist.forums > li.row:last-child {border-bottom:0;} /* Shared, equally sized header tools with room for touch and keyboard focus. */ .convoa-header-tools {display:flex;align-items:center;gap:8px;flex-shrink:0;} .convoa-header .convoa-account,.convoa-header .convoa-night-toggle {display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;box-sizing:border-box;border:0;border-radius:10px;background:transparent;color:white!important;font-size:18px;line-height:1;cursor:pointer;text-decoration:none;flex-shrink:0;} .convoa-header-tools .icon {margin:0;width:18px;font-size:18px;line-height:1;} .convoa-header .convoa-account:hover,.convoa-header .convoa-night-toggle:hover {background:#ffffff24;} .convoa-header-tools :focus-visible {outline:2px solid white;outline-offset:2px;} @media(max-width:420px){.convoa-top{flex-wrap:wrap;}.convoa-brand{flex-basis:100%;}.convoa-header-tools{margin-left:auto;}} /* Night shift palette, shared by portal, forums, galleries and account pages. */ html.convoa-night {color-scheme:dark;--night-bg:#101722;--night-surface:#1b2636;--night-raised:#243247;--night-text:#e4ebf5;--night-muted:#a6b7cf;--night-border:#3a4b63;--night-link:#85beff;} html.convoa-night body {background:var(--night-bg);color:var(--night-text);} html.convoa-night #wrap {background:#151e2c;color:var(--night-text);} html.convoa-night .convoa-header {background:linear-gradient(125deg,#174865,#153c60 60%,#122e50);} html.convoa-night :is(.convoa-dashboard,.convoa-gallery,.content,h2,h3,fieldset,dl.details,dt,dd,label) {color:var(--night-text);} html.convoa-night a {color:var(--night-link);} /* Keep post dates, author labels and separators readable on night surfaces. */ html.convoa-night .postbody p.author {color:var(--night-text);} /* Forum row labels (including Subforums and Moderators) override prosilver black. */ html.convoa-night li.row strong {color:var(--night-text);} html.convoa-night :is(.panel,.post,.bg1,.bg2,.navbar,ul.forums,.minerva-card,.minerva-chat,.convoa-card,.convoa-news-item,.convoa-news-item.featured,.convoa-chat-row,.gallery-card,.gallery-toolbar,.gallery-upload-bar,.gallery-create,.gallery-view-switch a,.gallery-toolbar nav a.selected,.convoa-photo-title-row,.convoa-ucp-photos article,.dropdown-contents,.attachbox,blockquote,.codebox,table.table1 tbody tr) {background:var(--night-surface);color:var(--night-text);border-color:var(--night-border);} html.convoa-night :is(.bg2,.convoa-chat-row,.minerva-chat,blockquote,.gallery-toolbar,.gallery-picture,.gallery-tag) {background:var(--night-raised);} html.convoa-night :is(.convoa-card-title h2,.convoa-news-item h3 a,.gallery-card h3 a,.gallery-section-title h2,.gallery-create h2,.content h2,.content h3,.postbody h3,.postprofile strong) {color:var(--night-text);} html.convoa-night :is(.convoa-meta,.convoa-topic small,.convoa-empty,.gallery-card p,.gallery-card small,.gallery-heading p,.gallery-section-title p,.gallery-upload-bar p,.gallery-create p,.gallery-browse-help,.gallery-empty,.convoa-news-option p,.postprofile,.signature,.notice,.copyright,.search .postprofile) {color:var(--night-muted);} html.convoa-night :is(.convoa-topic,.convoa-stats,.convoa-stats>div,.convoa-news-item,.convoa-ucp-gallery,.convoa-member-gallery,.signature,.postprofile,li.row,hr,h3,.codebox,.attachbox) {border-color:var(--night-border);} html.convoa-night :is(.convoa-chat-row strong,.convoa-topic a,.convoa-read,.convoa-card-title>a,.gallery-heading h1,.gallery-toolbar nav a,.gallery-tag,.codebox code,.content blockquote cite) {color:var(--night-link);} html.convoa-night :is(.inputbox,select,textarea,input[type=text],input[type=password],input[type=email],input[type=search],.convoa-search,.convoa-search input,.convoa-search button) {background:var(--night-bg);color:var(--night-text);border-color:var(--night-border);} html.convoa-night input::placeholder,html.convoa-night textarea::placeholder {color:var(--night-muted);opacity:1;} html.convoa-night #page-body :is(.button,.button:hover,.button:focus,.format-buttons .button,.convoa-photo-upload input[type=file]) {background:var(--night-raised)!important;color:var(--night-text)!important;border-color:var(--night-border)!important;} html.convoa-night #page-body .button .icon {color:var(--night-text)!important;} html.convoa-night #page-body .cp-menu .navigation a {background:var(--night-surface);color:var(--night-text);border-color:var(--night-border);} html.convoa-night #page-body .cp-menu .navigation :is(.active-subsection a,a:hover,a:focus-visible) {background:#284263;color:var(--night-link);} html.convoa-night #page-body .cp-main dl.details dt {background:var(--night-raised);color:var(--night-muted);border-color:var(--night-border);} html.convoa-night #page-body .cp-main dl.details dd {background:var(--night-surface);border-color:var(--night-border);} html.convoa-night #page-body .convoa-ucp-photos article img {background:var(--night-bg);} html.convoa-night li.row:hover {background:#293b52;} html.convoa-night .minerva-game button {background:var(--night-raised);color:var(--night-link);border-color:var(--night-border);} html.convoa-night .convoa-search button {color:var(--night-link);} /* Native forum/UCP/PM actions: remove inherited day gradients and shadows. */ html.convoa-night #page-body :is(.button,.button1,.button2,.button3,.button-secondary,button,input[type=submit],input[type=button],input[type=reset]) { background:var(--night-raised)!important;color:var(--night-text)!important;border-color:var(--night-border)!important;box-shadow:none!important;text-shadow:none!important;filter:none; } html.convoa-night #page-body :is(.button1,input[type=submit].button1) {background:#285581!important;border-color:#5a8ebe!important;color:#fff!important;} html.convoa-night #page-body :is(.button,.button1,.button2,.button3,.button-secondary,button,input[type=submit],input[type=button],input[type=reset]):is(:hover,:focus) { background:#344b68!important;color:#fff!important;border-color:var(--night-link)!important;text-shadow:none!important; } html.convoa-night #page-body :is(.button,.button1,.button2,.button3,.button-secondary,button,input[type=submit],input[type=button],input[type=reset]):focus-visible { outline:2px solid var(--night-link)!important;outline-offset:2px; } html.convoa-night #page-body :is(.button,.button1,.button2,.button3,button,input[type=submit],input[type=button],input[type=reset]):disabled {opacity:.5;cursor:default;} html.convoa-night #page-body :is(.button,.button-secondary):is(:hover,:focus) .icon {color:#fff!important;} html.convoa-night #page-body .caret {border-color:var(--night-border);} /* Account sections, message folders and posting tabs. */ html.convoa-night #page-body :is(.tabs,.minitabs) .tab > a { background:var(--night-raised);color:var(--night-text);border-color:var(--night-border);box-shadow:none;text-shadow:none;filter:none; } html.convoa-night #page-body :is(.tabs,.minitabs) .tab > a:is(:hover,:focus) {background:#344b68;color:#fff;border-color:var(--night-link);} html.convoa-night #page-body :is(.tabs,.minitabs) .activetab > a {background:#285581;color:#fff;border-color:#5a8ebe;box-shadow:inset 0 3px var(--night-link);} html.convoa-night #page-body :is(.tabs,.minitabs,.navigation,.pagination) a:focus-visible {outline:2px solid var(--night-link);outline-offset:2px;} html.convoa-night #page-body .responsive-tab .responsive-tab-link:before {border-color:var(--night-text);} html.convoa-night #page-body .navigation a {filter:none;} /* Paging, dropdown controls and post contact actions. */ html.convoa-night #page-body .pagination li a {background:var(--night-raised);color:var(--night-text);border-color:var(--night-border);text-shadow:none;} html.convoa-night #page-body .pagination li a:is(:hover,:focus),html.convoa-night #page-body .pagination .dropdown-visible a.dropdown-trigger {background:#344b68;color:#fff;border-color:var(--night-link);} html.convoa-night #page-body .pagination li.active span {background:#285581;color:#fff;border-color:#5a8ebe;} html.convoa-night #page-body .pagination li.ellipsis span {color:var(--night-muted);} html.convoa-night #page-body .contact-icons a {border-color:var(--night-border);} html.convoa-night #page-body .contact-icons a:is(:hover,:focus) {background:var(--night-raised);} html.convoa-night #page-body :is(.panel-container .panel,.cp-main .pm,.cp-mini) {background:var(--night-surface);color:var(--night-text);} html.convoa-night #page-body .panel-container h2,html.convoa-night #page-body .current {color:var(--night-text)!important;} /* Portal and module calls to action use the same night palette. */ html.convoa-night .convoa-button {background:#285581;color:#fff!important;border-color:#5a8ebe;} html.convoa-night .convoa-button.secondary {background:var(--night-raised);border-color:var(--night-muted);} html.convoa-night .convoa-button:is(:hover,:focus) {background:#344b68;border-color:var(--night-link);} html.convoa-night .convoa-button:focus-visible {outline:2px solid var(--night-link);outline-offset:2px;} html.convoa-night .gallery-view-switch a[aria-current] {background:#285581;color:#fff;} html.convoa-night .gallery-view-switch a:is(:hover,:focus),html.convoa-night .gallery-toolbar nav a:is(:hover,:focus) {background:#344b68;color:#fff;}