:root{font-size:19px;line-height:1.5;font-family:Arial,"Segoe UI",sans-serif;color:#19181c;background:#fcfaf8;--orange:#ff7900;--muted:#777276;--line:#eee7e2}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 100%,#ffebdb70,transparent 38%);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffa54e;outline-offset:3px}svg{width:21px;height:21px;flex-shrink:0;vertical-align:middle}i{display:inline-flex;font-style:normal}a{text-decoration:none;color:inherit}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:28px 10px;background:linear-gradient(150deg,#fcfaf9 60%,#ffefe1);overflow:hidden;display:flex;flex-direction:column}.sidebar:after{content:'';width:500px;height:320px;position:absolute;bottom:-80px;left:-130px;border-radius:50%;transform:rotate(-28deg);background:linear-gradient(#ffd8b343,#ffead570);pointer-events:none}.brand{display:flex;align-items:center;gap:10px;padding:0 10px;white-space:nowrap;font-size:21px;letter-spacing:-.8px}.logo{display:grid;place-items:center;width:39px;height:40px;border-radius:12px;background:linear-gradient(145deg,#ff9526,#ff6a00);color:#fff;font-size:27px;font-weight:700;letter-spacing:-3px;padding-right:3px}.sidebar nav{margin-top:40px}.nav{width:100%;display:flex;align-items:center;gap:16px;padding:13px 17px;border-radius:10px;text-align:left;font-size:17px;margin-bottom:4px}.nav svg{color:#797579}.nav.active{background:#ffeadc;color:#d95d00;font-weight:600}.nav.active svg{color:#ff7300}.nav:hover{background:#fff0e4}.side-note{margin-top:auto;padding:20px;color:#997b65;font-size:13px;z-index:1}.side-note small{display:block;margin-top:6px;color:#aaa09a}main{margin-left:250px;padding:0 28px;}header{height:68px;display:flex;align-items:center;gap:17px;font-size:15px;color:#49454a}header svg{width:17px;color:#797579}header span{color:#8c8786}.heading{padding:13px 0 20px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:37px;letter-spacing:-1px;margin:0;font-weight:700}.heading p{font-size:16px;color:#777175;line-height:1.6;margin:9px 0}.primary{background:linear-gradient(#ff9121,#ff6d00);border:1px solid #f77a0a;color:white;padding:12px 18px;border-radius:10px;font-size:16px;font-weight:600;box-shadow:0 4px 9px #ff7a0018;white-space:nowrap}.primary:hover{filter:brightness(.98)}.notice{display:flex;align-items:center;gap:18px;padding:17px 20px;border-radius:13px;background:linear-gradient(115deg,#fff0df,#fff6ef 80%,#ffe0be);position:relative;overflow:hidden}.notice>svg{width:28px;height:28px;color:var(--orange)}.notice strong{font-size:16px}.notice p{font-size:15px;color:#807881;margin:7px 0 0;line-height:1.5}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.stat{border:1px solid var(--line);border-radius:14px;background:#ffffff77;padding:18px 14px;display:flex;align-items:flex-start;gap:11px;box-shadow:0 3px 5px #49321a08}.icon-box{display:inline-flex;align-items:center;justify-content:center;background:#fff0e2;border-radius:11px;color:var(--orange);width:40px;height:40px;flex-shrink:0}.stat strong{display:block;font-size:25px}.stat small{display:block;font-size:14px;color:#756d70;margin-top:4px;line-height:1.4}.group-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0}.group-tabs{display:flex;gap:10px;flex-wrap:wrap}.group-chip,.group-add{border:1px solid #e7dfd9;border-radius:9px;padding:10px 13px;background:#fff9;font-size:15px;overflow-wrap:anywhere;max-width:100%}.group-chip span{margin-left:12px;color:#837b79;font-size:14px}.group-chip.chosen{border-color:#ff830f;color:#e66800;box-shadow:0 3px 10px #ff7a000b}.group-add{border-style:dashed;border-color:#ffcda7;color:#eb700d;background:#fff5ed}.toolbar{display:flex;align-items:center;gap:22px;margin:26px 0 12px}.search{display:flex;align-items:center;gap:9px;border:1px solid #e7dfd9;background:#fff9;border-radius:9px;padding:10px 12px;flex:1;min-width:100px;box-shadow:0 3px 5px #49321a05}.search svg{width:17px;color:#817b7c}.search input{border:0;outline:0;background:none;min-width:0;width:100%;font-size:15px}.attention{display:flex;align-items:center;gap:9px;font-size:14px;white-space:nowrap;cursor:pointer;border-left:1px solid #e1d9d5;padding-left:22px}.attention input{position:absolute;opacity:0;width:1px;height:1px}.attention input:focus-visible+.switch{outline:3px solid #ffae66}.switch{width:37px;height:20px;background:#cdc7c2;border-radius:12px;display:block;padding:3px}.switch:after{content:'';display:block;width:14px;height:14px;border-radius:50%;background:white;box-shadow:0 1px 3px #7773;transition:transform .2s}.attention input:checked+.switch{background:var(--orange)}.attention input:checked+.switch:after{transform:translateX(17px)}.list-heading{display:flex;justify-content:space-between;color:#a49a94;font-size:13px;margin:12px 0 17px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.card{position:relative;min-width:0;text-align:left;padding:18px 18px 14px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,#fffdfb,#fffaf7);box-shadow:0 3px 6px #5933180c;transition:border-color .15s}.card:hover{border-color:#ffc99b}.card.picked{border-color:#ff7900;box-shadow:0 0 0 1px #ff7900,0 4px 12px #ff790017}.card-top{display:flex;gap:11px;align-items:center;min-width:0}.card-top>div{min-width:0}.card h2{font-size:17px;line-height:1.3;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:4px}.card p{font-size:14px;color:#77717b;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .icon-box{width:37px;height:37px}.selection{position:absolute;top:8px;right:8px;background:#ff7900;color:white;border:2px solid white;box-shadow:0 2px 5px #ff9c4055;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}.selection svg{width:14px;height:14px}.package-state{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:5px 9px;font-size:14px;margin:12px 0 10px}.package-state svg{width:14px;height:14px}.good{background:#eaf7e3;color:#2c6625}.unknown{background:#fff4d6;color:#9d7009}.metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:11px}.metrics>div+div{border-left:1px solid #e9e1dc;padding-left:13px}.metrics span{display:flex;align-items:center;gap:6px;color:#81777a;font-size:13px}.metrics svg{width:13px;height:13px}.metrics strong{display:block;font-size:23px;letter-spacing:-.5px;margin-top:5px;white-space:nowrap}.metrics small{font-size:14px;letter-spacing:0;font-weight:400}.zero{color:#d42820}.card-note{font-size:12px;color:#a99b91;margin-top:9px}.empty-state{grid-column:1/-1;border:1px dashed #e7d4c6;border-radius:15px;padding:50px 20px;text-align:center;color:#8c7e74}.empty-state>svg{width:30px;height:30px;color:#fda158}.empty-state h2{font-size:24px;color:#62564d}.empty-state p{font-size:16px;margin-bottom:22px}footer{padding:30px 0;font-size:12px;color:#a79c95;display:flex;justify-content:space-between;gap:14px}.panel-heading{display:flex;align-items:center;gap:12px;padding:0 4px}.panel-heading h2{font-size:22px;line-height:1.3;margin:0 0 4px;overflow-wrap:anywhere}.panel-heading p{font-size:14px;color:#776e7c;margin:0}.panel-heading button{margin-left:auto;align-self:flex-start;color:#827676;font-size:29px}.panel-status{font-size:13px;color:#9d8876;margin:12px 5px 15px}.panel-tabs{display:flex;border-radius:10px;background:#f6f0ec;margin-bottom:24px}.panel-tabs button{flex:1;font-size:15px;padding:13px 5px;color:#786d68;border-radius:10px}.panel-tabs .active{background:#fff4e9;color:#e16805;border-bottom:2px solid #ff8a20;box-shadow:0 3px 8px #f18c2820}.detail-box{border:1px solid var(--line);border-radius:14px;background:#fffdfb;margin-bottom:18px;box-shadow:0 3px 5px #55301d10;overflow:hidden}.detail-box h3{font-size:18px;margin:0;display:flex;gap:11px;align-items:center;padding:15px 17px;border-bottom:1px solid var(--line)}.detail-box h3 svg{color:var(--orange)}.box-body{padding:16px}.resource{display:flex;align-items:center;gap:11px}.resource .icon-box{width:32px;height:34px;border-radius:9px}.resource .icon-box svg{width:18px}.resource-text{flex:1;min-width:0}.resource-text strong{display:block;font-size:15px}.resource-text small{display:block;font-size:13px;color:#777180;margin-top:5px}.resource-value{width:140px;text-align:right;flex-shrink:0;font-size:15px}.bar{height:7px;border-radius:4px;background:#ece6e2;margin-top:10px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,#ff6900,#ff9129);border-radius:4px}.conditions{font-size:13px;line-height:1.7;color:#91847b;margin:12px 0 0}.balance-blocks{display:grid;grid-template-columns:1fr 1.15fr;gap:15px}.balance-blocks>div{background:#fff0e4;border-radius:9px;padding:11px}.balance-blocks>div+div{background:#f0f6e9}.balance-blocks small{display:block;font-size:13px;line-height:1.5;color:#625e54}.balance-blocks strong{display:flex;align-items:center;gap:6px;font-size:20px;margin-top:8px;white-space:nowrap}.balance-blocks strong small{font-size:14px;font-weight:400;display:inline}.balance-blocks svg{width:18px;height:18px;color:#eb760e}.balance-blocks>div+div svg{color:#598146}.line-valid{display:flex;justify-content:space-between;font-size:13px;color:#90857d;margin-top:15px}.line-valid b{font-weight:500}.muted{font-size:15px;color:#8b8078;line-height:1.8;margin:0}.panel-time{font-size:13px;color:#a3958a;line-height:1.7}dialog{width:min(600px,94vw);max-height:92vh;border:1px solid var(--line);border-radius:16px;padding:26px;background:#fffcfa;color:#27201d;box-shadow:0 20px 70px #49260d30}dialog::backdrop{background:#3a2c233f;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-head h2{font-size:23px;margin:0}.dialog-head button{font-size:30px;color:#98887d}#dialog-body{padding-top:15px}.field{display:flex;flex-direction:column;gap:8px;font-size:15px;color:#75675d;margin:15px 0}.field input,.field select{width:100%;padding:12px;border:1px solid #e5d9d0;border-radius:8px;background:white;color:#372a21}.form-intro{font-size:15px;color:#908176;line-height:1.6}.form-hint{font-size:13px;color:#aa998a;line-height:1.6}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.secondary{border:1px solid #e5d7cc;border-radius:8px;padding:11px 17px}.form-error,#page-error{font-size:15px;color:#c44b29}.primary:disabled{opacity:.5;cursor:wait}.empty-section{padding:25px 10px;text-align:center;color:#968171;line-height:1.8;font-size:16px}.empty-section svg{width:35px;height:35px;color:var(--orange)}.group-directory>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0;font-size:16px}.group-directory{margin-bottom:20px}.group-directory span{color:#998779}#toast:not(:empty){position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:20;background:#463324;color:white;padding:14px 24px;border-radius:10px;font-size:16px}
@media(min-width:1600px){main{padding:0 36px}.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}
@media(max-width:1250px){.sidebar{width:230px}.brand{font-size:19px;gap:7px}.logo{width:34px;height:36px}main{margin-left:230px;padding:0 22px}.stat{padding:16px 10px}.toolbar{gap:12px}.attention{padding-left:12px}.heading p{max-width:580px}}
@media(max-width:760px){.sidebar{position:static;width:100%;padding:15px;border-bottom:1px solid var(--line);background:none}.brand{font-size:21px}.sidebar nav{display:flex;margin-top:15px;gap:3px;overflow:auto}.nav{width:auto;white-space:nowrap;font-size:14px;padding:10px;gap:7px}.nav svg{width:17px;height:17px}.side-note,.sidebar:after{display:none}main{margin:0;padding:0 18px}header{height:48px;font-size:13px}.heading{padding-top:8px}.title-row{align-items:flex-start}h1{font-size:30px}.title-row .primary{font-size:14px;padding:11px}.heading p{font-size:15px}.notice{padding:14px;gap:12px}.notice strong{font-size:15px}.notice p{font-size:14px}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.stat{padding:14px}.stat strong{font-size:24px}.group-bar{margin:20px 0;gap:9px}.group-chip,.group-add{font-size:14px;padding:9px}.toolbar{flex-wrap:wrap;margin-top:18px}.search{flex-basis:100%}.attention{border:0;padding:0;flex:1}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px}.card{padding:13px}.card h2{font-size:16px}.card p{font-size:13px}.metrics strong{font-size:22px}footer{flex-direction:column;line-height:1.7}.balance-blocks strong{font-size:19px}.resource-value{width:110px}.resource-text strong{font-size:14px}}

