.inspector-page{font-size:13px;background:#f7f8fa}
.inspector-page main{max-width:1380px;padding:18px 24px}
.inspector-page header{padding-bottom:12px}
.inspector-page header a{font-size:11px;letter-spacing:.08em}
.inspector-page header span{font-size:12px}
.inspector .page-title{display:flex;align-items:baseline;gap:16px;margin:18px 0 12px}
.inspector h1{font-size:24px;line-height:1.2;letter-spacing:-.025em;margin:0}
.inspector .page-title>span,.inspector .note,.inspector .tick-note{color:#637184;font-size:12px}
.inspector .clock-strip{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;padding:12px 16px;background:#172b43;color:#e8eef7;border-radius:6px}
.inspector .clock-strip>div{display:flex;align-items:center;gap:10px}
.inspector .clock-strip time{font:600 23px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}
.inspector .live-dot{width:6px;height:6px;border-radius:50%;background:#7be1b5}
.inspector #local-clock-details{font-size:12px;color:#c5d1df}
.inspector .tick-note{margin-left:auto;color:#b1c0d2;font-size:11px}
.inspector .reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.inspector section{border-radius:6px;padding:0;margin:14px 0 0;overflow:hidden;border-color:#dbe1e8}
.inspector h2{font-size:13px;font-weight:650;letter-spacing:.01em;margin:0;padding:10px 12px;border-bottom:1px solid #dbe1e8;background:#f0f3f7}
.inspector h2 span{font-size:11px;font-weight:400;color:#637184;margin-left:8px}
.inspector table{font-size:12px;width:100%;line-height:1.4}
.inspector th,.inspector td{padding:7px 12px;border-color:#e7ebf0;vertical-align:middle}
.inspector thead th{font-size:10px;letter-spacing:.035em;text-transform:uppercase;background:#fafbfd;color:#637184}
.inspector tbody th{text-align:left;color:#34475f;font-weight:500}
.inspector code{font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.inspector .zone-id{display:block;color:#637184;font-size:10px}
.inspector .timezone-table time{font:500 14px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}
.inspector .clock-details{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;color:#526278}
.inspector .note{margin:9px 12px;line-height:1.5}
.inspector details{margin:8px 12px;font-size:12px}
.inspector summary{cursor:pointer;color:#145ba8}
.inspector pre{overflow:auto;background:#f3f5f8;padding:8px;border-radius:4px}
.inspector details .note{margin:6px 0}
.inspector footer{font-size:11px;padding:12px 0;gap:14px}
@media(max-width:850px){.inspector .reference-grid{grid-template-columns:1fr}.inspector .tick-note{margin-left:0}.inspector-page main{padding:14px}.inspector .page-title{flex-wrap:wrap;gap:5px}.inspector .snapshot-table{min-width:660px}}

.inspector .walkthrough{margin:0 0 12px}.guide-steps{margin:10px 12px 10px 30px;padding:0;font-size:12px;line-height:1.65}.guide-steps li{padding:2px 0}.inspector .compact-form{padding:10px 12px;margin:0}.compact-form p{margin:8px 0}.inspector input,.inspector select{font-size:12px;padding:7px}.inspector button{font-size:12px;padding:7px 12px}.inspector .zone{margin:0 0 4px;padding:6px 12px;font-size:12px}.inspector dialog{max-width:480px;width:calc(100% - 32px);padding:20px;border:1px solid #b7c5d5;border-radius:8px;color:#172b43;box-shadow:0 16px 60px #172b4333}.inspector dialog::backdrop{background:#172b4370}.inspector dialog h2{background:none;padding:0 0 10px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}#suggestion-error{color:#a22222}#unsaved-warning{color:#8d5110}

.inspector .reference-grid>section{overflow:visible}
.inspector .ts-wrapper{font-size:12px}
.inspector .ts-control{border:1px solid #8b9bb0;border-radius:6px;box-shadow:none;background:#fff!important;padding:8px;min-height:36px}
.inspector .ts-control>input{font-size:12px;padding:0!important;min-width:120px;box-shadow:none;border:0}
.inspector .ts-control>.item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 15px)}
.inspector .ts-wrapper.focus .ts-control{outline:2px solid #e6a823;outline-offset:2px}
.inspector .ts-dropdown{font-size:12px;z-index:30;border:1px solid #aebed1;border-radius:6px;box-shadow:0 8px 24px #172b4322;overflow:hidden}
.inspector .ts-dropdown-content{max-height:320px;overscroll-behavior:contain}
.inspector .ts-dropdown .optgroup-header{font-size:10px;font-weight:700;padding:8px 10px;background:#f0f3f7;color:#526278}
.inspector .ts-dropdown .option{padding:7px 10px;display:flex;flex-direction:column;gap:2px}
.inspector .ts-dropdown .option code{color:#60738c;font-size:10px}
.inspector .ts-dropdown .active{background:#e3effd;color:#172b43}
.inspector .ts-dropdown .selected{box-shadow:inset 3px 0 #185aa6}
.inspector .ts-dropdown .no-results{padding:12px}
/* Keep the single-select control height stable when its search input gains/loses focus. */
.inspector .ts-wrapper.single .ts-control{height:36px;min-height:36px;flex-wrap:nowrap;align-items:center}
.inspector .ts-control>input{width:auto!important;min-width:0!important;flex:1 1 auto}