.portal-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:20px; align-items:start; }
.portal-paper,.portal-side,.portal-box { border:1px solid var(--border-color); background:var(--card-bg); border-radius:var(--radius); }
.portal-paper { min-height:380px; overflow:hidden; }
.portal-paper-head { padding:22px 24px; display:flex; gap:12px; justify-content:space-between; align-items:center; border-bottom:1px solid var(--border-color); }
.portal-paper-head h3,.portal-side h3,.portal-box h3 { margin:0; font-family:var(--display-font); color:var(--text-main); }
.portal-paper-head p { margin:5px 0 0; color:var(--text-muted); font-size:13px; }
.portal-side { padding:19px; }
.portal-side h3 { margin-bottom:15px; }
.portal-side-note { color:var(--text-muted); font-size:12px; margin:0 0 14px; }
.portal-news-post { padding:22px 24px; border-bottom:1px solid var(--border-color); }
.portal-news-post:last-child { border-bottom:0; }
.portal-news-post h3 { font-size:20px; margin:0 0 8px; color:var(--text-main); font-family:var(--display-font); }
.portal-meta { color:var(--text-muted); font-size:12px; display:flex; gap:8px; flex-wrap:wrap; margin-bottom:13px; }
.portal-body { color:var(--text-main); font-size:14px; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; }
.portal-rich-body { white-space:normal; }
.portal-rich-body p { margin:0 0 12px; }
.portal-rich-body h2 { margin:17px 0 9px; color:var(--text-main); font-family:var(--display-font); font-size:19px; }
.portal-rich-body ul,.portal-rich-body ol { margin:8px 0 14px; padding-left:25px; }
.portal-rich-body a { color:var(--accent-blue); text-decoration:underline; }
.portal-news-legacy { white-space:pre-wrap; }
.portal-news-figure { margin:18px 0; max-width:100%; position:relative; clear:both; }
.portal-news-image-frame { position:relative; width:fit-content; max-width:100%; }
.portal-news-figure[data-news-align="center"] .portal-news-image-frame { margin-inline:auto; }
.portal-news-figure[data-news-align="right"] .portal-news-image-frame { margin-left:auto; }
.portal-news-figure img { display:block; width:auto; max-width:100%; max-height:620px; height:auto; object-fit:contain; border-radius:var(--radius); border:1px solid var(--border-color); box-sizing:border-box; }
.portal-news-figure[data-news-width] img { width:100%; }
.portal-news-editor .portal-news-figure { padding:10px; border:1px dashed var(--border-color); border-radius:var(--radius); background:rgba(60,141,188,.04); }
.portal-news-editor .portal-news-figure.is-dragging { opacity:.5; }
.portal-news-editor .is-drop-before { box-shadow:0 -3px 0 var(--accent-blue); }
.portal-news-editor .is-drop-after { box-shadow:0 3px 0 var(--accent-blue); }
.portal-news-image-tools { display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin-top:9px; }
.portal-news-drag-handle { cursor:grab; user-select:none; }
.portal-news-drag-handle:active { cursor:grabbing; }
.portal-news-size-label { display:inline-flex; align-items:center; gap:7px; font-weight:400!important; }
.portal-news-image-tools .portal-news-size-label input[type="range"] { width:100px; padding:0; border:0; background:transparent; accent-color:var(--accent-blue); }
.portal-news-size-label output { min-width:42px; font-size:12px; }
.portal-news-align-select { max-width:120px; padding:6px 8px; border:1px solid var(--border-color); border-radius:var(--radius); color:var(--text-main); background:var(--input-bg); font:inherit; }
.portal-news-image-remove { margin-left:auto; }
.portal-news-resize-handle { position:absolute; right:0; bottom:0; width:29px; height:29px; border:1px solid var(--border-color); border-radius:var(--radius) 0 var(--radius) 0; color:var(--text-main); background:var(--card-bg); cursor:nwse-resize; touch-action:none; }
.portal-news-figure[data-news-align="right"] .portal-news-resize-handle { right:auto; left:0; cursor:nesw-resize; }
.portal-editor-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:6px; padding:8px; border:1px solid var(--border-color); border-radius:var(--radius); background:var(--btn-secondary-bg); }
.portal-editor-toolbar .icon-btn { min-width:34px; }
.portal-news-editor { box-sizing:border-box; min-height:260px; max-height:70vh; overflow:auto; padding:15px; border:1px solid var(--border-color); border-radius:var(--radius); background:var(--input-bg); color:var(--text-main); line-height:1.65; outline:none; overflow-wrap:anywhere; }
.portal-news-editor:focus { border-color:var(--accent-blue); box-shadow:0 0 0 2px rgba(60,141,188,.14); }
.portal-news-editor:empty:before { content:'Írd ide a hírt, és a + Képek gombbal szúrj be képeket a szöveg közé.'; color:var(--text-muted); pointer-events:none; }
.portal-news-actions { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-top:16px; }
.portal-react { background:var(--btn-secondary-bg); border:1px solid var(--border-color); border-radius:18px; padding:5px 9px; color:var(--text-main); cursor:pointer; font:inherit; font-size:13px; }
.portal-react.is-on { border-color:var(--accent-blue); background:rgba(60,141,188,.14); }
.portal-react:hover { border-color:var(--accent-blue); }
.portal-admin-actions { margin-left:auto; display:flex; gap:6px; }
.portal-activity { padding:12px 0; border-top:1px solid var(--border-color); }
.portal-activity:first-child { border-top:0; }
.portal-activity-label { color:var(--text-main); font-size:13px; line-height:1.4; }
.portal-activity-label strong { color:var(--accent-blue); }
.portal-activity-time { color:var(--text-muted); font-size:11px; margin-top:5px; }
.portal-empty { padding:30px 24px; color:var(--text-muted); text-align:center; }
.portal-box { padding:22px; }
.portal-form { display:grid; gap:12px; }
.portal-form label { color:var(--text-main); font-size:13px; font-weight:700; }
.portal-form input,.portal-form textarea { width:100%; box-sizing:border-box; background:var(--input-bg); border:1px solid var(--border-color); color:var(--text-main); border-radius:var(--radius); padding:10px; font:inherit; }
.portal-form textarea { min-height:125px; resize:vertical; }
.portal-form input[type=file] { padding:8px; }
.portal-form-row { display:flex; flex-wrap:wrap; gap:9px; align-items:center; }
.portal-profile-grid { display:grid; grid-template-columns:130px minmax(0,1fr); gap:24px; max-width:740px; }
.portal-avatar,.portal-avatar-placeholder { width:120px; height:120px; border-radius:50%; object-fit:cover; border:2px solid var(--border-color); background:var(--sidebar-bg); }
.portal-avatar-placeholder { display:flex; align-items:center; justify-content:center; color:var(--text-muted); font-size:48px; }
.portal-small-avatar { width:38px; height:38px; border-radius:50%; object-fit:cover; margin-right:9px; vertical-align:middle; border:1px solid var(--border-color); }
.portal-vehicles { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:16px; }
.portal-vehicle { overflow:hidden; border:1px solid var(--border-color); border-radius:var(--radius); background:var(--card-bg); }
.portal-vehicle-image { width:100%; height:165px; object-fit:cover; background:var(--sidebar-bg); }
.portal-vehicle-placeholder { height:165px; display:flex; align-items:center; justify-content:center; color:var(--text-muted); background:var(--sidebar-bg); font-size:43px; }
.portal-vehicle-copy { padding:16px; }
.portal-vehicle-copy h3 { margin:0 0 5px; color:var(--text-main); font-family:var(--display-font); }
.portal-vehicle-copy p { color:var(--text-muted); font-size:13px; white-space:pre-wrap; overflow-wrap:anywhere; }
.portal-vehicle-source { display:inline-block; margin-bottom:8px; color:var(--accent-blue); font-size:11px; font-weight:700; }
.portal-vehicle-summary { margin-top:9px; color:var(--text-main); font-size:12px; line-height:1.5; }
.portal-vehicle-details { border-top:1px solid var(--border-color); margin-top:13px; padding-top:11px; color:var(--text-main); font-size:12px; }
.portal-vehicle-details summary { color:var(--accent-blue); cursor:pointer; font-weight:700; }
.portal-vehicle-details dl { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 10px; margin:12px 0; }
.portal-vehicle-details dt { color:var(--text-muted); }
.portal-vehicle-details dd { margin:0; text-align:right; overflow-wrap:anywhere; }
.portal-vehicle-colors { display:grid; gap:5px; margin:11px 0; }
.portal-vehicle-color { display:flex; align-items:center; gap:6px; }
.portal-vehicle-color i { width:14px; height:14px; border:1px solid var(--border-color); border-radius:3px; }
.portal-vehicle-rights ul { margin:7px 0 10px; padding-left:20px; }
.portal-vehicle-copy .portal-form-row { margin-top:12px; }
.portal-toolbar { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-bottom:15px; }
.portal-compose { margin:18px 24px; padding:18px; border:1px solid var(--border-color); border-radius:var(--radius); }
.portal-vehicle-compose { margin:0 0 18px; }
.portal-muted { color:var(--text-muted); font-size:12px; }
@media (max-width:1080px) { .portal-layout { grid-template-columns:1fr; } }
@media (max-width:620px) { .portal-profile-grid { grid-template-columns:1fr; } .portal-paper-head { padding:18px; } .portal-news-post { padding:18px; } .portal-admin-actions { width:100%; margin-left:0; } .portal-news-image-tools .portal-news-size-label input[type="range"] { width:85px; } .portal-news-image-remove { margin-left:0; } }