.notice>i{color:var(--orange)}.notice>i svg{width:28px;height:28px}
.panel-status{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-status .primary{font-size:14px;padding:9px 12px}.history-row{padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}.history-row small{display:block;color:var(--muted);margin-top:5px}.history-row p{font-size:14px;color:#b65c39;line-height:1.6}
/* Account activity, editable settings and draft rules */
.package-state.expired{background:#ffe7e3;color:#bd4533}.resource-kind{display:block;color:#dc731e;font-size:12px;letter-spacing:.4px;margin-bottom:5px}.resource+.conditions{margin-bottom:17px}.resource-text strong{overflow-wrap:anywhere}.panel-tabs button{font-size:14px;padding:13px 3px}.account-overview{display:grid;gap:14px}.overview-balance{background:linear-gradient(110deg,#fff0e1,#fff8f1);border:1px solid #ffe2c9;border-radius:12px;padding:16px}.overview-balance>span,.overview-activity>span{display:flex;align-items:center;gap:8px;font-size:14px;color:#8c7869}.overview-balance>span svg{width:17px;color:#ed7c1a}.overview-balance strong{display:block;font-size:35px;letter-spacing:-.7px;margin-top:12px}.overview-balance strong small{font-size:16px;font-weight:400;color:#95816f;letter-spacing:0;margin-left:5px}.overview-activity{border-radius:11px;padding:15px;background:#f0f7e9;border:1px solid #e0eed4}.overview-activity>span{color:inherit}.overview-activity strong{display:block;font-size:27px;margin:10px 0 7px;letter-spacing:-.5px}.overview-activity>small{display:block;font-size:12px;opacity:.65;line-height:1.5}.overview-activity.expired{background:#fff0ec;color:#ab4a3b;border-color:#f8d9d1}.overview-activity.unknown{border-color:#f3e6bf}.field input[readonly]{background:#f4f1ef;color:#877b71;font-family:Consolas,monospace;cursor:text}.field-help{font-size:13px;color:#a29489;line-height:1.5}.tab-empty{padding:17px 0;text-align:center}.tab-empty>svg{width:30px;height:30px;color:#e4a36c;margin-bottom:15px}.tab-empty strong{display:block;font-size:16px;color:#786a5f}.tab-empty p{font-size:15px;line-height:1.8;color:#95877b}.tab-empty small{font-size:13px;color:#ae9f92}.rule-editor{border:1px solid var(--line);border-radius:10px;padding:14px;margin:15px 0;background:#fffaf6}.rule-title{display:flex;align-items:center;justify-content:space-between;font-size:15px}.rule-title button{font-size:26px;color:#aa9380}.rule-threshold{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.rule-threshold .field{margin:0}.rules-empty{margin:20px 0}.rules-empty+.secondary{margin-bottom:15px}#rules-form>.primary{margin-top:12px}.rule-editor .field{margin-top:12px}.card-top h2{padding-right:12px}
.schedule-settings{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.schedule-toggle{border:0;padding:0;font-size:15px;white-space:normal}.schedule-next{font-size:13px;color:#9b8777;line-height:1.6;margin:12px 0}.schedule-settings .field{margin-top:20px}
.interval-controls{display:flex;align-items:center;gap:10px}.interval-controls input{flex:none;width:78px;min-width:0;text-align:center;padding:11px 8px;appearance:textfield;-moz-appearance:textfield}.interval-controls input::-webkit-inner-spin-button,.interval-controls input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.interval-controls select{flex:none;width:112px;padding:11px 12px}.card-note{line-height:1.6}
.group-bar:has(.group-tabs:empty){display:none}
.global-events{max-width:1000px;border:1px solid var(--line);border-radius:14px;background:#fffdfb;padding:8px 22px 20px;box-shadow:0 3px 10px #59331808}.event-item{display:flex;align-items:flex-start;gap:13px;border-bottom:1px solid var(--line);padding:20px 0}.event-item:last-child{border-bottom:0}.event-symbol{display:grid;place-items:center;background:#fff0e2;border-radius:10px;color:var(--orange);width:33px;height:33px;flex-shrink:0}.event-symbol svg{width:18px;height:18px}.event-item>div{min-width:0;flex:1}.event-item time{display:block;color:#a18d7c;font-size:13px;margin:0 0 8px}.event-account{display:block;text-align:left;padding:0;color:#cf650c;font-size:16px;font-weight:600;overflow-wrap:anywhere}.event-account:hover{text-decoration:underline}.event-item p{font-size:15px;line-height:1.8;margin:6px 0 0;color:#685b51}.events-more{margin:12px 0 5px}#journal-view .heading{padding-top:15px}.global-events .tab-empty{padding:45px 10px}.empty-state h2{margin:0}.global-events[hidden]{display:none}
.tg-bot-status{display:flex;align-items:center;gap:13px;background:#fff5e9;border:1px solid #ffe2c8;border-radius:12px;padding:18px;margin:10px 0 23px}.tg-bot-status strong{font-size:18px}.tg-bot-status p{font-size:15px;color:#97816e;line-height:1.6;margin:6px 0 0}.tg-tabs{max-width:520px}.tg-pane-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0 18px}.tg-pane-heading h2{font-size:22px;margin:0}.tg-recipient{width:100%;display:flex;text-align:left;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);background:#fffdfb;border-radius:12px;margin:12px 0;box-shadow:0 3px 6px #59331807}.tg-recipient>div{min-width:0;flex:1}.tg-recipient strong{display:block;font-size:17px;overflow-wrap:anywhere}.tg-recipient small{display:block;margin-top:5px;font-size:14px;color:#9f8977}.tg-state{display:inline-block;border-radius:15px;background:#fff2d6;color:#a17839;font-size:13px;padding:6px 10px;line-height:1.5}.tg-state.ready{background:#eaf5e3;color:#5f813f}.tg-empty{border:1px dashed #e6d5c7;padding:45px 20px;border-radius:12px;text-align:center;color:#a38a77;font-size:15px}.tg-empty strong{font-size:20px;color:#7b6451}.tg-empty p{line-height:1.8}.tg-route,.tg-delivery{border:1px solid var(--line);border-radius:12px;background:#fffdfb;padding:17px;margin:12px 0;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.tg-route>div{display:flex;flex-wrap:wrap;align-items:center;gap:12px;flex:1;font-size:16px}.tg-route>div span{color:#ff9534}.tg-route small{width:100%;font-size:13px;color:#a18b78}.tg-delivery>div{flex:1;min-width:180px}.tg-delivery strong{font-size:16px}.tg-delivery small{display:block;font-size:13px;color:#aa927d;margin-top:8px}.tg-delivery p{font-size:14px;color:#ae7951;line-height:1.7}.tg-connection{margin:24px 0 15px;padding:15px;background:#fff4e8;border-radius:9px}.tg-connection-status{font-size:16px;font-weight:600}.tg-current-reason{font-size:14px;line-height:1.8;color:#a17e63;margin:8px 0 0}.tg-recipient-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.tg-recipient-actions .primary,.tg-recipient-actions .secondary{font-size:14px;white-space:normal;text-align:left}.tg-link{display:inline-block;text-decoration:none;white-space:normal;margin:4px 0 8px}.tg-test-status:not(:empty){padding:13px;margin-top:20px;background:#f5f3ef;border-radius:8px;font-size:14px}.tg-test-status p{line-height:1.8;color:#998472;margin:8px 0 0}.tg-message{font-size:14px;line-height:1.8;color:#648349}.tg-error{font-size:15px;line-height:1.8}.tg-danger{border-top:1px solid var(--line);margin-top:25px;padding-top:15px}.text-danger{color:#b77154;padding:0;font-size:14px}.tg-danger p{font-size:14px;color:#ac7f67;line-height:1.7}.tg-danger .secondary{color:#ac4e2d}.tg-link-area>.secondary{display:block}.tg-link-area .form-hint{margin:8px 0 12px}@media(max-width:650px){.tg-pane-heading{gap:12px}.tg-pane-heading h2{font-size:20px}.tg-pane-heading .primary{font-size:14px;padding:11px 12px}.tg-recipient{gap:10px;padding:14px}.tg-recipient .icon-box{width:32px;height:32px}.tg-state{font-size:12px}.tg-bot-status{align-items:flex-start}}
.card-delete-zone{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.card-delete-zone p{font-size:14px;color:#a78974;line-height:1.8}.card-delete-zone .secondary{color:#af5030}.group-directory>div{gap:14px}.group-directory>div>strong{flex:1;overflow-wrap:anywhere}.group-directory .text-danger{margin-left:5px}.event-deleted{color:#9b8d82;font-weight:400}.tg-step{font-size:12px;font-weight:600;color:#b18c69;letter-spacing:1.3px;margin:4px 0 18px}.tg-connect-name{font-size:18px;margin:8px 0 20px;color:#6a5140}.tg-connect-steps{font-size:15px;color:#9a8372;line-height:1.9;padding-left:22px;margin:20px 0 25px}.tg-connect-steps li{padding-left:7px;margin:12px 0}.tg-wide{width:100%;text-align:center;display:block}.tg-open-link{display:flex;align-items:center;justify-content:center;gap:9px;margin:20px 0 25px}.tg-connect-footer{display:flex;justify-content:flex-end;border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.tg-connect-success{text-align:center;padding:35px 15px;color:#66844f}.tg-connect-success svg{display:block;margin:0 auto 15px;width:38px;height:38px}.tg-connect-success strong{display:block;font-size:26px}.tg-connect-success p{font-size:16px;line-height:1.8}#tg-link-input{font-size:13px;color:#8c715a;background:#fffaf5}.tg-connection strong{font-size:15px}.tg-connection p{font-size:14px;line-height:1.8;color:#a17e63}.tg-connection .primary{font-size:14px;white-space:normal}
.tg-connect-footer{gap:10px;flex-wrap:wrap;justify-content:space-between}.tg-connect-footer .secondary{font-size:14px}

/* Details overlay keeps the underlying tile grid unchanged. */
dialog.detail-panel{position:fixed;inset:0;margin:auto;width:min(740px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:24px;border:1px solid var(--line);border-radius:16px;background:#fffcfa;overflow:auto;overscroll-behavior:contain}
dialog.detail-panel::backdrop{background:#30251d66;backdrop-filter:blur(3px)}
@media(max-width:760px){dialog.detail-panel{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:20px 14px}}

/* Comfortable reading at normal browser zoom. */
.card-note{font-size:14px;color:#776c64;line-height:1.5;margin-top:12px}
.list-heading,footer{font-size:13px;color:#796e67}
.panel-time,.conditions,.field-help,.schedule-next,.form-hint{color:#796c62}
.overview-activity>small{opacity:1;color:#627355}
.overview-activity.expired>small,.overview-activity.unknown>small{color:inherit}
.field input,.field select{font-size:16px;min-height:46px}
.card h2{white-space:normal;overflow-wrap:anywhere;line-height:1.4}
.card-top>div{flex:1}.card-top{align-items:flex-start}
.stats{gap:16px}.stat{padding:20px 16px}
.resource{align-items:flex-start}.resource-value{line-height:1.6}
.tg-recipient small,.tg-bot-status p,.tg-connect-steps,.tg-current-reason{color:#7b695a}
.form-actions,.panel-status{flex-wrap:wrap}
@media(max-width:760px){
 .sidebar{width:100%}.brand{font-size:21px}main{margin-left:0}
 .toolbar{gap:16px}.card{padding:17px}.card h2{font-size:17px}
 .title-row{flex-wrap:wrap}.stat{padding:16px 12px}
 .panel-tabs button{font-size:14px}.box-body{padding:14px}
 .resource{flex-wrap:wrap}.resource-value{margin-left:43px;width:calc(100% - 43px);text-align:left}
 .panel-heading>div{min-width:0;flex:1}.panel-heading h2{font-size:21px}
 .tg-recipient{flex-wrap:wrap}.tg-recipient .tg-state{margin-left:42px}
 .rule-threshold{grid-template-columns:1fr}.attention{white-space:normal}
 .overview-balance strong{font-size:32px}.overview-activity strong{font-size:25px}
}

.rule-target{display:flex;align-items:flex-start;gap:12px;margin:16px 0;font-size:16px;overflow-wrap:anywhere}.rule-target input{width:20px;height:20px;flex-shrink:0;accent-color:var(--orange)}.rule-threshold .field{min-width:0}.rule-threshold{grid-template-columns:minmax(0,1fr) 112px}.rule-editor .field-help{font-size:13px;line-height:1.7}@media(max-width:420px){.rule-threshold{grid-template-columns:minmax(0,1fr) 90px}}

[hidden]{display:none!important}.auth-bar{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:15px}.auth-bar button{padding:7px 0}.auth-bar #my-profile{font-weight:600;color:#bd600e}.login-page{display:grid;place-items:center;padding:24px}.login-box{width:min(480px,100%);padding:36px;border:1px solid var(--line);border-radius:18px;background:#fffcfa;box-shadow:0 8px 40px #59331812}.login-box .brand{padding:0}.login-box h1{font-size:29px;margin-top:34px}.login-box .field-help{margin-top:20px}.user-row{display:flex;justify-content:space-between;align-items:center;gap:18px;text-align:left;width:100%;padding:18px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.user-row small{display:block;font-size:14px;color:var(--muted);margin-top:5px}.user-row>span:last-child{font-size:13px;color:#bd600e}.user-list{margin-bottom:24px}.user-back{margin-top:24px}#reset-user-password{border-top:1px solid var(--line);margin-top:24px;padding-top:12px}@media(max-width:760px){header{height:auto;min-height:60px;flex-wrap:wrap;gap:10px}.auth-bar{font-size:14px;gap:16px}.login-box{padding:26px}.user-row{align-items:flex-start}.user-row>span:last-child{white-space:nowrap}}
