:root{--pks:#f58220;--dark:#15202b;--bg:#eef2f5;--line:#dde3e8}*{box-sizing:border-box}body:has(#pksc-app){margin:0;background:var(--bg)}#pksc-app{height:100vh;max-height:100vh;display:grid;grid-template-columns:350px 1fr;background:#fff;font-family:Arial,sans-serif;color:#1f2937}#pksc-app aside{border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.brand{padding:18px 20px;background:var(--dark);color:#fff;display:flex;gap:7px;align-items:center}.brand span{color:var(--pks);font-weight:800}.me{padding:12px 16px;display:flex;gap:10px;align-items:center;background:#fafafa}.me img,.sender img,.person img{width:38px;height:38px;border-radius:50%;object-fit:cover}.me small,.person small{display:block;color:#6b7280;margin-top:3px}#pksc-search{margin:12px;border:0;background:#f1f3f5;border-radius:10px;padding:11px}nav{display:grid;grid-template-columns:1fr 1fr;padding:0 10px;gap:6px}nav button,#pksc-new{border:0;background:#fff;padding:9px;text-align:left;cursor:pointer;border-radius:8px}nav button:hover{background:#f5f5f5}#pksc-new{margin:8px 12px;background:var(--pks);color:#fff;text-align:center;font-weight:700}#pksc-convs{overflow:auto}.conv{padding:12px;display:flex;gap:10px;align-items:center;cursor:pointer;border-bottom:1px solid #f1f1f1}.conv:hover,.conv.active{background:#fff4e9}.avatar{width:42px;height:42px;border-radius:50%;background:#e8edf1;display:grid;place-items:center}.ct{min-width:0;flex:1}.ct b,.ct small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct small{color:#7a828b;margin-top:5px}.unread{background:var(--pks);color:#fff;border-radius:15px;min-width:22px;text-align:center;padding:3px 6px;font-size:12px}main{display:grid;grid-template-rows:68px 1fr 64px;min-width:0}main header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);background:#fafafa}main header small{display:block;color:#777;margin-top:4px}.head-actions{display:flex;gap:15px;align-items:center}.head-actions a{cursor:pointer;color:#555;text-decoration:none}#pksc-messages{overflow:auto;padding:24px;background:#efeae2}.empty{height:100%;display:grid;place-items:center;color:#777}.msg{max-width:70%;background:#fff;border-radius:10px;padding:8px 11px;margin:7px 0;box-shadow:0 1px 1px #0001}.msg.me{margin-left:auto;background:#d9fdd3}.sender{font-size:12px;font-weight:700;color:#d16a10;display:flex;align-items:center;gap:5px;margin-bottom:5px}.sender img{width:20px;height:20px}.msg time{display:block;text-align:right;color:#778;font-size:10px;margin-top:5px}.attach{display:block;margin-top:8px;padding:9px;background:#f2f3f4;border-radius:7px;color:#333;text-decoration:none}main footer{display:flex;align-items:center;gap:9px;padding:10px 15px;background:#fafafa;border-top:1px solid var(--line)}main footer textarea{flex:1;border:1px solid #ddd;border-radius:18px;padding:10px 14px;resize:none}main footer button{border:0;background:transparent;font-size:22px;cursor:pointer}#pksc-send{background:var(--pks);color:#fff;border-radius:50%;width:42px;height:42px}.people,.ann-list,.profile-form{max-width:900px;margin:auto}.person{background:#fff;padding:12px 15px;margin:8px;border-radius:10px;display:flex;gap:12px;align-items:center}.person div{flex:1}.person button,.profile-form button,.modal-card button[type=submit]{border:0;background:var(--pks);color:#fff;border-radius:7px;padding:9px 16px}.ann{background:#fff;border-radius:10px;padding:18px;margin:12px}.ann.important{border-left:5px solid var(--pks)}.profile-form{background:#fff;padding:20px;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-form label,.modal-card label{font-weight:700;font-size:13px}.profile-form input,.profile-form textarea,.modal-card input,.modal-card select{display:block;width:100%;padding:10px;border:1px solid #ddd;border-radius:7px;margin-top:5px}.profile-form button{grid-column:1/-1}.modal{display:none;position:fixed;inset:0;background:#0007;z-index:99999;place-items:center}.modal.show{display:grid}.modal-card{background:#fff;width:min(600px,92vw);max-height:85vh;overflow:auto;border-radius:14px;padding:22px;position:relative}.modal-card .close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:25px}.picks{max-height:250px;overflow:auto;border:1px solid #eee;padding:8px;margin:8px 0}.pick{display:block;padding:6px}.pksc-login{max-width:420px;margin:70px auto;padding:30px;background:#fff;border-radius:15px;box-shadow:0 10px 40px #0002}.pksc-login input{max-width:100%}@media(max-width:760px){#pksc-app{grid-template-columns:115px 1fr}.brand{padding:14px 8px;display:block}.me{padding:8px}.me div{display:none}#pksc-search{margin:7px;width:100px}nav{grid-template-columns:1fr;padding:4px}nav button{font-size:11px}#pksc-new{margin:6px;font-size:11px}.conv{padding:8px}.conv .ct{display:none}.conv .unread{position:absolute;margin-left:28px;margin-top:-28px}.profile-form{grid-template-columns:1fr;padding:12px}#pksc-messages{padding:10px}.msg{max-width:88%}}
#pksc-replybar{padding:8px 14px;background:#f3f4f6;border-left:4px solid #f58220;font-size:13px}#pksc-replybar button{float:right;border:0;background:none}.msg{position:relative}.msg-actions{display:none;position:absolute;right:6px;top:-18px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0002;padding:2px;z-index:3}.msg:hover .msg-actions{display:block}.msg-actions button{border:0;background:transparent;cursor:pointer;padding:3px}.quoted{border-left:3px solid #f58220;padding:5px 8px;margin-bottom:5px;background:#00000008;font-size:12px}.reaction{display:inline-block;padding:2px 6px;border-radius:10px;background:#fff;margin:3px 2px 0 0;font-size:12px}#pksc-mute{border:0;background:transparent;cursor:pointer}.person small{display:block}.msg i{opacity:.6}

#pksc-install{margin:0 12px 8px;border:1px solid var(--pks);background:#fff7ef;color:#a64d00;padding:9px;border-radius:8px;font-weight:700;cursor:pointer}
.admin-center{padding:18px;overflow:auto}.admin-stats{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:10px;margin-bottom:18px}.admin-stats article,.admin-panel{background:#fff;border:1px solid #e6e9ed;border-radius:12px;padding:14px}.admin-stats b{font-size:24px;display:block}.admin-stats span{font-size:12px;color:#667}.admin-panel{margin-bottom:14px}.admin-panel form{display:grid;gap:8px}.admin-panel input,.admin-panel textarea,.admin-panel select{padding:9px;border:1px solid #ccd3da;border-radius:8px}.admin-user{display:grid;grid-template-columns:minmax(220px,2fr) 1fr 1fr auto auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.admin-user small{display:block;color:#778}.admin-user button,.admin-panel button{border:0;border-radius:8px;padding:9px 12px;cursor:pointer}@media(max-width:900px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-user{grid-template-columns:1fr}.admin-center{padding:10px}}
.admin-row{display:flex;gap:8px;margin-bottom:10px}.division-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #dde3e8;border-radius:10px;margin:8px 0;background:#fff}.division-card small{display:block;margin-top:4px;color:#68747e}#admin-create-user{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#admin-create-user input,#admin-create-user select{padding:10px;border:1px solid #ccd4da;border-radius:8px}#admin-create-user button{grid-column:1/-1}@media(max-width:700px){#admin-create-user{grid-template-columns:1fr}.division-card{align-items:flex-start;flex-direction:column}}

#pksc-groupinfo{border:0;background:transparent;cursor:pointer;font-size:18px}.group-info{text-align:center}.group-photo{width:92px;height:92px;border-radius:50%;object-fit:cover;margin:auto}.group-photo.placeholder{display:grid;place-items:center;background:#eef1f4;font-size:36px}.group-info>p{color:#667}.group-info form{text-align:left;margin:16px 0;padding:12px;background:#f7f8fa;border-radius:10px}.group-info textarea,.group-info select{display:block;width:100%;padding:9px;margin:5px 0 10px;border:1px solid #ccd4da;border-radius:8px}.group-tabs{display:flex;gap:8px;margin:12px 0}.group-tabs button,.group-info form button{border:0;padding:9px 12px;border-radius:8px;cursor:pointer}.gmember{display:flex;align-items:center;gap:9px;text-align:left;padding:9px 0;border-bottom:1px solid #eee}.gmember img{width:38px;height:38px;border-radius:50%}.gmember div{flex:1}.gmember small{display:block;color:#778}.gmember button{font-size:11px}.group-media{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.group-media img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.group-media .doc{grid-column:1/-1;text-align:left;padding:9px;background:#f2f4f6;border-radius:8px;text-decoration:none;color:#333}.danger{margin-top:16px;border:0;background:#b42318!important;color:#fff;padding:10px 14px;border-radius:8px}
/* v1.8.1 — UI aligned with interactive demo */
:root{--pks:#f36b21;--dark:#102f46;--dark2:#173f5c;--bg:#eef2f5;--line:#dde4e9;--muted:#71808d;--green:#24a148}
body:has(#pksc-app),body:has(.pksc-login-shell){margin:0!important;background:#dfe6eb!important}
#pksc-app{height:100vh;max-height:100vh;display:grid;grid-template-columns:78px 340px minmax(0,1fr);background:#fff;font-family:Arial,sans-serif;color:#18232c;max-width:1600px;margin:auto}
.pksc-rail{background:var(--dark);padding:14px 9px;display:flex!important;flex-direction:column;align-items:center;gap:9px;grid-column:1;grid-row:1;border:0}
.pksc-rail .rail-logo{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--pks);color:#fff;font-weight:900;margin-bottom:10px}
.pksc-rail button,.pksc-rail .rail-logout{width:60px;min-height:54px;border:0!important;border-radius:10px;background:transparent!important;color:#dce8ef!important;text-align:center!important;padding:7px 3px!important;text-decoration:none;cursor:pointer;font-size:11px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px}
.pksc-rail button b,.pksc-rail .rail-logout b{font-size:20px;line-height:1}.pksc-rail button:hover,.pksc-rail .rail-logout:hover{background:#ffffff18!important;color:#fff!important}.rail-logout{margin-top:auto}
#pksc-app aside.pksc-sidebar{grid-column:2;grid-row:1;border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden;background:#fff}
.side-brand{height:64px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f2}.side-brand strong{font-size:20px}.side-brand small{display:block;color:var(--pks);font-weight:800;text-transform:uppercase;letter-spacing:.8px}.side-brand #pksc-new{margin:0;width:38px;height:38px;border-radius:9px;background:#f2f5f6;color:#243746;font-size:18px;padding:0}
.me{padding:10px 16px;background:#fff;border-bottom:1px solid #f0f2f3}.side-search{padding:12px 16px 8px}.side-search #pksc-search{margin:0;width:100%;border:0;background:#f0f3f5;border-radius:9px;padding:11px 12px}.side-tools{padding:0 16px 9px;display:flex;gap:6px}.side-tools button{font-size:11px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:6px 9px}.side-tools #pksc-install{margin:0;color:#b94b0e}
#pksc-convs{overflow:auto;flex:1}.conv{padding:11px 14px;gap:10px;border-top:1px solid #f1f3f4;border-bottom:0}.conv:hover,.conv.active{background:#f7f9fa}.conv .avatar{width:46px;height:46px;background:var(--pks);color:#fff;font-weight:800}.ct b{font-size:14px}.ct small{font-size:12px;color:var(--muted)}.unread{background:var(--green);min-width:20px;height:20px;padding:3px 6px}
#pksc-app main{grid-column:3;grid-row:1;display:grid;grid-template-rows:72px auto 1fr 64px;min-width:0;background:#f4efe9}#pksc-app main header{height:72px;background:#fff;padding:10px 18px;border-bottom:1px solid var(--line)}.chat-ident{display:flex;align-items:center;gap:11px}.chat-avatar{width:44px;height:44px;border-radius:50%;background:var(--pks);color:#fff;display:grid;place-items:center;font-weight:800}.head-actions{gap:7px}.head-actions button{border:0!important;background:#f3f5f6!important;border-radius:9px!important;padding:9px!important;cursor:pointer;color:#263947}
#pksc-messages{background:linear-gradient(#f4efe9e8,#f4efe9e8),radial-gradient(#d8cfc6 1px,transparent 1px);background-size:auto,18px 18px;padding:22px}.msg{max-width:650px}.msg.me{background:#dcf8d4}.sender{color:#23885b}.attach{background:#f2f4f5}.empty{color:#71808d}
#pksc-compose{background:#fff;border-top:1px solid var(--line);padding:11px 15px}#pksc-compose textarea{border:1px solid var(--line);border-radius:22px;padding:11px 15px;background:#fff}#pksc-compose>button:not(#pksc-send){background:#f3f5f6;border-radius:9px;font-size:18px;width:40px;height:40px}#pksc-send{background:var(--pks);width:42px;height:42px}
.pksc-login-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0d2b41,#1b5577);padding:20px}.pksc-login{width:min(390px,92vw);margin:0;background:#fff;border-radius:18px;padding:34px;box-shadow:0 20px 60px #0004;text-align:center}.login-logo{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--pks);color:#fff;font-weight:900;margin:auto;font-size:18px}.pksc-login h2{font-size:25px;margin:12px 0 4px}.pksc-login p{color:var(--muted)}.pksc-login form{text-align:left}.pksc-login input[type=text],.pksc-login input[type=password]{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:9px}.pksc-login input[type=submit]{width:100%;border:0;background:var(--pks);color:#fff;border-radius:9px;padding:12px 16px;font-weight:700}.pksc-login small{color:var(--muted)}
.admin-center{padding:24px;background:#f5f7f8;min-height:100%}.admin-center:before{content:'ADMIN CENTER';display:block;font-size:11px;color:var(--pks);font-weight:800;letter-spacing:1px;margin-bottom:8px}.admin-stats{grid-template-columns:repeat(5,minmax(120px,1fr));gap:14px}.admin-stats article,.admin-panel{border:1px solid var(--line);box-shadow:none}.admin-stats b{font-size:26px}.admin-panel{padding:18px}.admin-panel button{background:var(--pks);color:#fff}.admin-user{background:#fff}.division-card{background:#fff}
.modal-card{border-radius:14px;box-shadow:0 20px 60px #0003}.group-info .group-photo.placeholder{background:var(--pks);color:#fff}
@media(max-width:900px){#pksc-app{grid-template-columns:72px 290px minmax(0,1fr)}.admin-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){#pksc-app{grid-template-columns:64px 112px minmax(0,1fr)}.pksc-rail{padding-left:3px;padding-right:3px}.pksc-rail button,.pksc-rail .rail-logout{width:55px}.pksc-rail button span,.pksc-rail .rail-logout span{font-size:9px}.side-brand{padding:8px}.side-brand div{display:none}.me{padding:7px}.me div{display:none}.side-search{padding:7px}.side-search #pksc-search{font-size:10px;padding:8px}.side-tools{display:none}.conv{padding:8px}.conv .ct{display:none}.conv .unread{position:absolute;margin-left:29px;margin-top:-28px}#pksc-messages{padding:10px}.msg{max-width:88%}.chat-ident .chat-avatar{display:none}.head-actions{gap:3px}.head-actions button{padding:7px!important}}