.aic-button-wrap { display:inline-flex; flex-wrap:wrap; gap:var(--aic-sem-space-2,8px); align-items:center; max-width:100%; }
.aic-b5-button { min-width:24px; min-height:24px; max-width:100%; white-space:normal; overflow-wrap:anywhere; transition:background-color 100ms; }
.aic-b5-button:active { filter:brightness(.9); }
.aic-b5-primary { background:var(--aic-sem-accent-default); color:var(--aic-sem-fg-onAccent); }
.aic-b5-primary:hover { background:var(--aic-sem-accent-hover); }
.aic-b5-danger { color:var(--aic-sem-status-danger-fg); border:2px solid var(--aic-sem-status-danger-border); margin-inline-start:auto; }
.aic-b5-danger,.aic-b5-danger:hover { background:var(--aic-sem-danger-action); color:var(--aic-sem-danger-onAction); }
.aic-b5-text { background:transparent; color:var(--aic-sem-link); text-decoration:underline; }
.aic-b5-icon { min-width:24px; min-height:24px; }
.aic-button-reason,.aic-field-help { color:var(--aic-sem-fg-muted); }
.aic-form-field { display:grid; gap:4px; margin-block:12px; min-width:0; }
.aic-form-field input,.aic-form-field select,.aic-form-field textarea { box-sizing:border-box; width:100%; min-width:0; padding:8px; font:inherit; color:var(--aic-sem-fg-default); background:var(--aic-sem-bg-surface); border:1px solid var(--aic-sem-border-control); }
.aic-form-field input[type=checkbox] { width:24px; height:24px; }
.aic-form-field p { margin:0; }
.aic-field-readonly input,.aic-field-readonly select,.aic-field-readonly textarea { border-color:transparent; background:transparent; user-select:text; }
.aic-field-disabled { color:var(--aic-sem-fg-disabled); border-inline-start:2px dashed var(--aic-sem-border-control); padding-inline-start:8px; }
.aic-field-error,.aic-error-summary { border-inline-start:3px solid var(--aic-sem-status-danger-border); padding-inline-start:8px; }
.aic-menu [role=menu] { display:flex; flex-direction:column; gap:4px; }
.aic-menu summary { cursor:pointer; min-height:24px; }
.aic-form { min-width:0; }
.aic-md { white-space:pre-wrap; overflow-wrap:anywhere; min-width:0; }
.aic-md .h { font-weight:600; }
.aic-md pre { white-space:pre-wrap; overflow-wrap:anywhere; }
.aic-md [role=link] { color:var(--aic-sem-link); text-decoration:underline; cursor:pointer; }
.aic-message { padding:12px; margin-block:8px; min-width:0; max-width:100%; overflow-wrap:anywhere; }
.aic-message-OWNER_MESSAGE { margin-inline-start:auto; width:fit-content; background:var(--aic-comp-chat-bubble-owner-bg); color:var(--aic-sem-fg-onAccent); border-radius:8px; }
.aic-owner-text { white-space:pre-wrap; word-break:normal; overflow-wrap:anywhere; }
.aic-message-EMPLOYEE_REPLY { background:var(--aic-sem-bg-surface); border:1px solid var(--aic-sem-border-subtle); }
.aic-message-SYSTEM_REPORT { border-inline-start:3px solid var(--aic-sem-status-neutral-border); }
.aic-message-NOTICE,.aic-message-divider { text-align:center; color:var(--aic-sem-fg-muted); }
.aic-message-error { border-inline-start:3px solid var(--aic-sem-status-danger-border); }
.aic-claim-link { display:inline; margin-inline:4px; padding:0; vertical-align:baseline; }
.aic-chat-roster,.aic-meetings { display:grid; gap:8px; }
.aic-chat-roster button { display:flex; flex-wrap:wrap; gap:8px; width:100%; }
.aic-composer { display:grid; gap:8px; min-width:0; }
.aic-composer textarea { box-sizing:border-box; width:100%; min-width:0; max-width:100%; font:inherit; color:var(--aic-sem-fg-default); background:var(--aic-sem-bg-surface); }
.aic-app-shell { container-type:inline-size; box-sizing:border-box; width:100%; min-width:0; overflow-wrap:anywhere; position:relative; border:1px solid var(--aic-sem-border-subtle); }
.aic-shell-body { display:grid; grid-template-columns:minmax(0,1fr); min-width:0; }
.aic-page { min-width:0; padding:12px; }
.aic-top-bar { display:flex; flex-wrap:wrap; gap:8px; padding:8px; border-bottom:1px solid var(--aic-sem-border-subtle); }
.aic-top-bar form { min-width:0; flex:1 1 12rem; }
.aic-top-bar input { width:100%; min-width:0; box-sizing:border-box; }
.aic-nav-rail { min-width:0; padding:8px; }
.aic-nav-rail section { display:grid; gap:4px; }
.aic-nav-rail a { display:flex; flex-wrap:wrap; align-items:center; gap:4px; padding:6px; border-inline-start:3px solid transparent; }
.aic-nav-rail a[aria-current=page] { border-inline-start-color:var(--aic-sem-accent-default); font-weight:700; background:var(--aic-sem-bg-selected); }
.aic-app-shell .aic-nav-rail { display:none; }
.aic-app-shell[data-menu=true] .aic-nav-rail { display:block; }
.aic-breadcrumbs ol { display:flex; flex-wrap:wrap; gap:12px; padding:0; list-style:none; }
.aic-tabs [role=tablist] { display:flex; flex-wrap:wrap; gap:4px; }
.aic-tabs [aria-selected=true] { font-weight:700; border-bottom:3px solid var(--aic-sem-accent-default); }
.aic-drawer:not([data-open=true]) { display:none; }
.aic-drawer-panel { box-sizing:border-box; margin:0; padding:16px; color:var(--aic-sem-fg-default); background:var(--aic-sem-bg-surface); border:1px solid var(--aic-sem-border-control); max-width:100%; max-height:100%; overflow:auto; overflow-wrap:anywhere; }
.aic-drawer[data-mode=narrow] .aic-drawer-panel { position:fixed; inset:0; width:100%; height:100%; }
.aic-drawer[data-mode=medium] .aic-drawer-panel { position:fixed; inset:0 0 0 auto; width:min(28rem,100%); height:100%; }
.aic-drawer[data-mode=wide] .aic-drawer-panel { position:static; width:100%; }
.aic-drawer-panel::backdrop { background:var(--aic-sem-bg-canvas); }
.aic-skip { position:absolute; clip-path:inset(50%); width:1px; height:1px; overflow:hidden; }
.aic-skip:focus { position:relative; clip-path:none; width:auto; height:auto; }
@container (min-width:480px) {
  .aic-shell-body { grid-template-columns:7rem minmax(0,1fr); }
  .aic-app-shell .aic-nav-rail { display:block; }
  .aic-nav-toggle { display:none; }
}
@container (min-width:1024px) {
  .aic-shell-body { grid-template-columns:12rem minmax(0,1fr); }
  .aic-shell-body:has(.aic-drawer[data-open=true]) { grid-template-columns:12rem minmax(0,1fr) minmax(16rem,28rem); }
}

