.usage-device{display:grid;grid-template-columns:minmax(140px,1fr) minmax(140px,1fr);gap:8px 16px;align-items:center;border-bottom:1px solid #d5ddd3;padding:9px 0;font-size:14px}.usage-device small{display:block;color:#607369;font-size:12px}.usage-device select{width:100%;padding:8px;font-size:13px}.usage-tech{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.usage-tech label{display:block!important;font-size:12px}.usage-tech input{width:100%;min-width:0;padding:6px}.usage-time-row{padding:12px 0;border-bottom:1px solid #d5ddd3}.usage-enabled,.usage-periods label{display:flex!important;align-items:center;gap:7px;margin:0!important;font-size:13px!important}.usage-periods{display:flex;gap:10px 16px;flex-wrap:wrap;margin-top:8px}.usage-timing input[type=checkbox]{width:17px!important;height:17px;flex:0 0 17px;margin:0!important;accent-color:#234d3e}.usage-time-row>span{font-size:13px;color:#607369}.usage-timing h3{font-size:16px}@media(max-width:440px){.usage-tech{grid-template-columns:1fr 1fr}.usage-device{gap:8px;grid-template-columns:1fr 1fr}}

.period-base{font-size:13px;color:#51675c;margin:8px 0 12px}.period-stack{display:grid;gap:10px}.period-card{border:1px solid #d5ddd3;border-radius:8px;padding:12px 14px;background:#f4f6ef}.period-card h3{font-size:16px;margin:0 0 8px}.period-card>div{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px}.period-card label{display:flex!important;gap:8px;align-items:center;margin:0!important;font-size:13px!important;font-weight:400!important}.period-card input[type=checkbox]{width:17px!important;height:17px;flex:0 0 17px;margin:0!important;accent-color:#234d3e}@media(max-width:440px){.period-card>div{grid-template-columns:1fr}}

.period-card>div{grid-template-columns:1fr}.period-card select{width:100%;margin-top:9px;font-size:13px;padding:7px;background:#fff}

.usage-icon{width:20px;height:20px;flex:0 0 20px;vertical-align:middle}.period-card h3{display:flex;gap:8px;align-items:center}.period-card small{display:block;font-size:12px;color:#61756a;font-weight:400;line-height:1.5}.period-basis{display:flex!important;align-items:center;gap:9px;padding:8px 0 11px;margin-bottom:8px;border-bottom:1px solid #dce3d9;font-size:13px}.period-basis>span:nth-child(2){flex:1}.always-on{font-size:11px;color:#63796b;white-space:nowrap}.device-heading{display:flex!important;align-items:center;gap:9px;margin:0!important;font-size:14px!important;font-weight:400!important;cursor:pointer}.device-toggle[type=checkbox]{appearance:none!important;position:relative;width:34px!important;height:20px!important;flex:0 0 34px!important;padding:0!important;margin:0!important;background:#adb6af;border:0;border-radius:20px;cursor:pointer}.device-toggle[type=checkbox]:before{content:'';position:absolute;width:14px;height:14px;left:3px;top:3px;border-radius:50%;background:white;transition:transform .15s}.device-toggle[type=checkbox]:checked{background:#245440}.device-toggle[type=checkbox]:checked:before{transform:translateX(14px)}.device-toggle:focus-visible{outline:2px solid #ed8c36;outline-offset:3px}.device-off>.device-heading>span{color:#758177}.device-settings{grid-column:1/-1;font-size:12px;margin:0}.device-settings summary{font-size:12px}.add-device{padding:14px 0;margin:14px 0}.add-device summary{font-size:14px;cursor:pointer}.add-device .usage-tech{margin:12px 0}.add-device button{font-size:13px;padding:9px 14px}.period-base .usage-icon{width:16px;margin-right:4px}

.period-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 0;padding-top:10px;border-top:1px solid #d5ddd3}.period-stats dt{font-size:11px;color:#63796b;line-height:1.4}.period-stats dd{margin:3px 0 0;font-size:16px;font-weight:650;white-space:nowrap}.period-assumptions{margin:0 0 12px;font-size:12px}.period-assumptions summary{font-size:12px}.period-assumptions p{font-size:12px;line-height:1.6}@media(max-width:440px){.period-stats{gap:5px}.period-stats dd{font-size:14px}.period-stats dt{font-size:10px}}