.aa10-device{height:138px!important;box-sizing:border-box;border:2px solid #9daeb3;border-radius:6px;background:linear-gradient(90deg,#e4e9e9,#fff 25%,#eef2f1 80%,#d7e0e2);color:#27343a;box-shadow:0 4px 10px #0007;overflow:visible;display:flex;flex-direction:column;justify-content:space-between;padding:3px 2px}
.aa10-bank{height:24px;display:flex;align-items:stretch;justify-content:space-around;gap:1px}.aa10-bank.bottom{margin-top:auto}.aa10-port{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;cursor:pointer;position:relative!important;background:transparent!important;padding:0!important;border:0!important;color:#28353c!important}.aa10-port span{font:700 6px/8px Arial,sans-serif;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:clip}.aa10-port i{display:block;width:75%;height:3px;background:#81a4a6;border-radius:2px}.aa10-port b.dot{position:static!important;display:block!important;width:8px!important;height:8px!important;min-width:8px!important;min-height:8px!important;border:2px solid #34444c!important;background:#e9eeee!important;border-radius:50%!important;box-sizing:border-box!important;cursor:pointer!important}.aa10-port.sel{outline:1px solid #22c9ef;border-radius:2px}.aa10-middle{min-height:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;overflow:hidden;pointer-events:none}.aa10-middle strong{font:800 10px/12px Arial,sans-serif}.aa10-middle small{font:700 7px/9px Arial,sans-serif;color:#55717a}.aa10-middle b{font:800 12px/14px Arial,sans-serif}.aa10-middle span{font:700 8px/10px Arial,sans-serif}.aa10-middle em{font:600 6px/8px Arial,sans-serif;font-style:normal;color:#437c69}.aa10-middle>i{font:600 5px/7px Arial,sans-serif;color:#a06832;font-style:normal}

/* V10.1: physical DIN width, 18 px per 18 mm module */
.aa-real-din-device.aa10-device{min-width:0!important;max-width:none!important;padding:3px 1px!important;top:16px!important;overflow:visible!important}
.aa10-device .aa10-bank{height:23px;gap:0;min-width:0}
.aa10-device .aa10-port{min-width:0!important;overflow:visible}
.aa10-device .aa10-port span{font-size:6px;line-height:8px;overflow:visible}
.aa10-device .aa10-port b.dot{width:7px!important;height:7px!important;min-width:7px!important;min-height:7px!important}
.aa10-device .aa10-middle{gap:2px;overflow:hidden}
.aa10-device .aa10-middle strong{font-size:9px;line-height:10px}
.aa10-device .aa10-middle small{font-size:7px;line-height:9px}
.aa10-device .aa10-middle b{font-size:10px;line-height:12px}
.aa10-device .aa10-middle span{font-size:7px;line-height:9px}
.aa10-device .aa10-middle em{font-size:6px;line-height:8px}
.aa10-device.aa10-two .aa10-middle strong{font-size:8px}
.aa10-device.aa10-two .aa10-middle b{font-size:8px}
.aa10-device.aa10-two .aa10-middle span{font-size:6px}
.aa10-device.aa10-one .aa10-middle strong{font-size:8px}
.aa10-device.aa10-one .aa10-middle small{font-size:6px}
.aa10-device.aa10-one .aa10-middle b{font-size:8px;writing-mode:vertical-rl;transform:rotate(180deg);max-height:48px}
.aa10-device.aa10-one .aa10-middle span,.aa10-device.aa10-one .aa10-middle em{display:none}
.aa10-device.aa10-one .aa10-port span{font-size:6px}
