.network-settings p{margin:12px 0;line-height:1.6}.network-state{display:flex;align-items:center;gap:14px}.network-lamp{width:18px;height:18px;flex:none;border-radius:50%;background:#9ba9b0;box-shadow:0 0 0 7px #9ba9b019}.network-lamp.on{background:#2bb879;box-shadow:0 0 0 7px #2bb87919}.network-address{padding:16px;margin:14px 0;border:1px solid #d8e4e6;border-radius:12px;box-shadow:0 4px 10px #173b4310}.network-fingerprint,.network-settings code{overflow-wrap:anywhere;word-break:break-word}.network-qr{text-align:center}.network-qr img{display:block;max-width:270px;width:100%;margin:0 auto 20px}.network-qr p{margin:10px 0;overflow-wrap:anywhere}.network-prompt{z-index:100;max-width:600px}.network-prompt h2,.network-prompt p{margin-bottom:16px}.network-prompt input{display:block;width:100%;margin:12px 0}.network-prompt button{margin:6px}.network-link{display:block;background:#173c45;color:white;padding:14px;border-radius:9px;text-align:center;text-decoration:none}#network-changed,#network-connection{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:90;background:#fff4d8;border:1px solid #d9be72;border-radius:12px;padding:12px 18px;box-shadow:0 6px 22px #0002;display:flex;gap:16px;align-items:center;max-width:94vw}#network-connection{background:#fff0f0;color:#9a163a;bottom:80px}#network-downloads{position:fixed;bottom:16px;right:16px;z-index:150;background:white;padding:12px;border:1px solid #ccdadd;border-radius:12px;max-width:min(450px,92vw);box-shadow:0 8px 24px #0003}#network-downloads>div{display:flex;align-items:center;gap:10px;margin:6px}#network-downloads a{overflow-wrap:anywhere;color:#173b43}#network-menu{display:none}
@media screen and (max-width:760px){body.network-browser #network-menu{display:block;position:fixed;left:10px;top:46px;z-index:41;background:#173b43;color:white;min-height:44px;border-radius:10px;box-shadow:0 4px 12px #0003}body.network-browser #shell{height:calc(100dvh - 40px)}body.network-browser #nav{position:fixed;left:0;top:94px;bottom:0;width:min(290px,88vw);z-index:40;box-shadow:8px 0 35px #173b4340;transform:translateX(-110%);visibility:hidden}body.network-menu-open #nav{transform:none;visibility:visible}body.network-browser #main{padding:66px 12px 16px;width:100%;overflow:auto}body.network-browser #ribbon{font-size:10px;gap:5px;padding:4px 8px;height:40px}body.network-browser .settings{display:block;height:auto}body.network-browser #main:has(>.settings){overflow:auto}body.network-browser .setnav{max-height:230px;margin-bottom:16px}body.network-browser .settings>#setbody{overflow:visible}body.network-browser .bar{flex-wrap:wrap;gap:12px}body.network-browser .bar>.actions{flex-wrap:wrap}body.network-browser dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px 12px;margin:auto}body.network-browser dialog>.bar{position:sticky;top:-16px;z-index:3;background:#f7f7f8;padding:12px 0}body.network-browser input,body.network-browser select,body.network-browser textarea,body.network-browser .grid label input,body.network-browser .grid label select{font-size:16px}body.network-browser button{min-height:40px}body.network-browser .grid{grid-template-columns:1fr}body.network-browser .tools{flex-wrap:wrap}body.network-browser .tools input{width:100%}body.network-browser .scroll{max-width:100%;overflow:auto;overscroll-behavior-x:contain}body.network-browser .listcard{padding:14px;min-height:calc(100dvh - 190px)}body.network-browser .pager{flex-wrap:wrap;gap:8px}body.network-browser .contact-layout,body.network-browser .job-layout,body.network-browser .repair-workspace,body.network-browser .repair-grid{grid-template-columns:1fr}#network-changed{width:94vw;font-size:12px;gap:8px}#network-downloads{font-size:12px}body.network-browser:has(.login-shell) #network-menu{display:none}body.network-browser:has(.login-shell) #main{padding-top:20px}}
@media print{#network-changed,#network-connection,#network-downloads,#network-menu{display:none!important}}

@media screen and (max-width:760px){body.network-browser #shell>#nav{width:min(290px,88vw)}body.network-browser .scroll>table{min-width:700px}body.network-browser .repair-card .scroll>table{min-width:480px}body.network-browser #main .settings>.setnav{height:230px;max-height:230px;padding:16px}body.network-browser #main .settings>#setbody{padding:16px 0}body.network-browser .lines{display:block;overflow:auto}body.network-browser .lines>table{min-width:760px}body.network-browser .workshop-tools{gap:10px}body.network-browser .bar{align-items:flex-start}body.network-browser .bar>div{max-width:100%}body.network-browser #backup-alert{padding-left:102px}body.network-browser dialog.network-prompt{z-index:200}}