@charset "UTF-8";

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.settings-view{min-height:calc(100vh - 130px)}
.management-header h1:focus{outline:0}
.registry-guide{display:flex;gap:15px;align-items:center;padding:20px 23px;margin-bottom:23px;border:1px solid var(--brand-line);border-radius:9px;background:var(--brand-soft);color:var(--brand-navy)}
.guide-icon{display:grid;place-items:center;flex:none;width:43px;height:43px;border:1px solid var(--brand-line);border-radius:11px;background:var(--brand-paper);color:var(--brand-orange)}
.guide-icon svg{width:22px;height:22px}
.registry-guide strong{font-size:13px;font-weight:650}
.registry-guide p{margin:7px 0 0;font-size:11px;line-height:1.8;color:#43537b;overflow-wrap:anywhere}
.registry-guide b{font-weight:650;color:var(--brand-navy)}
.pending-pens-card,.registered-pens-card{overflow:hidden;margin-bottom:24px}
.pending-pens-card{background:#ffead3;border-color:#eab878}
.registered-pens-card{background:#fffaf3;border-color:#edcda7}
.registered-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:24px 25px 14px}
.registered-heading .eyebrow{font-size:8px;letter-spacing:1.4px}
.registered-heading h2{display:flex;align-items:center;gap:9px;margin:8px 0 0;font-size:18px;letter-spacing:-.5px;font-weight:650}
.registered-heading .count-badge{font-size:11px;padding:3px 8px;letter-spacing:0;font-weight:500}
.pending-pens-card .eyebrow{color:#536182}
.pending-pens-card h2{color:var(--brand-navy)}
.pending-pens-card .count-badge{background:#f7cea0;color:var(--brand-navy)}
.registered-pens-card .eyebrow{color:#536182}
.registered-pens-card h2{color:var(--brand-navy)}
.registered-pens-card .count-badge{background:#ffead3;color:var(--brand-navy)}
.discovery-comment{margin:0;padding:1px 25px 7px;font-size:12px;font-weight:600;color:var(--brand-navy);line-height:1.8}
.discovery-instruction{margin:0;padding:0 25px 15px;font-size:10px;color:#43537b;line-height:1.8}
.rename-instruction{margin:0;padding:0 25px 15px;font-size:12px;font-weight:500;color:#43537b;line-height:1.8;overflow-wrap:anywhere}
.device-list-status{min-height:37px;margin:0;padding:0 25px 16px;color:#5b6788;font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.pending-pens-card .device-list-status{color:#43537b}
.registered-pens-card .device-list-status{color:#5b6788}
.device-list-status.error,.pending-pens-card .device-list-status.error,.registered-pens-card .device-list-status.error{color:#a53d33}
.device-table-scroll{overflow:auto;border-top:1px solid var(--line)}
.pending-pens-card .device-table-scroll{border-color:#edd1ae}
.registered-pens-card .device-table-scroll{border-color:#eed7ba}
.device-table{width:100%;min-width:700px;border-collapse:collapse;text-align:left;font-size:12px}
.device-table th,.device-table td{text-align:left;padding:16px 17px;border-bottom:1px solid var(--brand-line);vertical-align:middle}
.device-table th{font-size:10px;font-weight:600}
.pending-pens-card .device-table th{background:#f9d5af;color:var(--brand-navy)}
.pending-pens-card .device-table td{background:#fff3e4;border-color:#edd1ae}
.registered-pens-card .device-table th{background:#fff0dc;color:var(--brand-navy)}
.registered-pens-card .device-table td{background:#fffdfa;border-color:#f0dfc9}
.device-table tbody tr:last-child td{border-bottom:0}
.device-table th:first-child,.device-table td:first-child{padding-left:25px}
.device-table th:last-child,.device-table td:last-child{padding-right:25px}
.device-table td.device-pen-id{width:100px;font-size:15px;font-variant-numeric:tabular-nums;font-weight:700;color:var(--brand-navy)}
.device-table td.device-id{width:205px}
.device-id code{font-size:11px;color:#43537b;overflow-wrap:anywhere}
.device-table td.device-nickname-cell{width:calc(15ch + 55px)}
.device-nickname{width:calc(15ch + 22px);max-width:100%;min-width:0;height:38px;padding:0 10px;border:1px solid #e6c7a0;border-radius:5px;background:#fff;font-size:12px;color:var(--brand-navy)}
.discovery-nickname{border-color:#d9a16a}
.device-nickname.name-conflict{border-color:#c77a5f;background:#fff1e9}
.device-actions-cell{width:200px}
.device-actions{display:flex;justify-content:flex-end;gap:8px}
.legacy-name{max-width:260px;margin-top:8px;font-size:10px;line-height:1.7;color:#536182;white-space:normal;overflow-wrap:anywhere}
.legacy-name strong{font-weight:500;color:var(--brand-navy)}
.legacy-name small{display:block;margin-top:3px;font-size:9px;color:#5b6788}
.button.danger{background:#fff;border-color:#ebc7b8;color:#983d27}
.button.danger:hover{background:#ffeade}
.discovery-table{min-width:840px}
.discovery-date{width:215px;font-size:11px;color:#43537b;font-variant-numeric:tabular-nums}
.discovery-tablet{width:100px;font-size:12px;font-weight:600;color:var(--brand-navy);overflow-wrap:anywhere}
.discovery-actions-cell{width:100px;text-align:right}
.discovery-table .candidate-selected td{background:#ffdcb6}
.device-empty{padding:39px 22px;text-align:center;color:var(--brand-navy);line-height:1.8}
.device-empty strong{font-size:14px;font-weight:600}
.device-empty p{margin:7px 0 0;font-size:11px;color:#536182}
.pending-pens-card .device-empty{color:var(--brand-navy)}
.pending-pens-card .device-empty p{color:#536182}
.registered-pens-card .device-empty{color:var(--brand-navy)}
.registered-pens-card .device-empty p{color:#536182}
.registry-footer-note{margin:0;padding:14px 25px;border-top:1px solid var(--line);font-size:10px;line-height:1.7;color:#5b6788}
.pending-pens-card .registry-footer-note{background:#fbe0c1;border-color:#e9bd8e;color:#43537b}
.registered-pens-card .registry-footer-note{background:#fff5e8;border-color:#eed7ba;color:#5b6788}

@media(max-width:1000px) and (min-width:761px){.sidebar .nav-item.selected{margin-top:5px}.sidebar #sessions-button{margin-top:36px}}
@media(max-width:760px){.registry-guide{padding:18px;gap:12px;align-items:flex-start}.registry-guide strong{font-size:12px}.registry-guide p{font-size:10px}.management-header{align-items:center}.management-header .header-actions{margin-top:0}.management-header p{max-width:270px}.registered-heading{padding:22px 20px 13px}.device-list-status{padding-left:20px;padding-right:20px}.registry-footer-note{padding-left:20px;padding-right:20px}.discovery-comment,.discovery-instruction{padding-left:20px;padding-right:20px}}
@media(max-width:640px){.settings-view{min-height:calc(100vh - 180px)}.management-header{flex-wrap:wrap}.management-header p{max-width:none}.management-header .header-actions{margin-top:0}.management-header .header-actions .button{min-height:36px;font-size:10px;padding:0 12px}.registry-guide{margin-bottom:18px}.guide-icon{width:35px;height:35px;border-radius:9px}.registry-guide strong{display:block;line-height:1.7}.registered-heading{padding:21px 18px 12px}.registered-heading h2{font-size:17px}.registered-heading>.button{font-size:9px;padding:0 10px;gap:5px}.device-list-status{padding:0 18px 14px;font-size:10px}.discovery-comment{padding:0 18px 7px;font-size:11px}.discovery-instruction{padding:0 18px 13px;font-size:9px}.device-table,.device-table tbody,.device-table tr,.device-table td{display:block}.device-table{min-width:0}.device-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.device-table tr{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:19px 18px;border-bottom:1px solid #f0dfc9;background:#fffdfa}.discovery-table tr{grid-template-columns:minmax(0,1fr) auto;border-color:#edd1ae;background:#fff3e4}.discovery-table tr.candidate-selected{background:#ffdcb6}.device-table tbody tr:last-child{border-bottom:0}.device-table td,.device-table td:first-child,.device-table td:last-child{min-width:0;width:auto;padding:0;border:0;background:none!important}.device-table td.device-pen-id{width:auto;font-size:16px}.device-pen-id::before{content:"Pen 번호 ";color:#5b6788;font-size:10px;font-weight:500;margin-right:6px}.device-table td.device-id,.device-table td.device-nickname-cell{width:auto}.device-id::before{content:"펜 고유 ID";display:inline-block;margin-right:12px;color:#5b6788;font-size:10px}.device-nickname-cell::before{content:"펜 명칭";display:block;margin:2px 0 7px;color:#5b6788;font-size:10px}.device-nickname{height:41px}.device-actions{justify-content:flex-end;margin-top:1px}.device-actions .button{min-height:36px;font-size:10px;padding:0 12px}.discovery-date{grid-column:1/-1;font-size:10px;white-space:normal;line-height:1.7}.discovery-date::before{content:"발견일시";margin-right:10px;font-size:10px;color:#43537b}.discovery-tablet{grid-column:1/-1;font-size:11px}.discovery-tablet::before{content:"Tablet ID";margin-right:10px;font-size:10px;font-weight:400;color:#43537b}.discovery-table .device-id{grid-column:1/-1}.discovery-table .device-id::before{color:#43537b}.discovery-table .device-nickname-cell{grid-column:1;grid-row:4}.discovery-table .device-nickname-cell::before{color:#43537b}.discovery-table .discovery-actions-cell{grid-column:2;grid-row:4;align-self:end}.discovery-register-button{min-height:41px!important}.registry-footer-note{padding:13px 18px;font-size:9px}}
@media(max-width:640px){.rename-instruction{padding:0 18px 14px;font-size:11px}}
@media(max-width:380px){.sidebar{gap:9px}.brand>span:last-child{font-size:19px}.sidebar .nav-item{width:31px;min-height:33px}.brand-symbol{width:29px;height:32px}.discovery-table tr{gap:10px 7px}.discovery-register-button{padding:0 10px!important}}

.user-register-card{margin-bottom:23px}.user-register-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;padding:0 25px 20px}.user-register-form label{display:grid;gap:8px;margin:0;flex:1;min-width:160px}.user-register-form input{width:100%;background:var(--brand-paper)}.user-register-form button{min-height:38px}#user-list td{text-align:left}
.user-table{min-width:540px}.user-password-controls{display:flex;align-items:center;gap:10px;min-height:36px}.user-password-value{min-width:8ch;max-width:34ch;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;letter-spacing:1px;user-select:none}.user-password-eye{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:1px solid var(--brand-line);border-radius:6px;background:var(--brand-paper);color:var(--brand-navy);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.user-password-eye svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.user-password-eye:hover,.user-password-eye.revealing{background:var(--brand-soft);border-color:var(--brand-orange)}.user-password-eye:focus-visible{outline:2px solid var(--brand-orange);outline-offset:3px}.user-password-eye:disabled{opacity:.45;cursor:default}
@media(max-width:640px){.user-table{min-width:0}.user-password-cell::before{content:"암호";display:block;margin:2px 0 7px;color:#5b6788;font-size:10px}.user-created-cell::before{content:"등록일 ";margin-right:8px;color:#5b6788;font-size:10px}.user-password-controls{flex-wrap:wrap}.user-password-value{max-width:calc(100% - 120px)}}

.registry-comment{width:100%;min-width:0;min-height:64px;padding:10px 12px;border:1px solid var(--brand-line);border-radius:6px;background:var(--brand-paper);color:var(--brand-navy);font:inherit;font-size:12px;line-height:1.6;resize:vertical}.user-register-form .user-comment-label{flex:1.5;min-width:240px}.user-table{min-width:850px}.user-comment-cell{max-width:230px;white-space:pre-wrap;overflow-wrap:anywhere}.user-password-value{white-space:pre-wrap}.user-edit-cell{width:84px}#user-edit-password{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--brand-line);border-radius:6px;background:var(--brand-paper);color:var(--brand-navy)}#user-edit-comment{margin-top:8px}.tablet-table{min-width:680px}.tablet-number-cell{width:110px;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.tablet-id-cell{width:200px;font-size:12px;overflow-wrap:anywhere}.tablet-comment-cell{min-width:230px}.tablet-actions-cell{width:85px}.tablet-comment-input:disabled,.registry-comment:disabled{opacity:.7}.tablet-save-button:disabled{opacity:.5}
@media(max-width:640px){.user-table,.tablet-table{min-width:0}.user-register-form .user-comment-label{min-width:160px;flex-basis:100%}.user-comment-cell{max-width:none}.user-comment-cell::before{content:"코멘트";display:block;margin-bottom:5px;font-size:10px;color:var(--muted)}.tablet-number-cell::before{content:"태블릿 ";font-size:10px;font-weight:400;color:var(--muted)}.tablet-id-cell::before{content:"기기 ID ";font-size:10px;color:var(--muted)}.tablet-comment-cell{min-width:0}.tablet-actions-cell,.user-edit-cell{justify-self:end}.tablet-comment-input{min-height:72px}.sidebar{gap:8px}.sidebar .brand>span:last-child{font-size:18px}.sidebar .nav-item{width:32px}.sidebar #login-button,.sidebar #logout-button{font-size:11px;padding:8px 7px}}
.tablet-table{min-width:900px}.tablet-model-cell{width:260px;min-width:190px;vertical-align:top!important}.tablet-model-value{display:block;color:var(--brand-navy);font-size:12px;line-height:1.75;overflow-wrap:anywhere}.tablet-table .tablet-id-cell{width:180px}.tablet-table .tablet-comment-cell{min-width:220px}
@media(max-width:640px){.tablet-table{min-width:0}.tablet-table .tablet-model-cell,.tablet-table .tablet-id-cell,.tablet-table .tablet-comment-cell{width:auto;min-width:0}.tablet-model-cell::before,.tablet-comment-cell::before{display:block;margin:2px 0 7px;font-size:10px;color:#5b6788}.tablet-model-cell::before{content:"모델"}.tablet-comment-cell::before{content:"코멘트"}.tablet-model-value{padding:10px 12px;border-radius:6px;background:var(--brand-soft);font-size:12px;line-height:1.7}}