.aic-roster-portrait{display:inline-block;width:32px;height:32px;flex:0 0 32px}
.aic-roster-second-line{display:block}

.aic-button-tooltip { display: none; }
.aic-button-wrap:focus-within > .aic-button-tooltip, .aic-button-wrap:hover > .aic-button-tooltip { display: inline; }

.aic-composer textarea { field-sizing: content; line-height: 1.5; min-height: 4.5em; max-height: 12em; overflow-y: auto; }

/* the chat's files (10/11 — ui/components/chat-files.js): a card per file on a line, the files waiting to go as chips */
.aic-files { display:grid; gap:var(--aic-sem-space-xs); margin-block-start:var(--aic-sem-space-sm); min-width:0; }
.aic-file { display:grid; grid-template-columns:auto minmax(0,1fr); gap:var(--aic-sem-space-xs) var(--aic-sem-space-sm); align-items:center; padding:var(--aic-sem-space-sm); border:1px solid var(--aic-sem-border-subtle); border-radius:var(--aic-sem-radius-md); background:var(--aic-sem-bg-raised); color:var(--aic-sem-fg-default); }
.aic-file__icon { grid-row:1 / span 2; font-size:1.5em; line-height:1; }
.aic-file__info { display:grid; min-width:0; }
.aic-file__name { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.aic-file__meta { font-size:var(--aic-sem-font-size-caption); color:var(--aic-sem-fg-muted); }
.aic-file__actions { grid-column:2; display:flex; flex-wrap:wrap; gap:var(--aic-sem-space-xs); }
.aic-file-tray { display:flex; flex-wrap:wrap; gap:var(--aic-sem-space-xs); min-width:0; }
.aic-file-tray[hidden], .aic-file-attach[hidden] { display:none; }
.aic-file-chip { display:inline-flex; align-items:center; gap:var(--aic-sem-space-xs); max-width:100%; padding:2px var(--aic-sem-space-xs) 2px var(--aic-sem-space-sm); border:1px solid var(--aic-sem-border-control); border-radius:var(--aic-sem-radius-full); background:var(--aic-sem-bg-surface); font-size:var(--aic-sem-font-size-caption); }
.aic-file-chip__name { min-width:0; max-width:16em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.aic-file-chip__size { color:var(--aic-sem-fg-muted); white-space:nowrap; }
.aic-file-chip.is-failed { border-color:var(--aic-sem-status-danger-border); }
.aic-file-attach { justify-self:start; }
.aic-file-tray .aic-file-chip__remove { min-width:0; min-height:0; padding:0 var(--aic-sem-space-xs); border:0; background:transparent; color:inherit; cursor:pointer; }
/* 원고 사진(2026-10-18 — components/manuscript-pictures.js): 확인 카드·게시판 대기열의 사진 줄과 원고 넣기의 사진 칸 */
.aic-pictures { margin:var(--aic-sem-space-xs) 0 var(--aic-sem-space-sm); }
.aic-pictures__list, .aic-pictures-field__list { display:flex; flex-wrap:wrap; gap:var(--aic-sem-space-sm); margin:0; padding:0; list-style:none; }
.aic-picture { display:grid; gap:2px; width:112px; margin:0; }
.aic-picture__frame { display:grid; place-items:center; width:112px; height:84px; overflow:hidden; border:1px solid var(--aic-sem-border-subtle); border-radius:var(--aic-sem-radius-md); background:var(--aic-sem-bg-canvas); }
.aic-picture__img { width:100%; height:100%; object-fit:cover; }
.aic-picture__no { color:var(--aic-sem-fg-muted); font-size:var(--aic-sem-font-size-lead); font-weight:var(--aic-sem-font-weight-semibold); }
.aic-picture__cap { display:-webkit-box; overflow:hidden; color:var(--aic-sem-fg-muted); font-size:var(--aic-sem-font-size-caption); line-height:1.35; overflow-wrap:anywhere; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.aic-pictures-field { display:grid; gap:var(--aic-sem-space-xs); padding:var(--aic-sem-space-sm); border:1px dashed var(--aic-sem-border-control); border-radius:var(--aic-sem-radius-lg); }
.aic-pictures-field.is-drop { border-style:solid; border-color:var(--aic-sem-accent-default); background:var(--aic-sem-bg-selected); }
.aic-pictures-field__label { font-weight:var(--aic-sem-font-weight-semibold); }
.aic-pictures-field__head { display:flex; flex-wrap:wrap; align-items:center; gap:var(--aic-sem-space-sm); }
.aic-pictures-field__head .acc-hint { flex:1 1 16em; min-width:0; }
.aic-pictures-field__item { display:grid; gap:4px; width:168px; align-content:start; }
.aic-pictures-field__item .aic-picture, .aic-pictures-field__item .aic-picture__frame { width:100%; }
.aic-pictures-field__item .aic-picture__frame { height:110px; }
.aic-pictures-field__item.is-up .aic-picture__frame { opacity:.6; }
.aic-pictures-field__acts { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; }
.aic-pictures-field .aic-pictures-field__acts button.pg-btn-quiet { min-width:0; min-height:28px; padding:0 4px; font-size:var(--aic-sem-font-size-caption); white-space:nowrap; }
.aic-pictures-field__state { color:var(--aic-sem-fg-muted); font-size:var(--aic-sem-font-size-caption); }
.aic-pictures-field__status:empty { display:none; }
.aic-pictures-field__status { margin:0; color:var(--aic-sem-fg-muted); font-size:var(--aic-sem-font-size-small); }
