@charset "UTF-8";
.channel-nav-row{display:flex;align-items:center;position:relative}.channel-nav-row>.channel-item,.channel-nav-row>.dm-item{flex:1;min-width:0;padding-right:35px}.channel-more{position:absolute;right:4px;top:6px;background:transparent;color:inherit;border:0;border-radius:6px;width:28px;height:30px;opacity:0}.channel-nav-row:hover .channel-more,.channel-nav-row:focus-within .channel-more{opacity:1}.channel-more:hover{background:#ffffff25}.context-menu{position:fixed;z-index:1000;width:260px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:6px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 30px #30292c30;color:var(--ink)}.context-menu-title{padding:8px 10px;font-size:calc(11px * var(--font-scale,1));color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-menu button{display:block;width:100%;text-align:left;border:0;background:white;padding:9px 10px;border-radius:7px;color:inherit}.context-menu button:hover,.context-menu button:focus{background:var(--rose)}.context-menu button small{display:block;font-size:calc(10px * var(--font-scale,1));font-weight:400;color:var(--muted)}.context-menu button:disabled{opacity:.6}.edited-label{white-space:nowrap}.message-meta{flex-wrap:wrap}.search-result>[data-menu-message]{float:right}.message-row:focus-visible{outline:2px solid var(--wine);outline-offset:-2px}dialog select{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:white}@media(hover:none),(max-width:760px){.channel-more,.message-tools{opacity:1!important}.channel-more{width:32px;min-height:34px}.message-tools button{min-width:32px;min-height:34px}}
.leave-balances{grid-template-columns:repeat(5,minmax(0,1fr))!important}.leave-balances .balance-card{padding:16px}.leave-balances .balance-card strong{font-size:calc(27px * var(--font-scale,1))}.leave-policy{font-size:calc(12px * var(--font-scale,1));color:var(--muted);margin:0 0 22px;padding:12px 16px;border:1px solid var(--line);border-radius:9px;background:white}.leave-policy summary{cursor:pointer;font-weight:600;color:var(--cocoa)}.team-away{background:#f4eeeb;border-radius:12px;padding:14px 18px;margin-bottom:20px}.team-away h2{font-size:calc(14px * var(--font-scale,1));margin:0 0 10px}.team-away h2 small{font-size:calc(11px * var(--font-scale,1));color:var(--muted);font-weight:400;margin-left:10px}.team-away .calendar-subtitle{margin:0}#todayAway{display:flex;gap:8px;flex-wrap:wrap}.away-person small{color:var(--muted);margin-left:5px}.calendar-controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin-bottom:16px}.calendar-controls label{display:block;font-size:calc(11px * var(--font-scale,1));color:var(--muted);margin-bottom:4px}.calendar-controls select,.calendar-controls input{padding:8px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);max-width:100%}.calendar-controls form{margin-left:auto}.calendar-controls form label{display:block}.calendar-controls form button{margin-left:4px}#leaveFields{border:0;padding:0;margin:0;min-width:0}.form-row textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:10px}.leave-preview{padding:12px;background:var(--rose);font-size:calc(12px * var(--font-scale,1));border-radius:8px;margin:16px 0;color:var(--wine)}.leave-preview small{display:block;font-size:calc(11px * var(--font-scale,1));margin-top:8px}.detail-note{white-space:pre-wrap;overflow-wrap:anywhere}.leave-history{max-height:50vh;overflow:auto;font-size:calc(12px * var(--font-scale,1))}.leave-history article{border-bottom:1px solid var(--line);padding:10px 0}.leave-history small{color:var(--muted)}.leave-history p{margin:4px 0}.fc-list-event-title{cursor:pointer}
@media(max-width:760px){.leave-balances{grid-template-columns:repeat(2,minmax(0,1fr))!important}.leave-balances .balance-card:last-child{grid-column:1/-1}.leave-balances .balance-card{padding:10px 14px}.leave-balances .balance-card strong{font-size:calc(23px * var(--font-scale,1))}.calendar-controls{gap:10px}.calendar-controls>div{flex:1;min-width:0}.calendar-controls select{width:100%}.calendar-controls form{margin-left:0;width:100%}.calendar-controls form input{width:calc(100% - 70px)}.leave-policy{padding:10px}.calendar-main .room-header{align-items:start;flex-wrap:wrap}.calendar-main .header-actions{margin-left:auto}.team-away{padding:12px}}
.app-shell{width:calc(100% - 48px)}@media(max-width:1200px){.app-shell{width:100%}}
.calendar-navigation{word-break:keep-all;overflow-wrap:break-word}
:root{--cocoa:#735556;--cocoa-dark:#573d40;--wine:#73444d;--rose:#f3eaeb;--canvas:#f6f3f0;--ink:#30292c;--muted:#82777a;--line:#ebe5e3;--danger:#ae353e;--shadow:0 12px 40px #33212512;--scroll-thumb:#b9aaa7;--scroll-thumb-hover:#947b78}
*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar-thumb{min-height:36px;border:2px solid transparent;border-radius:999px;background:var(--scroll-thumb);background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-thumb-hover)}*::-webkit-scrollbar-button{display:none;width:0;height:0}.sidebar,.sidebar *{scrollbar-color:#ffffff70 transparent}.sidebar *::-webkit-scrollbar-thumb{background-color:#ffffff70}.sidebar *::-webkit-scrollbar-thumb:hover{background-color:#ffffffa0}body{margin:0;color:var(--ink);font:calc(14px * var(--font-scale,1))/1.65 var(--user-font-family,"Pretendard","Malgun Gothic",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);background:var(--canvas)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bf9699;outline-offset:3px}[hidden]{display:none!important}
.app-shell{display:flex;max-width:1720px;margin:24px auto;height:calc(100dvh - 48px);min-height:480px;border-radius:18px;overflow:hidden;background:white;box-shadow:var(--shadow);border:1px solid #e4dbd8}
.sidebar{width:280px;flex-shrink:0;background:linear-gradient(155deg,#7a6060,#634b4e);color:#fdf8f5;display:flex;flex-direction:column;padding:26px 18px 18px}
.brand{display:flex;align-items:center;gap:10px;padding:0 14px 28px;text-decoration:none;font-weight:700;font-size:calc(29px * var(--font-scale,1));letter-spacing:-1px}.brand img{width:32px;height:32px;object-fit:contain;filter:brightness(0) invert(1);opacity:.85}.brand-small{margin-left:auto;font-size:calc(9px * var(--font-scale,1));letter-spacing:2px;font-weight:400;opacity:.7}
.primary-nav{display:grid;gap:6px;margin-bottom:22px}.primary-nav a{display:flex;gap:14px;align-items:center;padding:12px 18px;text-decoration:none;border-radius:12px;font-size:calc(15px * var(--font-scale,1))}.primary-nav span{font-size:calc(22px * var(--font-scale,1));font-weight:400}.primary-nav a:hover{background:#ffffff10}body[data-page=chat] .nav-chat,body[data-page=calendar] .nav-calendar{background:#39212536;font-weight:700}
.chat-navigation{overflow:auto;flex:1}.nav-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 12px 8px}.nav-heading h2{font-size:calc(12px * var(--font-scale,1));margin:0;color:#e5d9d8;font-weight:600}.icon-button{border:0;background:none;color:inherit;font-size:calc(21px * var(--font-scale,1));border-radius:7px;min-width:36px;height:36px}.icon-button:hover{background:#ffffff16}
.channel-item,.dm-item{display:flex;gap:10px;align-items:center;text-align:left;width:100%;border:0;padding:9px 14px;border-radius:9px;color:inherit;background:none;font-size:calc(14px * var(--font-scale,1));min-height:42px}.channel-item:hover,.dm-item:hover{background:#ffffff12}.channel-item.active,.dm-item.active{background:var(--wine);font-weight:700}.channel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-symbol{opacity:.7;width:18px;font-size:calc(19px * var(--font-scale,1))}.badge{margin-left:auto;flex-shrink:0;background:#fff8f1;color:var(--wine);border-radius:20px;font-size:calc(11px * var(--font-scale,1));min-width:20px;padding:0 5px;text-align:center;font-weight:700}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:#e8dddd;color:var(--cocoa-dark);font-size:calc(13px * var(--font-scale,1));font-weight:700}.dm-item .avatar{width:28px;height:28px;font-size:calc(11px * var(--font-scale,1));background:#d9c7c2}.side-empty{font-size:calc(12px * var(--font-scale,1));color:#e5d8d6;padding:8px 14px}.sidebar-footer{margin-top:auto;border-top:1px solid #ffffff25;padding:17px 8px 0}.account-button{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;text-align:left;color:inherit;padding:4px}.account-button>span:nth-child(2){flex:1;min-width:0}.account-button strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(13px * var(--font-scale,1))}.account-button small{display:block;font-size:calc(11px * var(--font-scale,1));color:#e1d2d2}.connection{font-size:calc(10px * var(--font-scale,1));color:#ded2d1;display:flex;gap:6px;margin:14px 2px 0;align-items:flex-start}.status-dot{background:#adc5ab;border-radius:50%;width:6px;height:6px;flex-shrink:0;margin-top:5px}.calendar-navigation{flex:1;padding:8px 14px}.calendar-navigation a{text-decoration:none;font-weight:600}.side-note{font-size:calc(20px * var(--font-scale,1));line-height:1.6;color:#eadcda;margin:20px 0 30px}body[data-page=chat] .calendar-navigation,body[data-page=calendar] .chat-navigation{display:none}
.main-area{display:flex;flex-direction:column;flex:1;min-width:0;position:relative;background:#fff}.room-header{min-height:96px;padding:22px 32px;border-bottom:1px solid var(--line);display:flex;gap:14px;align-items:center}.room-heading{min-width:0;flex:1}.room-heading h1{font-size:calc(21px * var(--font-scale,1));margin:0;letter-spacing:-.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-heading p{color:var(--muted);font-size:calc(12px * var(--font-scale,1));margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;gap:5px}.header-actions button{border:0;background:none;color:var(--muted);padding:8px;border-radius:8px}.header-actions button:hover{background:var(--rose)}.mobile-menu{display:none}
.toolbar{padding:17px 32px 12px;display:flex;gap:10px;align-items:center}.search-form{display:flex;flex:1;min-width:80px;border:1px solid var(--line);background:#fcfbfa;border-radius:9px}.search-form input{min-width:0;flex:1;border:0;background:none;padding:10px 12px;outline-offset:0}.search-form button{background:none;border:0;color:var(--muted);padding:8px 12px}.filter-button{border:1px solid transparent;color:#76696c;background:#f6f3f2;padding:8px 12px;border-radius:8px;font-size:calc(12px * var(--font-scale,1));white-space:nowrap}.filter-button[aria-pressed=true]{background:var(--rose);border-color:#ceb6b9;color:var(--wine)}.message-scroll{flex:1;overflow:auto;overscroll-behavior:contain;min-height:0;padding:6px 26px 20px;scroll-behavior:auto}.message-row{display:flex;align-items:flex-start;gap:12px;padding:13px 8px;position:relative;border-radius:10px}.message-row:hover,.message-row:focus-within{background:#faf8f7}.message-main{min-width:0;flex:1}.message-meta{display:flex;gap:10px;align-items:baseline}.sender{font-weight:700;font-size:calc(14px * var(--font-scale,1))}.time{font-size:calc(11px * var(--font-scale,1));color:#a09698}.content{font-size:calc(14px * var(--font-scale,1));white-space:pre-wrap;overflow-wrap:anywhere;margin-top:3px;line-height:1.8}.mention{color:var(--wine);background:#f3e5e8;padding:0 3px;border-radius:4px}.date-divider{display:flex;align-items:center;gap:15px;margin:20px 8px 10px;color:#918387;font-size:calc(11px * var(--font-scale,1))}.date-divider:before,.date-divider:after{content:"";height:1px;background:var(--line);flex:1}.date-divider span{padding:3px 12px;background:#f6f3f2;border-radius:6px}.message-tools{display:flex;gap:2px;opacity:0}.message-row:hover .message-tools,.message-row:focus-within .message-tools{opacity:1}.message-tools button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:2px 7px;color:var(--muted)}.reaction-strip{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.reaction-btn{border:1px solid var(--line);border-radius:7px;background:#faf8f6;padding:1px 7px;font-size:calc(12px * var(--font-scale,1))}.reaction-btn.mine{border-color:#c59da4;background:#f6e9ec;color:var(--wine)}
.input-area{display:flex;gap:10px;padding:16px 30px 20px;align-items:flex-end;border-top:1px solid var(--line);background:#fff}.input-wrap{position:relative;flex:1;min-width:0}.input-wrap textarea{resize:none;min-height:50px;max-height:150px;width:100%;border:1px solid #dfd6d5;border-radius:9px;padding:13px 14px;display:block}.composer-hint{color:#a39699;font-size:calc(10px * var(--font-scale,1));margin:5px 2px 0}.primary-button,#sendBtn,.btn{border:0;background:var(--wine);color:#fff;border-radius:8px;padding:10px 18px;font-weight:600;min-height:42px}.primary-button:hover,#sendBtn:hover,.btn:hover{background:var(--cocoa-dark)}#sendBtn{margin-bottom:21px}.subtle-button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:8px;padding:8px 12px}.danger{color:var(--danger)!important}.btn-danger{background:var(--danger)}.mention-dropdown{position:absolute;bottom:100%;margin-bottom:6px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:9px;max-height:180px;overflow:auto;min-width:220px;z-index:6}.mention-dropdown button{display:block;width:100%;text-align:left;background:#fff;border:0;padding:9px 12px}.mention-dropdown button:hover{background:var(--rose)}
.empty-state{margin:auto;padding:40px;max-width:450px;text-align:center;color:var(--muted)}.empty-state .empty-mark{width:62px;opacity:.2;margin-bottom:18px}.empty-state h2{font-size:calc(22px * var(--font-scale,1));color:var(--ink);margin:6px 0}.empty-state p{font-size:calc(13px * var(--font-scale,1))}.error,.chat-error{background:#fff0ef;color:#9c3339;border:1px solid #f2d6d5;border-radius:8px;padding:10px 14px;font-size:calc(12px * var(--font-scale,1));margin:10px 30px}.error:empty{display:none}.chat-login{margin:0 30px;color:var(--wine)}.load-older{align-self:center;margin:6px;padding:5px 14px;font-size:calc(12px * var(--font-scale,1))}.search-panel{flex:1;overflow:auto;min-height:0;padding:8px 30px}.search-summary{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:calc(12px * var(--font-scale,1));margin:10px 0}.search-result{border-bottom:1px solid var(--line);padding:15px 0}.search-result p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0}.search-result small{color:var(--muted)}.search-pagination{display:flex;gap:12px;justify-content:center;margin:20px}
dialog{border:1px solid var(--line);border-radius:16px;padding:26px;width:min(460px,calc(100vw - 30px));max-height:85dvh;overflow:auto;color:var(--ink);box-shadow:0 20px 100px #3019232b}dialog::backdrop{background:#30242b66}dialog h2{font-size:calc(20px * var(--font-scale,1));margin:0 0 6px}dialog p{color:var(--muted);font-size:calc(13px * var(--font-scale,1))}dialog label{display:block;font-size:calc(12px * var(--font-scale,1));font-weight:600;margin:16px 0 6px}dialog input:not([type=checkbox]),dialog textarea,dialog select{width:100%;border:1px solid #ded4d3;padding:10px;border-radius:7px}dialog textarea{resize:vertical;min-height:100px}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:22px}.dialog-error{color:var(--danger);font-size:calc(12px * var(--font-scale,1))}.member-list{padding:0;list-style:none}.member-list li{display:flex;gap:10px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}.member-choice{display:flex;gap:12px;align-items:center;border:0;background:#fff;width:100%;padding:10px;text-align:left}.member-choice:hover{background:var(--rose)}.emoji-picker{display:flex;gap:8px;flex-wrap:wrap;padding:15px 0}.emoji-picker button{font-size:calc(24px * var(--font-scale,1));border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px}
.calendar-main{overflow:auto;flex:1;min-width:0;background:#fcfbfa}.calendar-content{padding:28px 32px}.balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}.balance-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px}.balance-card small{display:block;color:var(--muted);font-size:calc(12px * var(--font-scale,1))}.balance-card strong{font-size:calc(30px * var(--font-scale,1));line-height:1.8;letter-spacing:-1px}.balance-card:last-child{background:var(--rose);border-color:transparent;color:var(--wine)}.calendar-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px}.cal-wrap{padding:22px;background:white;border:1px solid var(--line);border-radius:12px;min-width:0}.side-panel{background:#fff;border:1px solid var(--line);padding:22px;border-radius:12px;align-self:start}.side-panel h2{font-size:calc(17px * var(--font-scale,1));margin:0 0 12px}.form-row{margin:13px 0}.form-row label{display:block;font-size:calc(12px * var(--font-scale,1));color:var(--muted);margin-bottom:5px}.form-row input,.form-row select{width:100%;padding:10px;border:1px solid #e1d8d6;border-radius:7px;background:#fff;color:var(--ink)}.side-panel .btn{width:100%;margin:6px 0}.side-panel .error{margin:10px 0}.warn{padding:18px;background:#f7eddc;border-radius:9px;margin-bottom:22px;color:#72582e;font-size:calc(13px * var(--font-scale,1))}.warn label{margin:0 10px}.warn input{padding:6px;border:1px solid #d8c8b0;border-radius:6px}.warn button{margin:6px}.calendar-subtitle{font-size:calc(12px * var(--font-scale,1));color:var(--muted);margin:6px 0 20px}.fc{--fc-border-color:#eee8e6;--fc-button-bg-color:#735556;--fc-button-border-color:#735556;--fc-button-hover-bg-color:#573d40;--fc-button-hover-border-color:#573d40;--fc-button-active-bg-color:#573d40;--fc-button-active-border-color:#573d40;--fc-today-bg-color:#faf1ec;font-size:calc(12px * var(--font-scale,1))}.fc .fc-toolbar-title{font-size:calc(20px * var(--font-scale,1))}.fc .fc-button{font-size:calc(12px * var(--font-scale,1));padding:6px 10px}.fc .fc-daygrid-day-number{padding:8px}.fc .fc-col-header-cell-cushion{padding:8px}.fc-event{cursor:pointer}.calendar-legend{font-size:calc(11px * var(--font-scale,1));color:var(--muted);margin-top:12px}.calendar-legend span{color:var(--wine)}.login-page{min-height:100dvh;display:flex;justify-content:center;align-items:center;padding:24px}.login-card{padding:48px;max-width:460px;width:100%;border-radius:20px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line)}.login-card .brand{padding:0;color:var(--cocoa);margin-bottom:48px}.login-card .brand img{filter:none;opacity:1}.login-card h1{font-size:calc(28px * var(--font-scale,1));letter-spacing:-1px}.login-card p{color:var(--muted);font-size:calc(14px * var(--font-scale,1))}#googleButton{margin:26px 0;min-height:44px}.login-card #errorBox{background:#fff0ef;padding:12px;border-radius:8px;color:var(--danger)}.login-card .note{font-size:calc(12px * var(--font-scale,1));margin-top:30px}.sidebar-scrim{display:none}
@media(min-width:1800px){.app-shell{margin:32px auto;height:calc(100dvh - 64px)}}@media(max-width:1200px){.app-shell{margin:0;border-radius:0;height:100dvh;border:0}.sidebar{width:240px;padding:24px 14px 16px}.room-header{padding:20px 24px}.toolbar{padding:14px 24px}.calendar-grid{grid-template-columns:1fr}.side-panel{max-width:none}.calendar-content{padding:20px}.message-scroll{padding:6px 18px 16px}}@media(max-width:760px){.app-shell{min-height:0}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:30;width:280px;transform:translateX(-100%);transition:transform .18s}.sidebar.open{transform:none}.sidebar-scrim:not([hidden]){display:block;position:fixed;inset:0;z-index:29;border:0;background:#30242b66}.mobile-menu{display:block;border:0;background:none;font-size:calc(22px * var(--font-scale,1));padding:5px;color:var(--cocoa)}.room-header{min-height:78px;padding:14px 16px;gap:10px}.room-heading h1{font-size:calc(18px * var(--font-scale,1))}.room-heading p{font-size:calc(11px * var(--font-scale,1));max-width:210px}.toolbar{padding:12px 16px;flex-wrap:wrap;gap:7px}.search-form{flex-basis:100%}.filter-button{font-size:calc(11px * var(--font-scale,1));padding:6px 10px}.message-scroll{padding:0 10px 12px}.message-row{gap:9px;padding:11px 6px}.message-row .avatar{width:30px;height:30px;font-size:calc(11px * var(--font-scale,1))}.content{font-size:calc(14px * var(--font-scale,1))}.message-tools{opacity:1;flex-direction:column}.message-tools button{font-size:calc(11px * var(--font-scale,1))}.sender{font-size:calc(12px * var(--font-scale,1))}.input-area{padding:12px;gap:7px}.input-wrap textarea{padding:11px;font-size:calc(14px * var(--font-scale,1))}.composer-hint{font-size:calc(9px * var(--font-scale,1))}#sendBtn{padding:10px 12px}.error,.chat-error{margin:8px 14px}.search-panel{padding:6px 18px}.balance-grid{gap:8px}.balance-card{padding:12px}.balance-card strong{font-size:calc(24px * var(--font-scale,1))}.balance-card small{font-size:calc(10px * var(--font-scale,1))}.calendar-content{padding:16px 12px}.cal-wrap{padding:12px 6px}.fc .fc-toolbar-title{font-size:calc(17px * var(--font-scale,1))}.login-card{padding:30px}.header-actions button{font-size:calc(12px * var(--font-scale,1));padding:5px}.warn input{max-width:155px}.empty-state{padding:28px}.calendar-legend{padding:0 8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.emoji-picker button[aria-pressed=true]{background:#713d4d;color:white}.file-list{display:flex;flex-wrap:wrap;gap:6px}.file-chip,.file-download{padding:6px 10px;border:1px solid #d8ccc8;border-radius:8px;background:#faf7f5;font-size:calc(12px * var(--font-scale,1))}.file-download{display:block;margin:6px 0;max-width:100%;overflow-wrap:anywhere}.file-chip button{background:transparent;border:0}

body[data-page=operations] .chat-navigation,body[data-page=operations] .calendar-navigation{display:none}.operations-body{overflow:auto;padding:24px;flex:1}.operation-card{background:white;border:1px solid #e9ded9;border-radius:12px;padding:24px;margin-bottom:20px}.operation-card label{display:block;margin:12px 0}.operation-card input:not([type=checkbox]),.operation-card select,.operation-card textarea{display:block;width:100%;padding:10px;border:1px solid #cebfbb;border-radius:6px;font:inherit}.operation-card button{padding:9px 14px;margin:6px 4px 6px 0;border:1px solid #c9b7b4;border-radius:7px;background:#f5eeeb;color:#593b43}.operation-card button:disabled{opacity:.5}.notice-row{display:flex;width:100%;flex-direction:column;text-align:left;gap:6px}.notice-row span{font-size:calc(12px * var(--font-scale,1));color:#776463}.operation-card h2{font-size:calc(20px * var(--font-scale,1))}#pageError{color:#9b3030}@media(max-width:600px){.operations-body{padding:12px}.operation-card{padding:16px}}

.message-highlight{background:#fff0cf;border-radius:8px}

.channel-member-choices{max-height:210px;overflow:auto;border:1px solid var(--line,#ded9d0);border-radius:10px;padding:8px}.channel-member-choices .member-select{display:flex;align-items:center;gap:10px;padding:8px;margin:0;font-weight:400}.channel-member-choices input{width:auto;margin:0}#channelMemberCount{font-size:calc(13px * var(--font-scale,1));color:#6e685e}

.attachment-preview{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:12px auto}.file-preview{font-size:calc(12px * var(--font-scale,1));margin:3px 0}#boardSearch{display:flex;gap:8px;align-items:center}#boardSearch input{flex:1;min-width:0}#boardSearch button{flex:none}

.appearance-controls{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:16px}.appearance-controls>*{min-width:0}.font-preview{padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--canvas);line-height:1.8;overflow-wrap:anywhere;margin:12px 0}.font-preview p{margin:6px 0}.font-preview small{font-size:.85em}.font-license{font-size:calc(12px * var(--font-scale,1));color:var(--muted)}.appearance-actions{display:flex;flex-wrap:wrap;gap:6px}#appearanceStatus{overflow-wrap:anywhere}#fontSize{max-width:120px}.brand{font-size:29px}.brand-small{font-size:9px}@media(max-width:440px){.appearance-controls{grid-template-columns:minmax(0,1fr)}.room-heading{min-width:0}.room-header{gap:8px}.header-actions{flex-wrap:wrap}.operation-card{overflow-wrap:anywhere}.calendar-controls form input{max-width:100%}}

.file-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%}.file-chip>span{overflow-wrap:anywhere;min-width:0}.file-chip-image{width:72px;height:64px;object-fit:contain;border-radius:5px;background:white;flex-shrink:0}.file-list{max-height:180px;overflow:auto}.file-chip>button{flex-shrink:0}

.message-timestamp{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}

.profile-photo-preview{width:96px;height:96px;border-radius:28px;background:#e8e0d8;display:flex;align-items:center;justify-content:center;font-size:28px;overflow:hidden;margin:12px 0}.profile-photo-preview img{width:100%;height:100%;object-fit:cover}.avatar-editor p{font-size:12px;line-height:1.6}.avatar-editor footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.avatar-editor .photo-error{color:#b65342}.avatar-editor input{max-width:100%}.avatar img,.portrait img,#profileAvatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar,.portrait{overflow:hidden}
.notice-file-field{display:block;margin-top:14px}.notice-file-field input{display:block;width:100%;margin-top:6px}.notice-file-help{margin:5px 0;color:var(--muted);font-size:calc(11px * var(--font-scale,1))}.notice-file-queue{display:grid;gap:5px;margin:8px 0}.notice-file-queue span{display:block;max-width:100%;padding:7px 10px;border-radius:8px;background:#f7f3f1;font-size:calc(12px * var(--font-scale,1));overflow-wrap:anywhere}.notice-upload-status{min-height:1.7em;color:var(--wine);font-size:calc(12px * var(--font-scale,1))}

.inline-image{display:block!important;padding:0!important;border:0!important;border-radius:12px!important;overflow:hidden;background:#eef1f5!important;max-width:min(280px,100%)!important;cursor:zoom-in}.inline-image img{display:block;width:280px;max-width:100%;height:180px;object-fit:contain}.image-fallback{display:block;padding:16px;font-size:12px;color:#777}.attachment-list .inline-image{max-width:280px!important}.attachment-list{min-width:0}.file-download{font-size:12px!important;border:1px solid #e5e8ee!important;background:#fff!important;border-radius:10px!important;padding:10px 12px!important;text-align:left}.file-preview{margin:6px 0}
