#view-kakao{max-width:1500px}
.kakao-heading-actions{display:flex;align-items:center;gap:10px}
.kakao-service-state{display:flex;align-items:center;gap:8px;color:#6a737a;font-size:11px}
.kakao-service-state i{width:7px;height:7px;border-radius:50%;background:#a66c10;box-shadow:0 0 0 3px #a66c1018}
.kakao-service-state.online i{background:var(--green);box-shadow:0 0 0 3px #35ae7a1a}
.kakao-service-state.error i{background:#8e1216;box-shadow:0 0 0 3px #8e12161a}
.kakao-runtime-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:18px;padding:11px 13px;border:1px solid #dadfe3;border-radius:9px;background:#f0f3f7;color:#717c84;font-size:11px}
.kakao-runtime-bar code{min-width:0;overflow:hidden;color:#1a6267;text-overflow:ellipsis;white-space:nowrap;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}
.kakao-runtime-bar a{text-decoration:none}
.kakao-workspace{display:grid;grid-template-columns:292px minmax(0,1fr);gap:18px;align-items:start}
.kakao-device-panel{position:sticky;top:18px;overflow:hidden}
.kakao-connect-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0 16px 15px}
.kakao-connect-form input,.kakao-dispatch-panel textarea,.kakao-interval input{min-width:0;border:1px solid #d4d9dc;border-radius:7px;background:#f2f5f8;color:#212e37;outline:0;font:12px inherit}
.kakao-connect-form input{padding:9px 10px}
.kakao-connect-form input:focus,.kakao-dispatch-panel textarea:focus,.kakao-interval input:focus{border-color:var(--cyan)}
.kakao-device-list{display:grid;gap:8px;max-height:410px;overflow:auto;padding:0 10px 12px}
.kakao-device-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:64px;padding:10px;border:1px solid #dee3e7;border-radius:8px;background:#f2f5f7;cursor:pointer}
.kakao-device-item:hover{border-color:#c0cdd1}
.kakao-device-item input{width:15px;height:15px;accent-color:var(--cyan)}
.kakao-device-copy{display:grid;min-width:0}
.kakao-device-copy strong,.kakao-device-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kakao-device-copy strong{color:#1f2c35;font-size:11px}
.kakao-device-copy small{color:#768189;font-size:9px;margin-top:3px}
.kakao-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:9px;font-size:9px;font-weight:700}
.kakao-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.kakao-badge.online,.kakao-badge.completed,.kakao-badge.opened{color:var(--green);background:#35ae7a17}
.kakao-badge.offline,.kakao-badge.failed{color:#8e1216;background:#8e121617}
.kakao-badge.queued,.kakao-badge.waiting_user{color:var(--amber);background:#a66c1017}
.kakao-badge.running{color:var(--cyan);background:#1ea0b317}
.kakao-device-actions{display:grid;gap:8px;padding:13px 16px 16px;border-top:1px solid #e3e7e9}
.kakao-device-actions button{width:100%}
.kakao-main-column{display:grid;gap:18px;min-width:0}
.kakao-dispatch-panel,.kakao-jobs-panel{overflow:hidden}
.kakao-mode{display:inline-grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #d2d8db;border-radius:7px}
.kakao-mode label{position:relative}
.kakao-mode input{position:absolute;opacity:0;pointer-events:none}
.kakao-mode span{display:block;padding:7px 10px;color:#6c757c;font-size:10px;cursor:pointer;white-space:nowrap}
.kakao-mode input:checked+span{background:#e0ecef;color:#156d74}
.kakao-mode input:focus-visible+span{box-shadow:inset 0 0 0 2px var(--cyan)}
.kakao-dispatch-body{padding:0 20px 20px}
.kakao-dispatch-panel textarea{display:block;width:100%;min-height:150px;resize:vertical;padding:12px;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}
.kakao-upload-row{display:flex;align-items:center;gap:9px;min-height:56px;border-bottom:1px solid #e4e7ea;outline:0}
.kakao-upload-row.dragging,.kakao-upload-row:focus-visible{background:#edf3f6;box-shadow:inset 0 0 0 2px #1ea0b333}
.kakao-upload-row label{display:inline-flex;align-items:center;cursor:pointer}
.kakao-upload-row>span{min-width:0;overflow:hidden;color:#778187;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.kakao-dispatch-footer{display:flex;align-items:center;gap:14px;padding-top:15px}
.kakao-interval{display:flex;align-items:center;gap:7px;color:#6b747b;font-size:10px;white-space:nowrap}
.kakao-interval input{width:78px;padding:8px}
.kakao-auto-click{display:flex;align-items:center;gap:7px;color:#566067;font-size:10px;cursor:pointer}
.kakao-auto-click input{width:15px;height:15px;accent-color:var(--cyan)}
.kakao-dispatch-footer>.primary-btn{margin-left:auto;min-width:160px}
.kakao-jobs-table{table-layout:fixed;min-width:840px!important}
.kakao-jobs-table th:nth-child(1){width:90px}.kakao-jobs-table th:nth-child(2){width:180px}.kakao-jobs-table th:nth-child(3){width:72px}.kakao-jobs-table th:nth-child(5){width:145px}.kakao-jobs-table th:nth-child(6){width:110px}
.kakao-jobs-table td{overflow:hidden;text-overflow:ellipsis}
.kakao-url-cell{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kakao-result-link{color:var(--cyan);text-decoration:none}
.kakao-complete-job{border:1px solid #c2ced1;border-radius:6px;background:#e9f0f3;color:#1c6368;padding:5px 8px;font-size:9px;cursor:pointer}
.kakao-empty{display:grid;place-items:center;min-height:86px;padding:22px;color:#838c93;font-size:10px}
.kakao-qr-dialog{width:min(580px,calc(100vw - 30px));border:1px solid #d4d9dc;border-radius:10px;padding:17px;background:#eef2f5;color:#17212c}
.kakao-qr-dialog::backdrop{background:#141c296c;backdrop-filter:blur(5px)}
.kakao-qr-dialog>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.kakao-qr-dialog h2{margin:0;font-size:16px}
.kakao-qr-dialog img{display:block;width:100%;max-height:72vh;object-fit:contain;background:#ffffff}
#view-kakao button:disabled{opacity:.48;cursor:not-allowed}
@media(max-width:1050px){.kakao-workspace{grid-template-columns:250px minmax(0,1fr)}.kakao-dispatch-footer{flex-wrap:wrap}.kakao-dispatch-footer>.primary-btn{width:100%;margin-left:0}}
@media(max-width:820px){.kakao-workspace{grid-template-columns:1fr}.kakao-device-panel{position:static}.kakao-device-list{max-height:280px}.kakao-device-actions{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.kakao-heading-actions{margin-top:13px}.kakao-runtime-bar{grid-template-columns:1fr}.kakao-runtime-bar a{width:100%;text-align:center}.kakao-device-actions{grid-template-columns:1fr}.kakao-dispatch-panel .panel-head{display:grid;gap:12px}.kakao-mode{width:100%}.kakao-mode span{text-align:center}.kakao-dispatch-body{padding:0 14px 16px}.kakao-upload-row{align-items:stretch;flex-wrap:wrap;padding:11px 0}.kakao-upload-row>.secondary-btn{flex:1;justify-content:center}.kakao-upload-row>span{width:100%}.kakao-dispatch-footer{align-items:stretch;display:grid}.kakao-interval{justify-content:space-between}.kakao-dispatch-footer>.primary-btn{min-width:0}.kakao-jobs-panel .table-wrap{max-width:calc(100vw - 24px)}}