/* Fișa Service Web – stiluri specifice versiunii din browser */
.is-web .titlebar{padding-right:14px;-webkit-app-region:no-drag;gap:8px}
.is-web .titlebar .btn svg{width:15px;height:15px}
.is-web .titlebar .btn span{pointer-events:none}
@media (max-width:1180px){.is-web .titlebar .btn span,.is-web #tbRec{display:none}.is-web .tb-clock .tbc-d{display:none}}
.is-web label:has(#s_auto){display:none}

/* ecran de autentificare */
.lg-web-note{display:flex;flex-direction:column;gap:4px;max-width:360px;padding:12px 14px;border-radius:12px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);color:#c3ccd6;font-size:12.5px;line-height:1.45}
.lg-web-note b{color:#fff;font:600 12px var(--f-display);letter-spacing:.14em;text-transform:uppercase}
.lg-links{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.lg-row{display:flex;gap:8px;flex-wrap:wrap}
.lg-card .lg-check{font-size:12.5px;line-height:1.4;align-items:flex-start}
.lg-card .lg-check input{margin-top:2px}

/* blocare (sesiune expirată, conflict) */
.web-block{position:fixed;inset:0;z-index:2147483600;display:grid;place-items:center;padding:20px;background:rgba(5,7,10,.72);backdrop-filter:blur(6px);animation:wbIn .25s ease}
@keyframes wbIn{from{opacity:0}}
.web-block-card{width:min(440px,100%);background:var(--panel,#161c23);color:var(--fg,#e7ecf1);border:1px solid var(--line,#2a3440);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 70px -20px rgba(0,0,0,.7)}
.web-block-card h3{margin:0;font:600 19px var(--f-display)}.web-block-card p{margin:0;color:var(--mute,#8b98a6);line-height:1.5}
.web-block-card .btn{align-self:flex-end;text-decoration:none}

/* contul meu */
.acc-head{display:flex;align-items:center;gap:14px}
.acc-head .av{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent2),var(--accent));color:var(--on-accent,#1a0e02);font:700 19px var(--f-display);flex:none}
.acc-head b{font-size:16px}.acc-head .chip{margin-left:auto}
.acc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.acc-sec{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid var(--line)}
.acc-btns{display:flex;gap:8px;flex-wrap:wrap}
.acc-btns .btn svg{width:15px;height:15px}
.acc-del{display:flex;gap:8px;flex-wrap:wrap}
.acc-del input{flex:1;min-width:180px;background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:7px 10px}
.acc-danger .lbl-s{color:var(--bad)}

/* administrare */
.ad-tbl td{vertical-align:middle}
.ad-tbl td.num,.ad-tbl td:nth-child(4),.ad-tbl td:nth-child(5){white-space:nowrap}
.ad-tbl .row-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.ad-tbl tr.ad-off td{opacity:.55}
.ad-tbl .btn.sm{padding:5px 9px;font-size:12px}
.ad-inv{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.ad-inv .field{margin:0}
.ad-new{margin-top:12px;padding:12px;border-radius:12px;border:1px dashed var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);display:flex;flex-direction:column;gap:8px}
.ad-codes{display:flex;flex-wrap:wrap;gap:8px}
.ad-codes code{font:700 15px var(--f-mono);letter-spacing:.06em;padding:5px 10px;border-radius:8px;background:var(--panel2);border:1px solid var(--line);user-select:all}
.ad-new .btn{align-self:flex-start}.ad-new .btn svg{width:14px;height:14px}
.ad-fb{display:flex;flex-direction:column;gap:10px;max-height:560px;overflow:auto}
.ad-fb-i{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--panel2);transition:opacity .2s}
.ad-fb-i.done{opacity:.5}
.ad-fb-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ad-fb-h .lg-check{margin-left:auto;font-size:12px}
.ad-fb-i p{margin:6px 0 0;white-space:pre-wrap;line-height:1.5}

.lg-hint{display:block;margin-top:4px;color:#9aa7b4;font-size:11.5px;line-height:1.4}