/* Shell, typography, palette and controls are reused from the user's PanBox styles. */
[hidden]{display:none!important}.approval-app .titlebar{flex-shrink:0;-webkit-app-region:no-drag}.approval-app .titlebar-actions{gap:16px}.web-label{font-size:11px;color:#98a2b3}.approval-app .text{background:transparent;border:0;color:#1764ff;font-size:12px;padding:0;cursor:pointer;text-decoration:none}.approval-app .content,.approval-app .tool-view,.approval-app .work-panel,.approval-app .tool-content{min-height:0;height:100%;padding:0;margin:0;border:0;max-width:none}.approval-app .layout{overflow:hidden}.approval-app .netdisk-pan-panelhost{min-width:0}.approval-scroll{height:100%;overflow:auto;padding:22px 26px 58px}.approval-app .pantools-currentbar{justify-content:space-between}.approval-app .pantools-current-account h2{font-size:16px}.approval-app .pantools-current-logo{color:#1764ff}.approval-app .pantools-account-card.approval-account{cursor:default}.approval-app .account-tab{padding:5px 12px;background:#1764ff;color:white;border-radius:6px;font-size:12px}.account-note{color:#98a2b3;font-size:12px;line-height:1.9;padding:12px 5px}.approval-app #account-state{font-size:11px;color:#667085}.approval-app .pantools-account-logo .svg-icon{color:#1764ff}.approval-app #badge{font-size:12px;color:#1764ff;background:#eaf2ff;border:1px solid #dbe7f5;padding:5px 12px;border-radius:6px}.approval-app .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.stats>div{padding:16px 18px;background:#fff;border:1px solid #e6edf7;border-radius:8px}.stats span{display:block;color:#667085;font-size:12px}.stats strong{display:block;margin-top:8px;font-size:26px;font-weight:600;color:#1764ff}.approval-app .work,.approval-app .logs{background:#fff;border:1px solid #e6edf7;border-radius:8px;padding:20px;min-width:0}.approval-app .work h2,.approval-app .logs h2{margin:0;font-size:16px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.hint{font-size:12px;color:#8a96ad;line-height:1.8;margin:12px 0}.approval-app .actions{display:flex;align-items:center;gap:10px}.approval-app .work button,.approval-app .keys button{height:36px;padding:0 16px;border-radius:7px;background:#1764ff;border:1px solid #1764ff;color:#fff;font-size:13px}.approval-app .work button.secondary{background:#fff;color:#344054;border-color:#dbe7f5}.approval-app .work button.danger{background:#fff3f2;color:#d92d20;border-color:#fecdca}.approval-app .work button.text{height:auto;border:0;padding:0;background:transparent;color:#1764ff}.approval-app button:disabled{opacity:.45;cursor:not-allowed}.approval-app button:focus-visible,.approval-app input:focus-visible,.approval-app select:focus-visible{outline:2px solid #1764ff;outline-offset:2px}.approval-app input[type=checkbox]{accent-color:#1764ff;margin:0 7px 0 0;vertical-align:middle}.approval-app input[type=password],.approval-app select{font:inherit;height:38px;padding:0 12px;border:1px solid #d6e0ee;border-radius:7px;background:#fff;color:#344054;max-width:100%}#lastCheck{margin-left:auto;color:#98a2b3;font-size:12px}#status{margin-top:16px;padding:10px 12px;border:1px solid #dbe7f5;background:#f8fbff;color:#475467;border-radius:7px;font-size:12px}#action-error,#screen-error,#login-error,#notify-error{color:#d92d20;font-size:12px;line-height:1.7;margin:8px 0 0}.remote{margin-top:20px}.screen-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.screen-tools label{font-size:12px;color:#667085}.screen-wrap{overflow:auto;max-height:70vh;min-height:160px;background:#f5f6f8;border:1px solid #e6edf7;border-radius:7px}#screen{display:block;width:100%;height:auto;aspect-ratio:1200/850;cursor:crosshair}.remote.actual-size #screen{width:1200px;max-width:none;height:850px}.remote.expanded{position:fixed;inset:12px;margin:0;z-index:10000;overflow:auto;display:flex;flex-direction:column;box-shadow:0 0 0 30px #f5f6f8}.remote.expanded .screen-wrap{flex:1;min-height:180px}.remote.expanded:not(.actual-size) #screen{width:min(1200px,100%);margin:auto}.remote-input{display:flex;gap:10px;margin-top:14px}.remote-input input{flex:1;min-width:0}.keys{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.approval-app .keys button{height:32px;font-size:12px}.notify-channel{display:flex;align-items:center;gap:16px;margin-top:20px}.notify-channel select{min-width:240px}.notify-options{display:flex;gap:24px;flex-wrap:wrap;margin:20px 0}.notify .remote-input{margin-top:8px}.notify .hint{max-width:850px}.logs .row{padding-bottom:14px;border-bottom:1px solid #e6edf7}#records{min-height:180px;margin-top:8px}.entry{display:flex;gap:16px;padding:12px 6px;border-bottom:1px solid #edf1f7;font-size:12px}.time{color:#98a2b3;flex-shrink:0}.entry.success{color:#027a48}.entry.error{color:#d92d20}.empty{padding:55px 0;text-align:center;color:#98a2b3;font-size:13px}.login-card{max-width:440px;margin:14vh auto}.approval-app .panbox-version-badge{pointer-events:none}.approval-app .approval-account .pantools-account-info strong{white-space:normal;font-size:12px}
@media(max-width:1000px){body.approval-app #toolGrid.tool-grid.netdisk-pan-grid>.pantools-shell{grid-template-columns:72px 190px minmax(0,1fr)!important}.approval-app .pantools-account-pool{width:190px!important;min-width:0!important}.approval-scroll{padding:16px 16px 50px}.approval-app .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-tools{gap:8px}.row{flex-wrap:wrap}.remote-input{flex-wrap:wrap}.remote-input input{flex-basis:100%}}
@media(max-width:640px){body.approval-app #toolGrid.tool-grid.netdisk-pan-grid>.pantools-shell{grid-template-columns:64px minmax(0,1fr)!important;grid-template-rows:132px minmax(0,1fr)!important}.approval-app .netdisk-pan-sidebar{grid-column:1;grid-row:1/3;width:64px!important;min-width:0!important;padding-left:0!important;padding-right:0!important}.approval-app .pantools-account-pool{grid-column:2;grid-row:1;width:auto!important;padding:10px 12px!important;border-bottom:1px solid #e6edf7}.approval-app .pantools-account-tabs,.approval-app .pantools-account-list{display:none!important}.approval-app .pantools-add-account{margin-top:12px!important;flex-shrink:0}.approval-app .pantools-shell>.netdisk-pan-main{grid-column:2;grid-row:2;min-width:0!important;grid-template-rows:64px minmax(0,1fr)!important}.approval-app .pantools-currentbar{padding:8px 12px!important;gap:8px}.approval-app .pantools-current-account h2{font-size:14px}.approval-app .pantools-current-account p,.approval-app .pantools-current-logo{display:none!important}.approval-app .stats{gap:8px}.stats>div{padding:10px}.stats strong{font-size:23px}.approval-scroll{padding:12px 10px 45px}.approval-app .work,.approval-app .logs{padding:12px}.row,.actions{flex-wrap:wrap}#lastCheck{width:100%;margin-left:0}.notify-channel{flex-direction:column;align-items:stretch;gap:8px}.notify-channel select{min-width:0;width:100%}.notify-options{gap:12px}.entry{flex-direction:column;gap:6px}.screen-tools{width:100%}.screen-tools select{width:100%}.screen-tools label{display:none}.remote.expanded{inset:4px;padding:12px}.approval-app .panbox-version-badge{right:8px!important}.approval-app .panbox-version-badge em{display:none}.login-card{margin:10vh 18px}.approval-app .titlebar{min-height:30px}.approval-app .brand strong{font-size:13px}.approval-app .web-label{display:none}}
/* Browser adaptations to the copied desktop shell. */
body.approval-app.pantools-app-mode .tool-view{display:block!important}
body.approval-app.pantools-app-mode #dashboard{height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important}
body.approval-app.pantools-app-mode .stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.approval-app.pantools-app-mode #toolGrid.tool-grid.netdisk-pan-grid>.netdisk-pan-shell.pantools-shell{display:grid!important;grid-template-columns:72px 216px minmax(0,1fr)!important}
body.approval-app.pantools-app-mode .netdisk-pan-panelhost::before,body.approval-app.pantools-app-mode .netdisk-pan-panelhost::after{display:none!important}
body.approval-app.pantools-app-mode .titlebar-actions{gap:16px!important}
@media(max-width:1000px){body.approval-app.pantools-app-mode .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.approval-app.pantools-app-mode #toolGrid.tool-grid.netdisk-pan-grid>.netdisk-pan-shell.pantools-shell{grid-template-columns:72px 190px minmax(0,1fr)!important}}
@media(max-width:640px){body.approval-app.pantools-app-mode #dashboard{height:calc(100dvh - 30px)!important;max-height:calc(100dvh - 30px)!important}body.approval-app.pantools-app-mode #toolGrid.tool-grid.netdisk-pan-grid>.netdisk-pan-shell.pantools-shell{grid-template-columns:64px minmax(0,1fr)!important;grid-template-rows:132px minmax(0,1fr)!important}body.approval-app.pantools-app-mode .pantools-shell>.pantools-account-pool{height:132px!important;min-height:0!important;width:auto!important}body.approval-app.pantools-app-mode .pantools-shell>.netdisk-pan-sidebar{width:64px!important;min-width:0!important}body.approval-app.pantools-app-mode .pantools-shell .netdisk-pan-navgroup-flat{display:flex!important;flex-direction:column!important}body.approval-app.pantools-app-mode .pantools-shell .netdisk-pan-navitem,body.approval-app.pantools-app-mode .pantools-shell .netdisk-pan-side-action{width:60px!important}body.approval-app.pantools-app-mode .pantools-shell>.netdisk-pan-main{grid-template-rows:64px minmax(0,1fr)!important}body.approval-app.pantools-app-mode .pantools-shell .pantools-currentbar{padding:8px 12px!important}}
@media(max-width:640px){body.approval-app.pantools-app-mode .pantools-shell .pantools-current-account{min-width:0!important;max-width:none!important;flex:1!important;width:auto!important}body.approval-app.pantools-app-mode .pantools-shell .pantools-current-account>div{min-width:0!important;max-width:none!important;width:auto!important}body.approval-app.pantools-app-mode .pantools-shell .pantools-current-account h2{max-width:none!important;width:auto!important;overflow:visible!important;font-size:14px!important}body.approval-app.pantools-app-mode .pantools-account-pool{justify-content:space-between!important;gap:10px!important}body.approval-app.pantools-app-mode .pantools-add-account{margin:0!important;min-height:34px!important;height:34px!important}}
.approval-app #login-form{display:grid;gap:14px}.approval-app #login-form input{width:100%}.approval-app #password-dialog{width:min(440px,calc(100vw - 32px));padding:24px;border:1px solid #dbe7f5;border-radius:10px;color:#101828;background:#fff}.approval-app #password-dialog::backdrop{background:#10182866}.approval-app #password-form{display:grid;gap:16px}.approval-app #password-form h2{margin:0;font-size:18px}.approval-app #password-form label{display:grid;gap:7px;font-size:13px}.approval-app #password-form input{width:100%}.password-actions{display:flex;justify-content:flex-end;gap:12px}.approval-app .password-actions button{background:#1764ff;color:#fff;padding:10px 18px;border-radius:7px}.approval-app #password-cancel{background:#f4f7fb;color:#475467}#password-error{color:#d92d20;font-size:12px}
/* Remote console: fit the available height, focus the conversation, keep tools compact. */
.approval-app .remote .row{align-items:center}.approval-app .remote-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}.approval-app #frame-status{font-size:12px;color:#667085}.approval-app .remote .screen-wrap{display:block;text-align:center;min-height:160px;max-height:70vh;background:#e9edf3;padding:8px;border-color:#d6e0ee}.approval-app .remote #screen,.approval-app .remote.expanded:not(.actual-size) #screen{display:block;aspect-ratio:auto;width:auto;height:auto;max-width:100%;max-height:66vh;margin:0 auto;object-fit:contain;border-radius:4px}.approval-app .remote.actual-size #screen{width:auto;height:auto;max-height:none;max-width:none;margin:0 auto}.approval-app .remote.expanded .screen-wrap{flex:1;min-height:0;max-height:none}.approval-app .remote.expanded:not(.actual-size) #screen{max-height:calc(100dvh - 235px)}.approval-app .remote-keyboard{margin-top:12px;font-size:12px;color:#667085}.approval-app .remote-keyboard summary{cursor:pointer;padding:7px 0}.approval-app .remote .screen-tools{gap:8px}.approval-app .remote .screen-tools select{min-width:0}.approval-app #screen-hint{margin:8px 0 12px}@media(max-width:640px){.approval-app .remote .screen-tools{display:grid;grid-template-columns:1fr 1fr}.approval-app .remote-status{flex-wrap:wrap}.approval-app .remote.expanded:not(.actual-size) #screen{max-height:calc(100dvh - 310px)}}