/* Kiwi Classic — a 2007-es magyar közösségi web hangulatára */
:root{
  --ink:#252525;
  --green:#123d79;
  --lime:#f05a24;
  --cream:#fff;
  --paper:#fff;
  --muted:#5f6670;
  --line:#b8c9e5;
  --coral:#f05a24;
  --gold:#c89358;
  --shadow:none;
  --sidebar:0px
}
*{box-sizing:border-box}
html{background:#fff}
body,button,input,textarea,select{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:12px;
  line-height:1.25
}
body{background:#fff;color:#222}
a{color:#0645a5;text-decoration:underline}
a:hover{color:#e23b23}
.reveal,.delay{animation:none!important}
.eyebrow{color:#084798;font-size:10px;letter-spacing:0;margin:0 0 4px;text-transform:none}
.button{
  border:1px solid #174f9c;
  border-radius:2px;
  padding:4px 12px;
  color:#fff;
  background:linear-gradient(#4c96e8,#1560b9);
  box-shadow:inset 0 1px #9bc5ef;
  font-size:11px
}
.button:hover{background:#176bc8;transform:none;box-shadow:inset 0 1px #9bc5ef}
.button:active{transform:none;box-shadow:inset 0 1px 3px #123d79}
.button-large{padding:5px 18px;font-size:12px}
.button-small{padding:3px 10px}
.button-ghost{color:#0645a5;background:#edf4ff;border-color:#9bb6dc;box-shadow:none}
.button-ghost:hover{background:#dceaff;box-shadow:none}
.card,.rail-card{
  border:1px solid #a9bddc;
  border-radius:0;
  box-shadow:none;
  background:#eef4fd
}
.avatar{
  border-radius:0;
  border:1px solid #fff;
  outline:1px solid #9baac0;
  box-shadow:none;
  font-size:10px
}
.avatar-tiny{width:27px;height:27px}.avatar-small{width:34px;height:34px}.avatar-medium{width:46px;height:46px}.avatar-large{width:72px;height:72px}.avatar-xl{border-radius:0}

/* Klasszikus belső keret és fejléc */
.app-shell{background:#fff;min-width:760px}
.sidebar{
  position:absolute;
  inset:0 auto auto 50%;
  transform:translateX(-50%);
  width:1000px;
  height:158px;
  padding:0;
  border:0;
  background:#fff;
  display:block;
  z-index:20
}
.side-brand{position:absolute;left:8px;top:8px;padding:0}
.side-brand img{width:165px;height:70px}
.side-nav{
  position:absolute;
  left:0;right:0;top:101px;height:55px;
  display:flex;gap:0;
  padding:4px 6px 0;
  background:#07126f;
  border-top:5px solid #e43127;
  border-bottom:14px solid #e5e5e5
}
.side-nav a{
  height:38px;
  min-width:112px;
  padding:6px 12px;
  gap:5px;
  justify-content:center;
  color:#fff;
  text-decoration:none;
  border-radius:0;
  border-right:1px solid #6d90c4;
  border-left:1px solid #06104d;
  background:linear-gradient(#236ac6,#124eaa);
  font-size:11px;
  text-align:center
}
.side-nav a:first-child{border-left:0}
.side-nav a:hover,.side-nav a.active{
  color:#fff;background:#073a92;border-top:3px solid #f2ca36;padding-top:3px
}
.side-nav .icon{width:15px;height:15px}
.nav-count{background:#e43428;border-radius:0;font-size:9px;min-width:14px;padding:1px 3px}
.sidebar-bottom{
  position:absolute;right:4px;top:4px;
  margin:0;padding:0;border:0;
  display:flex;align-items:flex-start;gap:8px
}
.sidebar-bottom>a{
  padding:2px 5px;border-radius:0;color:#0645a5;text-decoration:underline;font-size:10px
}
.sidebar-bottom>a:hover,.sidebar-bottom>a.active{background:transparent;color:#e23b23}
.sidebar-bottom>a:first-child{position:absolute;top:61px;right:4px;width:102px}
.sidebar-bottom>a:first-child .icon{width:14px}
.side-profile{width:170px}
.side-profile small{color:#666}.side-profile b{font-size:10px}
.logout{font-size:10px;padding:2px;color:#0645a5;text-decoration:underline}
.topbar{
  position:absolute;
  top:22px;left:50%;right:auto;
  transform:translateX(-50%);
  width:1000px;height:70px;
  padding:0 190px;
  border:0;background:transparent;backdrop-filter:none;
  z-index:15
}
.global-search{
  position:absolute;top:85px;right:8px;
  z-index:30;width:190px;
  padding:0;border:0;border-radius:0;background:transparent
}
.global-search input{height:21px;padding:2px 4px;background:#fff;border:1px solid #111;font-size:10px}
.global-search button{display:none}
.top-actions{position:absolute;right:6px;top:4px;gap:6px}
.top-actions .avatar{display:none}
.icon-button{width:24px;height:20px;color:#0645a5}
.notification-popover{top:28px;right:5px;width:270px;border-radius:0;padding:8px;font-size:11px}
.mobile-menu{display:none!important}
.main-content{
  width:1000px;
  max-width:none;
  margin:0 auto;
  padding:175px 5px 40px;
  min-height:700px
}
.dashboard-grid{
  display:grid;
  grid-template-columns:700px 290px;
  gap:8px;
  justify-content:start
}
.welcome-line{
  height:80px;
  align-items:start;
  margin:0 0 8px;
  padding:8px;
  background:#fff
}
.welcome-line h1,.page-head h1{
  margin:0;
  font-family:Arial,sans-serif!important;
  font-size:14px;
  color:#0645a5;
  letter-spacing:0
}
.welcome-line h1:before{content:"Aktuális hírek — "}
.weather{font-size:10px}
.composer{padding:6px;margin-bottom:9px;background:#edf3fc}
.composer textarea{min-height:33px;padding:4px;background:#fff;border:1px solid #9caed0;font-size:11px}
.composer footer{padding-top:4px;border:0}
.composer-tools{font-size:10px}
.feed-heading{
  height:23px;
  margin:0;
  padding:4px 8px;
  color:#fff;
  background:#081071;
  border-left:6px solid #28b9aa
}
.feed-heading h2{font-size:12px}
.feed-heading button{color:#fff}
.post{
  position:relative;
  padding:8px;
  margin:0;
  border-width:0 1px 1px;
  background:#edf4fd
}
.classic-empty{padding:14px 8px;border:1px solid #a9bddc;border-top:0;background:#edf4fd;color:#555;font-size:11px}.grid-empty{grid-column:1/-1;border-top:1px solid #a9bddc;text-align:center}
.post:nth-of-type(even){background:#e5eefb}
.post>header .avatar{order:3;margin-left:auto}
.post>header div{order:1}.post>header button{order:2;margin-left:auto}
.post>header a{font-size:11px}.post>header small{font-size:9px}
.post-body{font-size:11px;line-height:1.3;margin:5px 55px 5px 0;min-height:24px}
.post-meta{font-size:9px;padding:3px 0;border:0}
.post-actions{border:0;justify-content:flex-start}
.post-actions form{flex:0}.post-actions button{width:auto;padding:2px 9px;font-size:10px;text-decoration:underline;color:#0645a5}
.post-actions button:hover,.post-actions .liked{background:transparent;color:#e23b23}
.comment{padding:4px 0;margin-left:35px}.comment p{border-radius:0;padding:4px 6px;background:#dce9f9;font-size:10px}
.comment-form{margin:4px 0 0 35px}.comment-form input{border-radius:0;padding:3px 5px;font-size:10px}.comment-form button{border-radius:0;width:24px;height:22px}
.right-rail{display:block;padding-top:0}
.rail-card{padding:0;margin-bottom:8px}
.rail-card>header{
  height:23px;margin:0;padding:4px 7px;
  color:#17427f;background:#a9cbf5;border:0;
  border-left:5px solid #d632cc
}
.rail-card h3{font-size:11px}.rail-card header a{font-size:9px}
.person-row{padding:6px;border-bottom:1px solid #c5d4e9;background:#edf4fd}
.person-row b{font-size:10px}.person-row small{font-size:9px}
.round-add{border-radius:0;width:21px;height:21px;color:#0645a5}
.event-card{padding:7px;background:#edf4fd}.event-card h3{font-family:Arial,sans-serif;font-size:11px}.event-date>b{font-family:Arial,sans-serif;font-size:25px}.quote-card{font-family:Arial,sans-serif;font-size:11px;border-top:22px solid #a9cbf5;margin:0;padding:8px;background:#edf4fd}

/* Belső aloldalak */
.page-head{
  max-width:none;margin:0 0 8px;padding:5px 8px;
  align-items:center;border:1px solid #9ab2d6;background:#dce9f9
}
.page-head h1{font-size:14px}.page-head p{font-size:10px;margin:3px 0 0}
.people-grid,.club-grid,.app-grid{max-width:none;gap:8px}
.people-grid,.app-grid{grid-template-columns:repeat(4,1fr)}
.profile-card{border-radius:0;padding:0 8px 8px;background:#edf4fd}
.profile-cover{height:30px;margin:0 -8px;background:#a9cbf5}.profile-card .avatar{margin:-15px auto 5px}
.profile-card h3{font-size:11px;color:#0645a5;text-decoration:underline}.profile-card>span,.profile-card p{font-size:9px;min-height:24px}
.club-grid{grid-template-columns:repeat(2,1fr);gap:8px}
.club-card{grid-template-columns:85px 1fr}.club-visual{min-height:125px}.club-visual span{font-size:32px;animation:none}
.club-copy{padding:8px}.club-copy h3{font-family:Arial,sans-serif;font-size:12px;color:#0645a5;text-decoration:underline}.club-copy p{font-size:10px}.club-copy footer{margin-top:8px}
.messages-shell{max-width:none;height:560px;grid-template-columns:230px 1fr;border-radius:0}
.conversation-list{padding:6px}.conversation-list>a{border-radius:0;padding:5px}.conversation-list>a.active{background:#b9d5f7}.chat{grid-template-rows:55px 1fr 55px}.bubble p{border-radius:0;background:#dce9f9;font-size:11px}.bubble.mine p{border-radius:0;background:#c5d9f3}.message-form input{border-radius:0;padding:5px}
.big-empty{max-width:none;margin:20px auto;padding:35px;border-radius:0}.big-empty h2{font-family:Arial,sans-serif;font-size:16px;color:#0645a5}
.pixel-orbit{border-radius:0}.pixel-orbit span,.app-icon{border-radius:0}
.app-card{padding:12px}.app-card h3{font-family:Arial,sans-serif;font-size:13px;color:#0645a5;text-decoration:underline}.app-card p{font-size:10px}
.developer-hero{max-width:none;min-height:125px;margin:0 0 8px;padding:12px;border-radius:0;background:#dce9f9;border:1px solid #9ab2d6}
.developer-hero h1{font-family:Arial,sans-serif;font-size:20px;line-height:1.1;letter-spacing:0;color:#0645a5;margin-bottom:6px}.developer-hero h1 em{color:#e23b23}.developer-hero p{font-size:11px}
.code-art{width:180px}.code-art>span{width:75px;height:75px;border-radius:0;font-size:22px;box-shadow:none;background:#fff;border:1px solid #9ab2d6}
.developer-grid{max-width:none;gap:8px}.upload-card{padding:10px}.upload-card h2{font-family:Arial,sans-serif;font-size:14px;color:#0645a5}
.stack-form{gap:8px;margin-top:10px}.stack-form label{font-size:10px}.stack-form input,.stack-form textarea{border-radius:0;padding:5px;background:#fff}.dropzone{border-radius:0!important;padding:12px!important;background:#edf4fd}.dropzone .upload-icon{border-radius:0}
.developer-info>article:first-child{padding:10px}.developer-info h3{font-family:Arial,sans-serif;font-size:13px}.tip-card{background:#081071!important;border-radius:0}
.my-apps{max-width:none}.my-app-row{border-radius:0}
.profile-page{max-width:none;border-radius:0}.profile-hero{height:105px;background:#a9cbf5}.profile-main{padding:0 20px;margin-top:-45px}.profile-main h1{font-family:Arial,sans-serif;font-size:18px;color:#0645a5}.profile-about{padding:15px 20px}.profile-about h2{font-family:Arial,sans-serif;font-size:14px}.profile-about p{font-size:11px}.profile-about dd{font-family:Arial,sans-serif;font-size:18px}
.classic-profile{display:grid;grid-template-columns:190px 1fr;gap:8px}.classic-profile>aside{padding:8px;border:1px solid #9ab2d6;background:#edf4fd;text-align:center}.classic-profile>aside>a{display:block;padding:4px;border-bottom:1px solid #c4d3e7}.classic-profile-photo{width:150px;height:180px;margin:0 auto 8px;display:grid;place-items:center;background:var(--profile);border:5px solid #fff;outline:1px solid #8fa5c5;color:#fff;font-size:30px;font-weight:bold}.classic-profile>div{border:1px solid #9ab2d6;background:#fff}.classic-profile h2{margin:0;padding:5px 8px;background:#07126f;border-left:5px solid #27b9aa;color:#fff;font-size:12px}.classic-profile table{width:100%;border-collapse:collapse;margin-bottom:8px}.classic-profile th,.classic-profile td{padding:6px;border-bottom:1px solid #c4d3e7;font-size:11px;text-align:left}.classic-profile th{width:150px;background:#edf4fd;color:#17427f}
.swf-frame{max-width:none;border-radius:0}.swf-frame #ruffle-container{border-radius:0}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:8px}.admin-stats div{padding:8px;border:1px solid #9ab2d6;background:#edf4fd;text-align:center}.admin-stats b{display:block;font-size:20px;color:#0645a5}.admin-stats span{font-size:10px}.admin-panel{margin-bottom:8px;border:1px solid #9ab2d6;background:#edf4fd}.admin-panel h2{margin:0;padding:5px 8px;background:#07126f;border-left:5px solid #27b9aa;color:#fff;font-size:12px}.admin-table{width:100%;border-collapse:collapse;background:#fff}.admin-table th,.admin-table td{padding:5px;border:1px solid #c4d3e7;text-align:left;font-size:10px}.admin-table th{background:#b8d3f3;color:#17427f}.admin-table button,.admin-row button{padding:2px 7px;border:1px solid #9c231b;background:#e24a3e;color:#fff;font-size:10px}.admin-row{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-bottom:1px solid #c4d3e7;background:#fff;font-size:10px}.admin-empty{margin:0;padding:10px;color:#666}

/* Nyitó- és belépőoldal ugyanebben a korszakban */
.public-shell{background:#e9edf4}
.wrap{width:960px;max-width:calc(100% - 20px)}
.public-header{
  height:102px;margin-top:12px;padding:8px 12px;
  background:#fff;border:1px solid #aebdd3;align-items:flex-start
}
.public-header .brand img{width:165px}
.public-header nav{font-size:11px;gap:12px}
.hero{
  min-height:430px;margin-top:7px;padding:0;
  grid-template-columns:420px 1fr;gap:8px;align-items:stretch
}
.hero-copy{padding:18px;background:#edf4fd;border:1px solid #9fb5d6}
.hero h1{font-family:Arial,sans-serif;font-size:25px;line-height:1.15;letter-spacing:0;color:#0645a5;margin:5px 0 15px}
.hero-copy>p{font-size:12px;color:#333;margin-bottom:20px}
.hero-actions{gap:10px;align-items:flex-start}.text-button{font-size:11px;color:#0645a5}
.trust-row{margin-top:25px;font-size:10px}.mini-faces i{border-radius:0}
.hero-art{width:auto;margin:0;overflow:hidden;border:1px solid #9fb5d6;background:#fff;padding:8px}
.hero-art h2{margin:0;padding:4px 7px;background:#07126f;border-left:5px solid #27b9aa;color:#fff;font-size:12px}
.classic-news,.classic-apps{margin-bottom:10px;padding:12px;background:#edf4fd;border:1px solid #c4d3e7;font-size:11px}.classic-news p,.classic-apps p{margin:5px 0}
.classic-members{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:6px 0 10px}
.classic-members span{display:grid;justify-items:center;padding:8px 3px;background:#edf4fd;border:1px solid #c4d3e7;font-size:10px}
.classic-members i{width:58px;height:62px;display:grid;place-items:center;background:var(--c);border:3px solid #fff;outline:1px solid #9fb5d6;color:#fff;font-size:15px;font-weight:bold;font-style:normal}
.classic-members a{margin-top:5px}.classic-members small{font-size:9px;color:#666}
.values{padding:8px 0 30px;gap:8px;border:0}.values article{background:#fff;border:1px solid #aebdd3;padding:9px}.values h3{font-size:11px;color:#0645a5}.values p{font-size:10px}
.auth-page{min-height:520px;background:#e9edf4;padding:20px}
.auth-card{border-radius:0;padding:20px;width:430px;box-shadow:none;border:1px solid #9fb5d6;background:#edf4fd}
.auth-logo{width:150px}.auth-card h1{font-family:Arial,sans-serif;font-size:18px;letter-spacing:0;color:#0645a5}
.toast{border-radius:0;padding:6px 10px;font-size:11px}
.toast span{border-radius:0}

@media(max-width:800px){
  .app-shell{min-width:0}
  .sidebar,.topbar,.main-content{width:100%;max-width:100%}
  .sidebar{left:0;transform:none;height:150px}
  .side-nav{overflow-x:auto}
  .side-nav a{min-width:105px}
  .sidebar-bottom{display:none}
  .topbar{left:0;transform:none;padding:0}
  .main-content{padding:165px 5px 30px}
  .dashboard-grid{grid-template-columns:minmax(0,1fr)}
  .right-rail{display:none}
  .people-grid,.app-grid{grid-template-columns:repeat(2,1fr)}
  .developer-grid{grid-template-columns:1fr}
  .classic-profile{grid-template-columns:1fr}
}