/* Mobile-only account controls live beside the intranet logo. */
.wj-intranet-account-actions--mobile{display:none}

/* Keep the AS list title separate and place the create action beside search. */
.wj-as-list-pagination .wj-employee-list-head{display:flex!important}
.wj-as-list{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;align-items:end}
.wj-as-list .wj-employee-list-head{display:contents}
.wj-as-list .wj-employee-list-head>div{grid-column:1/-1;grid-row:1}
.wj-as-list .wj-as-search{grid-column:1;grid-row:2;margin-bottom:18px}
.wj-as-list .wj-employee-list-head>.wj-intranet-submit{grid-column:2;grid-row:2;width:auto;margin:0 0 18px;padding:10px 13px;color:#fff;font-size:0;gap:4px;white-space:nowrap}
.wj-as-list .wj-employee-list-head>.wj-intranet-submit i{color:#fff;font-size:13px}
.wj-as-list .wj-employee-list-head>.wj-intranet-submit::after{content:'신규';font-size:13px}
.wj-as-list>.wj-employee-table-wrap{grid-column:1/-1;grid-row:3}

@media(max-width:860px){
  .wj-intranet-side-nav.wj-intranet-side-nav--work-only{justify-content:center;overflow:visible}
}

@media(max-width:560px){
  .wj-intranet-shell.is-workspace .wj-intranet-sidebar{position:relative}
  .wj-intranet-sidebar .wj-intranet-account-actions--mobile{position:absolute;top:13px;right:12px;display:flex;width:auto;gap:6px;align-items:center}
  .wj-intranet-sidebar .wj-intranet-account-actions--mobile a,
  .wj-intranet-sidebar .wj-intranet-account-actions--mobile button{position:relative;display:block;width:34px;height:34px;margin:0;padding:0;border-radius:9px;font-size:0}
  .wj-intranet-sidebar .wj-intranet-account-actions--mobile form{margin:0}
  .wj-intranet-sidebar .wj-intranet-account-actions--mobile i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;font-size:14px;line-height:1}
  .wj-intranet-sidebar .wj-intranet-account-actions--mobile i::before{display:block;line-height:1;transform:translateY(1px)}
  .wj-intranet-sidebar .wj-intranet-account-actions--mobile .wj-push-unread-badge{position:absolute;top:-5px;right:-5px;z-index:1;min-width:16px;height:16px;padding:0 3px;font-size:9px;line-height:16px}
  .wj-intranet-sidebar .wj-intranet-account-actions--mobile .admin-link{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.16);color:#fff}
  .wj-intranet-sidebar .wj-intranet-account-actions--mobile a:not(.admin-link){border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#fff}
  .wj-intranet-sidebar .wj-intranet-account-actions--mobile button{border-color:rgba(255,210,215,.48);background:rgba(127,19,35,.18);color:#ffe4e7}
  .wj-intranet-shell.is-workspace > .wj-intranet-workspace .wj-intranet-account-actions:not(.wj-intranet-account-actions--mobile),
  .wj-intranet-shell.is-workspace .wj-intranet-panel .wj-intranet-account-actions:not(.wj-intranet-account-actions--mobile){display:none}
}

/* AS reception rows become self-contained cards instead of a horizontally scrolling table. */
@media(max-width:700px){
  .wj-as-list-pagination .wj-employee-list-head{display:flex!important;grid-column:1/-1;grid-row:1}
  .wj-as-list-pagination .wj-as-search{grid-column:1/-1;grid-row:2}
  .wj-as-list-pagination>.wj-employee-table-wrap{grid-column:1/-1;grid-row:3}
  .wj-as-list{column-gap:7px}
  .wj-as-list .wj-as-search{margin-top:16px;margin-bottom:14px}
  .wj-as-list .wj-employee-list-head>.wj-intranet-submit{min-height:42px;margin-bottom:14px;padding:10px 11px}
  .wj-as-list .wj-employee-table-wrap{overflow:visible}
  .wj-as-list .wj-employee-table-wrap table{display:block;min-width:0!important;background:transparent}
  .wj-as-list .wj-employee-table-wrap thead{display:none}
  .wj-as-list .wj-employee-table-wrap tbody{display:grid;gap:12px}
  .wj-as-list .wj-employee-table-wrap tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px;padding:17px;border:1px solid #dce4f1;border-radius:12px;background:#fff;box-shadow:0 14px 26px -24px rgba(19,44,91,.45)}
  .wj-as-list .wj-employee-table-wrap td{display:grid;min-width:0;padding:0!important;border:0!important;gap:4px;white-space:normal!important;text-align:left!important}
  .wj-as-list .wj-employee-table-wrap .wj-as-sequence-cell,.wj-as-card-sequence{display:none!important}
  .wj-as-list .wj-employee-table-wrap td::before{color:#8391a8;font:700 10px var(--wj-mono);letter-spacing:.07em}
  .wj-as-list .wj-employee-table-wrap td:nth-child(2)::before{content:'상태'}
  .wj-as-list .wj-employee-table-wrap td:nth-child(3)::before{content:'기관 · 고객'}
  .wj-as-list .wj-employee-table-wrap td:nth-child(4)::before{content:'요청 · 추가 내용'}
  .wj-as-list .wj-employee-table-wrap td:nth-child(5)::before{content:'직원 선택'}
  .wj-as-list .wj-employee-table-wrap td:nth-child(6)::before{content:'문자 발송'}
  .wj-as-list .wj-employee-table-wrap td:nth-child(7)::before{content:'앱푸시'}
  .wj-as-list .wj-employee-table-wrap td:nth-child(8)::before{content:'접수자'}
  .wj-as-list .wj-employee-table-wrap td:nth-child(9)::before{content:'담당자'}
  .wj-as-list .wj-employee-table-wrap td:nth-child(10)::before{content:'유 · 무상'}
  .wj-as-list .wj-employee-table-wrap td:nth-child(11)::before{content:'접수일'}
  .wj-as-list .wj-employee-table-wrap td:nth-child(12)::before{content:'관리'}
  .wj-as-list .wj-employee-table-wrap td:nth-child(3),
  .wj-as-list .wj-employee-table-wrap td:nth-child(4),
  .wj-as-list .wj-employee-table-wrap td:nth-child(12){grid-column:1/-1}
  .wj-as-list .wj-employee-table-wrap td:nth-child(2){grid-row:1}
  .wj-as-list .wj-employee-table-wrap td:nth-child(3){display:contents!important}
  .wj-as-list .wj-employee-table-wrap td:nth-child(3)::before{display:none}
  .wj-as-list .wj-employee-table-wrap td:nth-child(3) strong{display:grid;grid-column:1/-1;grid-row:2;gap:4px;color:#22375f;font-size:15px}
  .wj-as-list .wj-employee-table-wrap td:nth-child(3) strong::before{content:'기관 · 고객';color:#8391a8;font:700 10px var(--wj-mono);letter-spacing:.07em}
  .wj-as-list .wj-employee-table-wrap td:nth-child(3) small{grid-column:2;grid-row:1;align-self:end;justify-self:end;margin:0;color:#60708c;font-size:12px;text-align:right}
  .wj-as-list .wj-employee-table-wrap td:nth-child(3) small::before{content:'연락처 ';color:#8391a8;font:700 10px var(--wj-mono);letter-spacing:.05em}
  .wj-as-list .wj-as-request-cell{min-width:0}
  .wj-as-list .wj-employee-table-wrap td:has(.wj-as-quick-recipient){min-width:0}
  .wj-as-list .wj-as-request-cell textarea{min-height:86px;font-size:14px}
  .wj-as-list .wj-as-quick-recipient{width:100%;padding:10px;font-size:14px}
  .wj-as-list .wj-as-quick-sms{min-height:42px;justify-content:center;padding:10px;font-size:13px}
  .wj-as-list .wj-as-quick-push{min-height:42px;justify-content:center;padding:10px;font-size:13px}
  .wj-as-list.is-sms-disabled .wj-employee-table-wrap td:nth-child(6){display:none!important}
  .wj-as-list .wj-employee-action{display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:8px 10px;border:1px solid #d9e2f0;border-radius:7px;color:#1e56e8;font-size:13px;font-weight:700}
  .wj-as-list .wj-as-empty{display:block!important;grid-column:1/-1;text-align:center!important}
  .wj-as-list .wj-as-empty::before{display:none}
}

/* Keep the AS list title, page-size selector and New button on one mobile row. */
@media(max-width:560px){
  .wj-as-list-pagination .wj-employee-list-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}
  .wj-as-list-pagination .wj-employee-list-head>div{grid-column:auto;grid-row:auto}
  .wj-as-list-pagination .wj-employee-list-head>div:first-child{min-width:0}
  .wj-as-list-pagination .wj-employee-list-head h3{white-space:nowrap}
  .wj-as-list-pagination .wj-as-list-actions{flex-wrap:nowrap;gap:6px}
  .wj-as-list-pagination .wj-as-page-size-select label{gap:0;font-size:0}
  .wj-as-list-pagination .wj-as-page-size-select select{width:94px;padding-left:9px;padding-right:24px;font-size:13px}
  .wj-as-list-pagination .wj-as-list-actions .wj-intranet-submit{min-height:39px;padding:10px 10px;white-space:nowrap}
}

/* Separate the mobile list container from each reception card. */
@media(max-width:700px){
  .wj-as-list-pagination{padding:8px;background:#f3f6fb}
  .wj-as-list-pagination>.wj-employee-table-wrap{margin-top:12px;border:0;background:transparent}
  .wj-as-list-pagination .wj-employee-table-wrap tbody{gap:12px}
}

/* Use a comfortable, consistent reading size throughout the mobile workspace. */
@media(max-width:700px){
  .wj-intranet-shell.is-workspace{font-size:14px}
  .wj-intranet-shell.is-workspace .wj-employee-table-wrap table,
  .wj-intranet-shell.is-workspace .wj-link-panel table,
  .wj-intranet-shell.is-workspace .wj-employee-list-head p,
  .wj-intranet-shell.is-workspace .wj-link-panel p,
  .wj-intranet-shell.is-workspace .wj-form-help,
  .wj-intranet-shell.is-workspace .wj-role-list p,
  .wj-intranet-shell.is-workspace .wj-as-sms-panel>div>p:last-child,
  .wj-intranet-shell.is-workspace .wj-as-sms-history p,
  .wj-intranet-shell.is-workspace .wj-as-push-history p,
  .wj-intranet-shell.is-workspace .wj-as-push-subscribe p{font-size:14px}
  .wj-intranet-shell.is-workspace .wj-employee-tabs a,
  .wj-intranet-shell.is-workspace .wj-employee-form label,
  .wj-intranet-shell.is-workspace .wj-role-form label,
  .wj-intranet-shell.is-workspace .wj-as-migration label,
  .wj-intranet-shell.is-workspace .wj-as-sms-panel label,
  .wj-intranet-shell.is-workspace .wj-as-push-panel label,
  .wj-intranet-shell.is-workspace .wj-intranet-submit,
  .wj-intranet-shell.is-workspace .wj-employee-action,
  .wj-intranet-shell.is-workspace .wj-as-quick-sms,
  .wj-intranet-shell.is-workspace .wj-as-quick-push{font-size:14px}
  .wj-intranet-shell.is-workspace input:not([type=hidden]),
  .wj-intranet-shell.is-workspace select,
  .wj-intranet-shell.is-workspace textarea{font-size:14px}
  .wj-intranet-shell.is-workspace .wj-my-push-history strong,
  .wj-intranet-shell.is-workspace .wj-my-push-history p,
  .wj-intranet-shell.is-workspace .wj-my-push-history small,
  .wj-intranet-shell.is-workspace .wj-my-push-history .wj-as-push-status{font-size:14px}
  .wj-intranet-shell.is-workspace .wj-my-push-history .wj-my-push-history-link p{color:#405170;font-size:20px!important;font-weight:600;line-height:1.55}
  .wj-intranet-shell.is-workspace .wj-my-push-history .wj-my-push-history-link strong{font-size:20px!important;line-height:1.4}
  .wj-intranet-shell.is-workspace .wj-my-push-history .wj-my-push-history-date{font-size:14px!important}
  .wj-intranet-shell.is-workspace .wj-as-form .wj-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}
  .wj-intranet-shell.is-workspace .wj-as-form .wj-form-grid label:first-child{grid-column:1/-1}
  .wj-intranet-shell.is-workspace .wj-as-form .wj-as-processing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wj-intranet-shell.is-workspace .wj-as-form .wj-as-processing-grid label{min-width:0;grid-column:auto}
  .wj-intranet-shell.is-workspace .wj-as-form .wj-as-processing-grid label:nth-child(5){grid-column:1/-1}
  .wj-intranet-shell.is-workspace .wj-as-form .wj-as-processing-grid input[type=datetime-local]{box-sizing:border-box;inline-size:100%;max-inline-size:100%;min-inline-size:0;padding-inline:10px!important;font-size:14px!important;letter-spacing:0}
}