:root{--bg:#050505;--panel:#0d0d0e;--panel2:#141415;--line:#262628;--text:#f7f7f7;--muted:#96969c;--accent:#ff7a00;--accent2:#ff9d3b;--danger:#ff5b5b}html,body.sibayak-office-app{margin:0!important;padding:0!important;width:100%;min-height:100%;background:var(--bg)!important}body.sibayak-office-app{overflow:hidden}.sibayak-office-app #wpadminbar{display:none!important}.sib-office-root,.sib-office-root *{box-sizing:border-box}.sib-office-root{width:100vw;height:100vh;min-height:100dvh;background:radial-gradient(circle at 15% 10%,rgba(255,122,0,.11),transparent 31%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.brand{font-weight:900;letter-spacing:.12em;display:flex;align-items:center;gap:9px;white-space:nowrap}.brand b{color:var(--accent)}.brand-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px rgba(255,122,0,.75)}.auth-layout{width:100%;height:100%;display:grid;grid-template-columns:minmax(360px,46%) 1fr}.auth-brand-panel{padding:52px 64px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.hero-copy{margin:auto 0;max-width:560px}.eyebrow,.pill{font-size:10px;letter-spacing:.18em;font-weight:800;color:var(--accent)}.hero-copy h2{font-size:clamp(35px,4vw,62px);line-height:1.02;letter-spacing:-.045em;margin:18px 0 20px}.hero-copy p{font-size:16px;line-height:1.7;color:var(--muted)}.security-note{font-size:12px;color:var(--muted)}.auth-form-panel{display:flex;align-items:center;justify-content:center;padding:42px}.auth-box{width:min(460px,100%)}.auth-box h1{font-size:38px;letter-spacing:-.04em;margin:14px 0 8px}.auth-box>p{color:var(--muted);line-height:1.6;margin:0 0 24px}.auth-box label{display:block;font-size:12px;font-weight:700;color:#c8c8cb;margin:15px 0 7px}.auth-box input{width:100%;height:52px;padding:0 15px;border-radius:11px;border:1px solid var(--line);background:#0b0b0c;color:#fff;outline:none}.auth-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,122,0,.08)}.primary,.secondary{border:0;border-radius:11px;font-weight:850;cursor:pointer}.primary{width:100%;height:52px;background:var(--accent);color:#111;margin-top:18px;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.secondary{background:#1c1c1e;color:#fff;border:1px solid #303034;padding:0 17px}.otp-row{display:flex;gap:9px}.otp-row input{flex:1}.auth-footer{text-align:center;color:var(--muted);font-size:12px;margin-top:24px}.auth-footer a{color:#fff}.notice,#sib-reg-msg{padding:11px 13px;border-radius:9px;margin:12px 0;background:rgba(255,122,0,.08);border:1px solid rgba(255,122,0,.22);color:#ffc187;font-size:12px}.notice.error{color:#ff9b9b}
.workspace{width:100%;height:100%;display:grid;grid-template-columns:286px 1fr;background:var(--bg);transition:grid-template-columns .25s ease}.workspace aside{border-right:1px solid var(--line);padding:22px 15px;display:flex;flex-direction:column;background:#080809;min-width:0;overflow:hidden;transition:transform .25s ease,width .25s ease,padding .25s ease}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 7px}.icon-btn{width:36px;height:36px;border:1px solid var(--line);background:#111;color:#ddd;border-radius:10px;cursor:pointer}.close-sidebar{display:none}.me{margin:26px 0 22px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#101011;display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--accent);color:#111;font-weight:900;flex:0 0 auto}.me strong{font-size:12px;display:block}.me small{font-size:10px;color:var(--muted);display:flex;gap:5px;align-items:center;margin-top:4px}.me small i,.secure i{width:6px;height:6px;border-radius:50%;background:#62d989;display:inline-block}.workspace h4{font-size:9px;letter-spacing:.18em;color:#707076;padding:0 9px;margin:0 0 7px}.channel{width:100%;border:0;background:none;color:#a9a9ae;padding:12px 10px;text-align:left;border-radius:9px;font-weight:650;cursor:pointer;display:flex;align-items:center;position:relative}.channel span{color:#65656b;margin-right:9px}.channel em{font-style:normal;flex:1}.channel.active{background:rgba(255,122,0,.1);color:#fff}.channel.active span{color:var(--accent)}.channel-badge{min-width:18px;height:18px;border-radius:99px;background:var(--accent);color:#111;font-size:9px;display:none;place-items:center}.side-spacer{flex:1}.logout{color:#85858b;text-decoration:none;font-size:12px;padding:10px}.sidebar-backdrop{display:none}.workspace main{min-width:0;display:grid;grid-template-rows:76px 1fr auto;position:relative;overflow:hidden}.workspace main header{border-bottom:1px solid var(--line);padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:rgba(8,8,9,.96);z-index:4}.header-left,.header-actions{display:flex;align-items:center;gap:13px}.workspace main header strong{font-size:15px}.workspace main header small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.secure{font-size:10px;color:#929298;display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:7px 10px;border-radius:999px}.notif-btn{position:relative;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#111;color:#fff;cursor:pointer}.notif-btn b{position:absolute;right:-5px;top:-5px;background:var(--accent);color:#111;border-radius:99px;font-size:9px;min-width:17px;height:17px;display:none;place-items:center}.workspace.sidebar-collapsed{grid-template-columns:0 1fr}.workspace.sidebar-collapsed aside{width:0;padding-left:0;padding-right:0;border:0}
#messages{overflow-y:auto;padding:18px max(20px,6vw) 30px;scroll-behavior:auto}.history-loader{width:max-content;margin:0 auto 18px;color:#737379;font-size:10px;padding:6px 10px;border:1px solid #222;border-radius:99px}.loading-chat{color:var(--muted);font-size:12px}.msg{position:relative;max-width:min(680px,75%);background:#121214;border:1px solid #202023;margin:11px 0;padding:11px 13px;border-radius:5px 15px 15px 15px}.msg.mine{margin-left:auto;background:#18130f;border-color:#332317;border-radius:15px 5px 15px 15px}.msg.important{border-color:rgba(255,122,0,.6);box-shadow:0 0 0 1px rgba(255,122,0,.08)}.important-label{font-size:9px;letter-spacing:.08em;color:var(--accent);font-weight:900;margin-bottom:7px}.msg-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.msg-top>div:first-child{display:flex;gap:7px;align-items:center}.msg b{font-size:10px;color:var(--accent)}.msg-top span{font-size:9px;color:#666}.msg p{margin:7px 0;white-space:pre-wrap;line-height:1.55;font-size:13px}.msg p.deleted{color:#777;font-style:italic}.msg small{color:#6f6f75;font-size:9px}.mention{background:rgba(255,122,0,.13);color:#ffad61;border-radius:5px;padding:1px 3px}.msg-menu{border:0;background:none;color:#777;cursor:pointer;font-weight:900}.msg-actions{display:none;position:absolute;right:8px;top:31px;background:#171719;border:1px solid #29292c;border-radius:9px;padding:5px;z-index:5;box-shadow:0 8px 30px #0008}.msg-actions.open{display:grid}.msg-actions button{background:none;color:#ddd;border:0;text-align:left;padding:7px 11px;border-radius:6px;cursor:pointer}.msg-actions button:hover{background:#222}.media-link img,.msg video{display:block;max-width:100%;max-height:430px;border-radius:11px;margin:8px 0;background:#080808}.msg video{width:min(540px,100%)}
.composer-wrap{border-top:1px solid var(--line);background:#080809}.attachment-preview{padding:0 20px}.attachment-preview:empty{display:none}.attachment-chip{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;background:#131315;border:1px solid #2b2b2e;border-radius:11px;padding:7px 9px;margin-top:9px}.attachment-chip img,.attachment-chip video{width:46px;height:46px;object-fit:cover;border-radius:8px}.attachment-chip div{display:grid}.attachment-chip b{font-size:10px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-chip small{font-size:9px;color:#777}.attachment-chip button{border:0;background:none;color:#aaa;font-size:20px;cursor:pointer}.uploading{font-size:10px;color:#999;padding-top:10px}#message-form{display:flex;align-items:flex-end;gap:9px;padding:11px 20px 15px}#message-form textarea{flex:1;min-height:44px;max-height:120px;resize:none;background:#101011;border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:#fff;outline:none;font:inherit;font-size:13px}#message-form textarea:focus{border-color:#4a3320}.attach-btn,.important-btn{width:44px;height:44px;flex:0 0 44px;border:1px solid var(--line);border-radius:11px;background:#111;color:#ddd;font-size:20px;cursor:pointer}.important-btn{font-weight:900;color:#888}.important-btn.active{background:rgba(255,122,0,.14);border-color:var(--accent);color:var(--accent)}.send-btn{height:44px;border:0;border-radius:11px;padding:0 18px;background:var(--accent);color:#111;font-weight:900;cursor:pointer}.send-btn:disabled{opacity:.45}
.notification-panel{position:absolute;right:18px;top:68px;width:min(390px,calc(100vw - 36px));max-height:70vh;overflow:auto;background:#101011;border:1px solid #2b2b2e;border-radius:14px;z-index:10;display:none;box-shadow:0 20px 70px #000b}.notification-panel.show{display:block}.notification-head{position:sticky;top:0;background:#101011;display:flex;justify-content:space-between;align-items:center;padding:13px;border-bottom:1px solid #242426;z-index:2}.notification-head button{border:0;background:none;color:var(--accent);font-size:10px;cursor:pointer}.notif-item{width:100%;display:block;text-align:left;padding:12px 13px;border:0;border-bottom:1px solid #1f1f21;background:#101011;color:#ddd;cursor:pointer}.notif-item.unread{background:#17120e}.notif-item>b{font-size:10px;color:var(--accent)}.notif-item span,.notif-item p,.notif-item small{display:block}.notif-item span{font-size:10px;color:#999;margin-top:4px}.notif-item p{font-size:11px;margin:6px 0;line-height:1.45}.notif-item small{font-size:9px;color:#666}.empty-notif{padding:24px;color:#777;font-size:11px;text-align:center}.mention-toast{position:fixed;right:22px;bottom:22px;width:min(360px,calc(100vw - 44px));background:#17120e;border:1px solid #5e3a19;border-radius:14px;padding:14px;z-index:100;transform:translateY(30px);opacity:0;transition:.25s;box-shadow:0 20px 60px #000a}.mention-toast.show{transform:none;opacity:1}.mention-toast b{color:var(--accent);font-size:10px}.mention-toast span{display:block;font-size:11px;margin-top:5px}.mention-toast p{font-size:12px;color:#bbb;margin:7px 0 0;line-height:1.45}
.image-editor{position:fixed;inset:0;background:#000c;z-index:999;display:none;place-items:center;padding:20px}.image-editor.show{display:grid}.editor-card{width:min(900px,96vw);max-height:92vh;background:#0e0e0f;border:1px solid #2c2c2e;border-radius:16px;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto}.editor-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #252527}.editor-head button{border:0;background:none;color:#aaa;font-size:24px;cursor:pointer}.editor-stage{min-height:280px;max-height:64vh;display:grid;place-items:center;overflow:auto;background:#090909;padding:14px}.editor-stage canvas{max-width:100%;max-height:60vh}.editor-controls{display:flex;align-items:center;gap:12px;padding:12px;flex-wrap:wrap;border-top:1px solid #252527}.editor-controls button{border:1px solid #303034;background:#171719;color:#ddd;border-radius:9px;padding:8px 11px;cursor:pointer}.editor-controls label{font-size:10px;color:#999;display:flex;align-items:center;gap:6px}.editor-controls input[type=range]{width:100px}.editor-controls .primary-mini{background:var(--accent);color:#111;border-color:var(--accent);font-weight:900;margin-left:auto}
@media(max-width:900px){.auth-layout{grid-template-columns:1fr}.auth-brand-panel{display:none}.auth-form-panel{padding:28px}.workspace{grid-template-columns:1fr}.workspace aside{position:fixed;left:0;top:0;bottom:0;width:286px;z-index:30;transform:translateX(-105%);box-shadow:20px 0 60px #000c}.workspace aside.open{transform:none}.close-sidebar{display:block}.sidebar-backdrop{position:fixed;inset:0;background:#0008;z-index:29}.sidebar-backdrop.show{display:block}.workspace.sidebar-collapsed{grid-template-columns:1fr}.secure{display:none}#messages{padding:18px}.msg{max-width:88%}}
@media(max-width:540px){.auth-form-panel{padding:24px 18px}.auth-box h1{font-size:31px}.otp-row{flex-direction:column}.secondary{height:46px}.workspace main{grid-template-rows:66px 1fr auto}.workspace main header{padding:0 11px}.header-left{gap:8px}.workspace main header small{display:none}.notif-btn{width:34px;height:34px}.msg{max-width:92%}#message-form{padding:9px 10px 12px;gap:6px}.attach-btn,.important-btn{width:40px;height:40px;flex-basis:40px}.send-btn{width:46px;font-size:0;padding:0}.send-btn span{font-size:18px}.attachment-preview{padding:0 10px}.editor-controls{gap:8px}.editor-controls label{width:100%}.editor-controls .primary-mini{margin-left:0}}

/* v0.3.1 reliability + image pen */
.chat-error{position:absolute;left:50%;bottom:74px;transform:translate(-50%,12px);background:#2a120b;border:1px solid #7b321c;color:#ffd1c0;padding:9px 13px;border-radius:10px;font-size:11px;opacity:0;pointer-events:none;transition:.2s;z-index:20}.chat-error.show{opacity:1;transform:translate(-50%,0)}
#editor-canvas.pen-active{cursor:crosshair;touch-action:none}.editor-controls #pen-toggle.active{background:rgba(255,122,0,.16);border-color:var(--accent);color:var(--accent)}.editor-controls input[type=color]{width:34px;height:28px;border:1px solid #303034;background:#111;border-radius:6px;padding:2px}

/* v0.3.2 visual refinement */
:root{--bg:#000000;--panel:#080808;--panel2:#0e0e0e;--line:#242424;--text:#ffffff;--muted:#9b9b9b;--accent:#ff7900;--accent2:#ff9a32}
.sib-office-root{background:#000!important;color:#fff!important}
.workspace,.workspace main,#messages,.composer-wrap,#office-sidebar{background:#000!important}
.workspace main header{background:#000!important}
.channel.active{background:rgba(255,121,0,.15)!important;color:#fff!important}
.channel.active span,.channel:hover span{color:var(--accent)!important}
.primary,.send-btn{background:var(--accent)!important;color:#090909!important}
.message-input-wrap{position:relative;flex:1;min-width:0}
.message-input-wrap #message-input{width:100%}
.send-btn{width:46px!important;height:46px!important;min-width:46px!important;padding:0!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:0!important;box-shadow:0 0 0 1px rgba(255,121,0,.12)}
.send-btn .send-icon{font-size:18px!important;line-height:1;transform:translateX(1px)}
.attach-btn{border-radius:50%!important;background:#0b0b0b!important;color:#fff!important}
.field-help{display:block;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.4}
.mention-suggestions{display:none;position:absolute;left:0;right:0;bottom:calc(100% + 8px);max-height:280px;overflow:auto;background:#0b0b0b;border:1px solid #2b2b2b;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.7);z-index:40;padding:6px}
.mention-suggestions.show{display:block}
.mention-option{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#fff;text-align:left;padding:9px 10px;border-radius:10px;cursor:pointer}
.mention-option:hover,.mention-option:focus{background:rgba(255,121,0,.14);outline:none}
.mention-avatar{width:31px;height:31px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#090909;font-weight:900;flex:0 0 31px}
.mention-option>span:last-child{display:grid;gap:2px}.mention-option b{font-size:11px}.mention-option small{font-size:9px;color:#8c8c8c}
.msg{background:#101010!important;border-color:#242424!important}.msg.mine{background:#130c07!important;border-color:#3a2414!important}
.notif-btn{background:#0a0a0a!important}.notification-panel,.notification-head,.notif-item{background:#080808!important}
@media(max-width:540px){.send-btn{width:42px!important;height:42px!important;min-width:42px!important}.mention-suggestions{position:fixed;left:10px;right:10px;bottom:66px}}