:root{ --bg:#FAFAFA;--surface:#fff;--ink:#232323;--muted:#828282;--muted2:#9F9F9F; --line:#EDEDED;--line2:#F4F4F4;--weekend:#F7F7F7;--today:#E5484D; --accent:#707070;--accent-soft:#EFEFEF; --surf2:#F5F5F5;--hover:#FBFBFB;--projrow:#FAFAFA;--wehead:#E9E9E9;--oddwk:#F6F6F6; --todaycol:#FFEEEE;--holbg:#FFF3E0;--barbg:#fff;--input:#fff;--menu:#fff; --scrollthumb:#DCDCDC; --p-urgent:#E5484D;--p-high:#F5A623;--p-normal:#858585;--p-low:#BABABA; --s-ns:#9F9F9F;--s-ns-bg:#F2F2F2;--s-ip:#858585;--s-ip-bg:#EFEFEF; --s-wt:#D97706;--s-wt-bg:#FEF3E2;--s-bl:#E5484D;--s-bl-bg:#FDECEA;--s-dn:#16A34A;--s-dn-bg:#E7F6EC; --shadow-sm:0 1px 2px rgba(25,25,25,.05); --shadow:0 4px 16px rgba(25,25,25,.10),0 1px 3px rgba(25,25,25,.06); --row-h:36px;--head-h:56px;--list-w:620px;--day-w:40px; --cw-rap:30px;--cw-tip:76px;--cw-status:88px;--cw-term:132px;--cw-prog:32px;--cw-resp:20px;--cw-act:47px; --mono:ui-monospace,"SFMono-Regular","Cascadia Code",Consolas,monospace; --ui:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; } /* ===== raportare avize ===== */ #reportView{display:none;padding:16px;overflow:auto;flex:1;min-height:0} #reportView.on{display:block} .rpcard{background:var(--surface);border:1px solid var(--line);border-radius:12px; box-shadow:var(--shadow-sm);overflow:hidden} .rphead{padding:15px 17px;border-bottom:1px solid var(--line);display:flex;gap:17px; align-items:flex-start;flex-wrap:wrap} .rpcode{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.06em;color:#fff; background:var(--accent);padding:5px 9px;border-radius:6px;white-space:nowrap} .rptitle{flex:1;min-width:240px} .rptitle b{display:block;font-size:15px;font-weight:750;line-height:1.3;margin-bottom:5px} .rpmeta{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;font-size:12px;margin:0} .rpmeta dt{color:var(--muted2)} .rpmeta dd{margin:0;color:var(--ink)} .rpstamp{text-align:right;font-size:11.5px;color:var(--muted);font-family:var(--mono);line-height:1.6} .rpstamp b{font-size:13px;color:var(--ink)} .rpstamp .mut{color:var(--muted2)} .rpkpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:1px; background:var(--line);border-bottom:1px solid var(--line)} .rpkpi{background:var(--surface);padding:10px 13px} .rpkpi .kn{font-size:20px;font-weight:800;font-family:var(--mono);line-height:1.1} .rpkpi .kl{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted2);margin-top:3px} .rpkpi.dn .kn{color:var(--s-dn)} .rpkpi.lu .kn{color:var(--s-wt)} .rpkpi.wt .kn{color:#B45309} .rpkpi.bl .kn{color:var(--s-bl)} .rpscroll{overflow-x:auto} .rpt{width:100%;min-width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed} .rpt th{text-align:left;padding:8px 9px;background:var(--surf2);font-size:9.5px;text-transform:uppercase; letter-spacing:.05em;color:var(--muted);font-weight:700;border-bottom:1px solid var(--line);white-space:nowrap; position:relative;overflow:visible;user-select:none} .rpcolgrip{position:absolute;right:-6px;top:0;bottom:0;width:12px;z-index:5;cursor:col-resize; touch-action:none;display:flex;align-items:center;justify-content:center} .rpcolgrip::before{content:"";width:2px;height:16px;border-radius:2px;background:transparent;transition:.12s} .rpcolgrip:hover::before,.rpcolgrip:focus::before,.rpcolgrip.on::before{height:24px;background:var(--accent)} body.rpcolresizing{cursor:col-resize!important;user-select:none!important} body.rpcolresizing *{cursor:col-resize!important} .rpt td{padding:7px 9px;border-bottom:1px solid var(--line2);vertical-align:top} .rpt tbody tr:hover td{background:var(--hover)} .rpphwrap{max-height:60vh;overflow-y:auto} .rpphase{border:1px solid var(--line);border-radius:10px;margin-bottom:9px;background:var(--surface)} .rpphrow{display:flex;align-items:center;gap:7px;padding:8px 9px;border-bottom:1px solid var(--line2)} .rpphrow input{flex:1;min-width:0;padding:6px 8px;border:1px solid var(--line);border-radius:7px; font:inherit;font-size:13px;font-weight:650;background:var(--input);color:var(--ink)} .rpphcount{font-family:var(--mono);font-size:10px;color:var(--muted2);flex:none;white-space:nowrap} .rpphrow button,.rpscrow button{flex:none;min-width:30px;min-height:30px;border:1px solid var(--line); background:var(--surface);border-radius:7px;font:inherit;font-size:12px;cursor:pointer;color:var(--muted)} .rpphrow button:hover:not(:disabled),.rpscrow button:hover:not(:disabled){color:var(--accent);border-color:#CDCDCD} .rpphrow button:disabled,.rpscrow button:disabled{opacity:.35;cursor:default} .rpphrow button.del:hover,.rpscrow button.del:hover{color:var(--p-urgent);border-color:var(--p-urgent)} .rpsects{padding:7px 9px 9px 22px;display:flex;flex-direction:column;gap:6px} .rpscrow{display:flex;align-items:center;gap:6px} .rpscrow input{flex:1;min-width:0;padding:5px 8px;border:1px solid var(--line);border-radius:6px; font:inherit;font-size:12.5px;background:var(--input);color:var(--ink)} .rpscadd{align-self:flex-start;border:1px dashed var(--line);background:transparent;border-radius:7px; padding:5px 10px;font:inherit;font-size:12px;color:var(--muted);cursor:pointer;min-height:32px} .rpscadd:hover{color:var(--accent);border-color:var(--accent)} .rpphacts{display:flex;gap:7px;margin-top:4px} /* editare pe loc în tabelul de raportare */ .rpt input[type="date"],.rpt input[type="text"],.rpt .rpstsel{ width:100%;min-width:0;padding:5px 6px;border:1px solid transparent;border-radius:6px; font:inherit;font-size:11.5px;background:transparent;color:var(--ink);min-height:30px} .rpt input[type="date"]{font-family:var(--mono);font-size:11px} .rpt input[type="text"]{font-size:11.5px} .rpt input:hover,.rpt .rpstsel:hover{border-color:var(--line);background:var(--surface)} .rpt input:focus,.rpt .rpstsel:focus{outline:none;border-color:var(--accent); background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)} .rpt input::placeholder{color:var(--muted2)} /* pastila de stadiu e un select adevărat */ .rpt .rpstsel{-webkit-appearance:none;appearance:none;font-size:10.5px;font-weight:700; text-align:center;border-radius:20px;cursor:pointer;padding:5px 8px} .rpt .rpstc{padding:4px 6px} .rpt .rprp input{font-family:var(--mono);font-size:10.5px;font-weight:700;text-align:center} .rpt .rpobs input{font-size:11.5px} .rpt td.rpdt,.rpt td.rprp,.rpt td.rpobs{padding:3px 4px} @media (max-width:820px){ .rpt input[type="date"]{font-size:10.5px} } /* editorul unei poziții de raport */ .rped{display:flex;flex-direction:column;gap:14px;max-height:64vh;overflow-y:auto;padding-right:4px} .rpedname{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-bottom:11px;border-bottom:1px solid var(--line)} .rpedname b{font-size:14.5px;font-weight:700;line-height:1.3;flex:1;min-width:180px} .rpedname input{flex:1;min-width:180px;padding:8px 10px;border:1px solid var(--line);border-radius:8px; font:inherit;font-size:14px;font-weight:650;background:var(--input);color:var(--ink)} .rpedtag{font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase; padding:3px 7px;border-radius:5px;background:var(--accent-soft);color:#4E4E4E;flex:none} .rpedtag.alt{background:var(--surf2);color:var(--muted)} .rpedgrp{display:flex;flex-direction:column;gap:6px} .rpedlab{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700} .rpedhint{display:block;text-transform:none;letter-spacing:0;font-weight:400;font-size:11px; color:var(--muted2);margin-top:2px} .rpedsel{padding:9px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:13px; background:var(--input);color:var(--ink);min-height:40px} /* stadiul: butoane mari, nu listă derulantă */ .rpsegs{display:flex;gap:6px;flex-wrap:wrap} .rpseg{flex:1 1 auto;min-width:96px;min-height:40px;padding:8px 10px;border:1px solid var(--line); border-radius:9px;background:var(--surface);font:inherit;font-size:12.5px;font-weight:600; color:var(--muted);cursor:pointer;transition:.12s} .rpseg:hover{border-color:var(--accent);color:var(--accent)} .rpseg.on{font-weight:750} .rpchips{display:flex;gap:6px;flex-wrap:wrap} .rpchip{min-height:38px;min-width:56px;padding:8px 13px;border:1px solid var(--line);border-radius:20px; background:var(--surface);font:inherit;font-family:var(--mono);font-size:12px;font-weight:700; color:var(--muted);cursor:pointer} .rpchip:hover{border-color:var(--accent);color:var(--accent)} .rpchip.on{background:var(--accent);border-color:var(--accent);color:#fff} .rpchip.alt{font-family:var(--ui);font-weight:500} .rpedfree{padding:8px 10px;border:1px dashed var(--line);border-radius:8px;font:inherit;font-size:12.5px; background:transparent;color:var(--ink);min-height:38px;margin-top:2px} /* etapele fluxului de aviz */ .rpedstage{border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:var(--surf2)} .rpedsh{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;margin-bottom:9px} .rpedn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none; border-radius:50%;background:var(--accent);color:#fff;font-family:var(--mono);font-size:11px;font-weight:700} .rpedrow{display:flex;gap:10px;flex-wrap:wrap} .rpedrow label,.rpedwide{display:flex;flex-direction:column;gap:4px;flex:1 1 150px;min-width:0; font-size:11px;color:var(--muted)} .rpedwide{margin-top:9px} .rpedrow input,.rpedwide input{padding:8px 10px;border:1px solid var(--line);border-radius:8px; font:inherit;font-size:13px;background:var(--input);color:var(--ink);min-height:38px;width:100%} .rpedspacer{flex:1 1 150px} .rped textarea{padding:9px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:13px; background:var(--input);color:var(--ink);resize:vertical} @media (max-width:560px){ .rpseg{flex:1 1 calc(50% - 6px);min-width:0} .rpedrow label,.rpedwide,.rpedspacer{flex:1 1 100%} } /* bifa de raportare, în capul panoului */ .rptop{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;margin:0 0 12px; border:1px solid var(--line);border-radius:10px;background:var(--surf2);cursor:pointer} .rptop:hover{background:var(--hover)} .rptop input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--accent);cursor:pointer} .rptoptx{flex:1;min-width:0;display:block} .rptoptx b{display:block;font-size:13px;font-weight:650;line-height:1.3} .rptoptx .hint{display:block;font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.35} .rptopnum{flex:none} .rptop.on{background:var(--accent-soft);border-color:#CDCDCD} .rptop.on .rptoptx b{color:#4E4E4E} .rptopmore{display:none;gap:9px;align-items:flex-end;flex-wrap:wrap;margin:-6px 0 12px;padding:0 2px} .rptopmore.on{display:flex} .rptopmore .field{flex:1;min-width:0;margin:0} .rptopmore .rpgo{flex:none;min-height:34px;white-space:nowrap} .rpnumout,.rptopnum output{display:inline-block;padding:6px 8px;font-family:var(--mono);font-size:12.5px; font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:7px;min-width:44px;text-align:center} .rpt .rpnum{font-family:var(--mono);font-size:11px;color:var(--muted2);text-align:right;white-space:nowrap} .rpt .rpnm{font-weight:520;min-width:180px} .rpdrag{display:inline-flex;align-items:center;justify-content:center;width:22px;height:24px;margin-right:4px; border:1px solid transparent;border-radius:6px;color:var(--muted2);cursor:grab;user-select:none; vertical-align:middle;font-size:14px;line-height:1;touch-action:none} .rpdrag:hover{color:var(--accent);border-color:var(--line);background:var(--surface)} .rpdrag:active{cursor:grabbing} .rpt tr.rpdragging td{opacity:.42} .rpt tr.rpdrop-before td{box-shadow:inset 0 2px 0 var(--accent)} .rpt tr.rpdrop-after td{box-shadow:inset 0 -2px 0 var(--accent)} .rpgrpbar{display:flex;align-items:center;gap:7px;min-width:0} .rpgrpname{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:100%;border:0;background:transparent; color:inherit;font:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;padding:3px 5px; margin:-3px -5px;border-radius:6px;text-align:left;cursor:text} .rpgrpname:hover,.rpgrpname:focus{background:rgba(255,255,255,.13);outline:none} .rpsect .rpgrpname:hover,.rpsect .rpgrpname:focus{background:rgba(112,112,112,.10)} .rpgrpname .rpgedit{font-size:11px;opacity:.55;flex:none} .rpgrpname:hover .rpgedit,.rpgrpname:focus .rpgedit{opacity:1} .rpgrpinput{min-width:180px;max-width:min(520px,70vw);width:clamp(180px,38vw,520px);padding:4px 7px; border:1px solid currentColor;border-radius:6px;background:var(--surface);color:var(--ink);font:inherit; font-weight:650;text-transform:none;letter-spacing:0;outline:none;box-shadow:0 0 0 3px rgba(112,112,112,.18)} .rpgrpacts{display:inline-flex;align-items:center;gap:3px;margin-left:auto;flex:none} .rpgrpacts button{width:25px;height:25px;border:1px solid transparent;background:transparent;color:inherit; border-radius:6px;padding:0;font:inherit;font-size:12px;display:grid;place-items:center} .rpgrpacts button:hover:not(:disabled){border-color:currentColor;background:rgba(255,255,255,.12)} .rpsect .rpgrpacts button:hover:not(:disabled){background:rgba(112,112,112,.10)} .rpgrpacts button:disabled{opacity:.25;cursor:not-allowed} .rpt .rpdt,.rpt .rprp{font-family:var(--mono);font-size:11px;color:var(--muted);white-space:nowrap} .rpt .rprp{font-weight:700} .rpt .rpchk{text-align:center;color:var(--s-dn);font-weight:800} .rpt .rpchk input{width:16px;height:16px;accent-color:var(--s-dn);cursor:pointer} .rpt .rpobs{font-size:11px;color:var(--muted);max-width:220px} .rpt .rpact{text-align:right;white-space:nowrap;padding-left:3px;padding-right:4px} .rpt .rpact button{border:1px solid transparent;background:none;border-radius:6px;cursor:pointer; color:var(--muted2);font-size:12px;padding:3px 6px;min-height:26px} .rpt .rpact button:hover{border-color:var(--line);color:var(--accent);background:var(--surface)} .rpt .rpact button:disabled{opacity:.25;cursor:not-allowed} .rpt .rpact button.rpmv{font-size:14px;font-weight:700;padding:2px 5px} .rpt tr.rpfaza td{background:#2B2B2B;color:#fff;font-weight:750;font-size:11px;text-transform:uppercase; letter-spacing:.07em;padding:6px 9px} .rpt tr.rpsect td{background:var(--accent-soft);color:#4E4E4E;font-weight:700;font-size:11.5px;padding:6px 9px} .rpdot{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:6px;vertical-align:1px} .rplink{color:var(--accent);text-decoration:none;border-bottom:1px dotted #C1C1C1} .rplink:hover{border-bottom-style:solid} .rppill{display:inline-block;padding:2px 8px;border-radius:20px;font-size:10.5px;font-weight:700;white-space:nowrap} .rppill.p-ob{background:var(--s-dn-bg);color:var(--s-dn)} .rppill.p-lu{background:var(--s-wt-bg);color:var(--s-wt)} .rppill.p-as{background:#FFF1E3;color:#B45309} .rppill.p-li{background:var(--s-bl-bg);color:var(--s-bl)} .rppill.p-ne{background:var(--s-ns-bg);color:var(--s-ns)} .rpempty{padding:26px 18px;text-align:center;color:var(--muted);font-size:13px;line-height:1.5} .rpempty.small{padding:16px;font-size:12.5px} .rpadd{display:flex;gap:9px;align-items:center;margin-top:12px;flex-wrap:wrap} .rphist-h{padding:13px 16px;border-bottom:1px solid var(--line);display:flex;gap:10px; align-items:baseline;flex-wrap:wrap} .rphist-h b{font-size:13.5px} .rphist .hrow{display:flex;align-items:center;gap:11px;padding:9px 14px;border-bottom:1px solid var(--line2); flex-wrap:wrap} .rphist .hrow:hover{background:var(--hover)} .rphist .hstamp{font-family:var(--mono);font-size:11.5px;font-weight:700;white-space:nowrap} .rphist .hmeta{flex:1;min-width:150px;font-size:11.5px;color:var(--muted)} .rphist .hd{font-family:var(--mono);font-size:10.5px;padding:2px 7px;border-radius:5px;white-space:nowrap} .rphist .hd.up{background:var(--s-dn-bg);color:var(--s-dn)} .rphist .hd.same{background:var(--s-ns-bg);color:var(--s-ns)} .rphist .hacts{display:flex;gap:5px;flex:none;flex-wrap:wrap} .rphist .hacts button{border:1px solid var(--line);background:var(--surface);border-radius:7px; padding:5px 9px;font:inherit;font-size:11.5px;cursor:pointer;color:var(--muted);min-height:30px} .rphist .hacts button:hover{color:var(--accent);border-color:#CDCDCD} .rphist .hacts button.del:hover{color:var(--p-urgent);border-color:var(--p-urgent)} .rpwarn{margin:12px 14px 0;padding:9px 12px;background:var(--s-wt-bg);border:1px solid #F5DFA0; border-radius:8px;font-size:12px;color:#8A6420} .rpsnapbar{display:flex;align-items:center;gap:11px;padding:9px 13px;margin-bottom:13px; background:var(--accent-soft);border:1px solid #CDCDCD;border-radius:10px;font-size:12.5px; color:#4E4E4E;flex-wrap:wrap} /* formularul de raportare, în panou și în dialoguri */ .rptgl{display:flex;align-items:flex-start;gap:9px;padding:9px 11px;border:1px solid var(--line); border-radius:9px;background:var(--surf2);cursor:pointer;margin-bottom:11px} .rptgl input{margin:2px 0 0;width:16px;height:16px;accent-color:var(--accent);flex:none} .rptgl.on{background:var(--accent-soft);border-color:#CDCDCD} .rptgl b{font-size:12.5px} .rpform .two{display:grid;grid-template-columns:1fr 1fr;gap:9px} .rpform .fld{margin-bottom:10px} .rpform .fld label{display:block;font-size:11px;color:var(--muted);margin-bottom:3px} .rpform .fld input,.rpform .fld select,.rpform .fld textarea{width:100%;padding:6px 8px; border:1px solid var(--line);border-radius:7px;font:inherit;font-size:12.5px; background:var(--input);color:var(--ink)} .rpcmp h4.rpcmph,h4.rpcmph{font-size:11px;text-transform:uppercase;letter-spacing:.06em; color:var(--muted);margin:14px 0 6px} .rpcmpl{margin:0;padding-left:18px;font-size:12.5px;line-height:1.7} /* editorul de structură */ .rpcfg{max-height:40vh;overflow:auto;border:1px solid var(--line);border-radius:9px;padding:9px} .rpcfgph{border-bottom:1px solid var(--line2);padding-bottom:8px;margin-bottom:8px} .rpcfgph:last-of-type{border-bottom:0} .rpcfgrow{display:flex;gap:5px;align-items:center;margin-bottom:5px} .rpcfgrow input{flex:1;min-width:0;padding:5px 8px;border:1px solid var(--line);border-radius:7px; font:inherit;font-size:12.5px;background:var(--input);color:var(--ink);font-weight:700} .rpcfgrow.sub input{font-weight:400;font-size:12px} .rpcfgrow button{border:1px solid var(--line);background:var(--surface);border-radius:6px; width:28px;height:28px;flex:none;cursor:pointer;color:var(--muted);font-size:11px;line-height:1} .rpcfgrow button:hover:not(:disabled){color:var(--accent);border-color:#CDCDCD} .rpcfgrow button:disabled{opacity:.3;cursor:default} .rpcfgrow button.del:hover:not(:disabled){color:var(--p-urgent);border-color:var(--p-urgent)} .rpcfgsc{padding-left:18px} .rpcfgn{font-family:var(--mono);font-size:10px;color:var(--muted2);flex:none;min-width:16px;text-align:right} .rpcfgadd{border:1px dashed var(--line);background:none;border-radius:7px;padding:5px 10px; font:inherit;font-size:11.5px;color:var(--muted);cursor:pointer;min-height:30px} .rpcfgadd:hover{color:var(--accent);border-color:var(--accent)} .rpcfgadd.big{width:100%;margin-top:6px} .rpwidthgrid{display:grid;grid-template-columns:minmax(160px,1fr) 105px;gap:7px 12px;align-items:center} .rpwidthgrid label{font-size:12.5px;color:var(--ink)} .rpwidthgrid input{width:100%;padding:7px 9px;border:1px solid var(--line);border-radius:8px; background:var(--input);color:var(--ink);font:inherit;font-family:var(--mono)} .rpwidthnote{font-size:11.5px;color:var(--muted);line-height:1.45;margin:0 0 10px} .rpheadedit{border:1px solid transparent;background:transparent;color:var(--muted2);border-radius:7px; padding:3px 7px;font-size:12px;min-height:27px;margin-top:4px} .rpheadedit:hover{border-color:var(--line);color:var(--accent);background:var(--surface)} /* bifa de raportare pe rândul din listă */ .rapcell{flex:none;width:var(--cw-rap);display:flex;justify-content:center;align-items:center} .check.sm{width:17px;height:17px;border-radius:5px} .check.sm svg{width:11px;height:11px} html[data-theme="dark"] .rpt tr.rpfaza td{background:#3B3B3B} html[data-theme="dark"] .rppill.p-as{background:#3A2A18;color:#E8A33D} @media (max-width:820px){ #reportView{padding:10px} .rphead{padding:12px} .rpstamp{text-align:left} .rpform .two{grid-template-columns:1fr} .rpt .rpobs,.rpt .rpnm{max-width:none} } /* ===== raportare 4.8 · tabel lizibil, modern și configurabil ===== */ :root{ --rp-grid:#E2E2E2;--rp-grid-soft:#ECECEC;--rp-head:#F4F4F4;--rp-head-ink:#545454; --rp-alt:#FAFAFA;--rp-hover:#F4F4F4;--rp-field:#FAFAFA;--rp-field-border:#E0E0E0; --rp-phase:#292929;--rp-section:#EDEDED;--rp-section-ink:#505050;--rp-empty:#B3B3B3; } .rpcard{border-color:var(--rp-grid);border-radius:16px;box-shadow:0 10px 30px rgba(41,41,41,.07)} .rphead{background:linear-gradient(180deg,var(--surface),var(--rp-alt));padding:17px 19px} .rpcode{background:linear-gradient(135deg,#606060,#676767);border-radius:8px;box-shadow:0 5px 14px rgba(96,96,96,.18)} .rpkpis{background:var(--rp-grid-soft)} .rpkpi{background:var(--surface);padding:12px 14px} .rpkpi .kn{font-size:21px;letter-spacing:-.03em} .rpscroll{overflow:auto;background:var(--rp-alt);padding:10px} .rpt{border-collapse:separate;border-spacing:0;border:1px solid var(--rp-grid);border-radius:12px; overflow:visible;background:var(--surface);box-shadow:0 4px 14px rgba(41,41,41,.045)} .rpt th{position:sticky;top:0;z-index:4;padding:10px 9px;background:linear-gradient(180deg,#FAFAFA,var(--rp-head)); color:var(--rp-head-ink);border-right:1px solid var(--rp-grid);border-bottom:1px solid #D1D1D1; font-size:9.5px;letter-spacing:.065em;box-shadow:0 1px 0 rgba(255,255,255,.75)} .rpt th:last-child{border-right:0} .rpt td{padding:7px 8px;border-right:1px solid var(--rp-grid-soft);border-bottom:1px solid var(--rp-grid-soft); background:var(--surface);vertical-align:middle;line-height:1.35} .rpt tr[data-rprow].rpalt td{background:var(--rp-alt)} .rpt tr[data-rprow]:hover td{background:var(--rp-hover)} .rpt tr[data-rprow]:last-child td{border-bottom:0} .rpt td:last-child{border-right:0} .rpt th[data-rpth="num"],.rpt td.rpnum{position:sticky;left:0;z-index:3} .rpt th[data-rpth="name"],.rpt td.rpnm{position:sticky;left:var(--rp-num-w,48px);z-index:3; box-shadow:1px 0 0 var(--rp-grid)} .rpt th[data-rpth="num"],.rpt th[data-rpth="name"]{z-index:7} .rpt tr[data-rprow].rpalt td.rpnum,.rpt tr[data-rprow].rpalt td.rpnm{background:var(--rp-alt)} .rpt tr[data-rprow]:hover td.rpnum,.rpt tr[data-rprow]:hover td.rpnm{background:var(--rp-hover)} .rpt input[type="date"],.rpt input[type="text"],.rpt .rpstsel{ border-color:var(--rp-field-border);background:var(--rp-field);border-radius:8px;min-height:32px; transition:border-color .12s,background .12s,box-shadow .12s,opacity .12s} .rpt input:hover,.rpt .rpstsel:hover{border-color:#C3C3C3;background:var(--surface)} .rpt input:focus,.rpt .rpstsel:focus{border-color:#777777;background:var(--surface); box-shadow:0 0 0 3px rgba(119,119,119,.14)} .rpt input.rpblank:not([type="checkbox"]){color:var(--rp-empty);font-weight:400;opacity:.48; background:color-mix(in srgb,var(--rp-field) 78%,transparent)} .rpt input[type="date"].rpblank::-webkit-datetime-edit{color:var(--rp-empty);-webkit-text-fill-color:var(--rp-empty);opacity:.48} .rpt input[type="date"].rpblank::-webkit-calendar-picker-indicator{opacity:.32} .rpt input::placeholder{color:var(--rp-empty);opacity:.52} .rpemptydash{color:var(--rp-empty);opacity:.46;font-weight:400} .rpt .rpchk input,.rpt .rpcustomcheck{width:18px;height:18px;accent-color:#606060;cursor:pointer} .rpboolread{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:7px; border:1px solid var(--rp-grid);font-weight:800;color:var(--rp-empty);background:var(--rp-field)} .rpboolread.yes{color:#0F766E;background:#CCFBF1;border-color:#99F6E4} .rpt tr.rpfaza td{background:linear-gradient(135deg,var(--rp-phase),#404040);color:#fff;border-color:#606060; padding:7px 10px;letter-spacing:.075em} .rpt tr.rpsect td{background:var(--rp-section);color:var(--rp-section-ink);border-color:#E0E0E0;padding:7px 10px} .rpt tr.rpfaza td,.rpt tr.rpsect td{position:relative;left:auto;box-shadow:none} .rplink{color:#606060;border-bottom-color:#B8B8B8;font-weight:600} .rpdrag{background:rgba(255,255,255,.55)} .rpt .rpact button{background:var(--rp-field);border-color:var(--rp-grid-soft)} .rpt .rpact button:hover{background:#F2F2F2;border-color:#D3D3D3;color:#606060} .rpadd{padding:2px 2px 0} .rpcolcfg{display:flex;flex-direction:column;gap:13px} .rpcolcfgsec{border:1px solid var(--rp-grid);border-radius:12px;background:var(--rp-alt);padding:10px} .rpcolcfgsec h4{margin:0 0 8px;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)} .rpcoltoggle{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:8px;font-size:12.5px;cursor:pointer} .rpcoltoggle:hover{background:var(--surface)} .rpcoltoggle input{width:16px;height:16px;accent-color:#606060;margin:0} .rpcoltoggle.fixed{opacity:.58;cursor:default} .rpcustomlist{display:flex;flex-direction:column;gap:7px} .rpcustomrow{display:grid;grid-template-columns:28px minmax(150px,1fr) 116px 92px;gap:7px;align-items:center; padding:7px;border:1px solid var(--rp-grid-soft);border-radius:10px;background:var(--surface)} .rpcustomrow>input[type="checkbox"]{width:17px;height:17px;accent-color:#606060;justify-self:center} .rpcustomrow>input[type="text"],.rpcustomrow>select{width:100%;min-width:0;padding:7px 9px;border:1px solid var(--rp-grid); border-radius:8px;background:var(--input);color:var(--ink);font:inherit;font-size:12.5px} .rpcustomacts{display:flex;justify-content:flex-end;gap:3px} .rpcustomacts button{width:27px;height:29px;border:1px solid var(--rp-grid);border-radius:7px;background:var(--surface); color:var(--muted);padding:0;font:inherit} .rpcustomacts button:hover:not(:disabled){color:#606060;border-color:#B8B8B8;background:#F2F2F2} .rpcustomacts button.del:hover{color:var(--p-urgent);border-color:#FCA5A5;background:#FEF2F2} .rpcustomacts button:disabled{opacity:.3;cursor:not-allowed} .rpcustomempty{padding:12px;text-align:center;color:var(--muted2);font-size:12px;font-style:italic} .rpcustomadd{margin-top:8px} .rpedcustom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .rpedcustom .rptgl{margin:0;min-height:42px} .rpedcustom label:not(.rptgl){display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)} .rpedcustom input[type="text"],.rpedcustom input[type="date"]{width:100%;padding:8px 10px;border:1px solid var(--line); border-radius:8px;background:var(--input);color:var(--ink);font:inherit;min-height:38px} html[data-theme="dark"]{ --rp-grid:#3B3B3B;--rp-grid-soft:#303030;--rp-head:#2C2C2C;--rp-head-ink:#C5C5C5; --rp-alt:#242424;--rp-hover:#2E2E2E;--rp-field:#2A2A2A;--rp-field-border:#434343; --rp-phase:#1B1B1B;--rp-section:#303030;--rp-section-ink:#D3D3D3;--rp-empty:#828282; } html[data-theme="dark"] .rpt th{background:linear-gradient(180deg,#313131,var(--rp-head));box-shadow:none} html[data-theme="dark"] .rpt input.rpblank:not([type="checkbox"]){background:var(--rp-field)} html[data-theme="dark"] .rpboolread.yes{color:#5EEAD4;background:#113D39;border-color:#19645D} @media (max-width:760px){ .rpscroll{padding:6px} .rpcustomrow{grid-template-columns:28px minmax(120px,1fr) 105px;} .rpcustomacts{grid-column:2/4;justify-content:flex-start} .rpedcustom{grid-template-columns:1fr} } /* ===== tema închisă ===== */ html[data-theme="dark"]{ --bg:#141414;--surface:#1C1C1C;--ink:#E9E9E9;--muted:#9D9D9D;--muted2:#7C7C7C; --line:#2B2B2B;--line2:#252525;--weekend:#202020;--today:#F0716F; --accent:#8E8E8E;--accent-soft:#282828; --surf2:#242424;--hover:#242424;--projrow:#212121;--wehead:#272727;--oddwk:#1F1F1F; --todaycol:#232323;--holbg:#252525;--barbg:#1C1C1C;--input:#242424;--menu:#222222; --scrollthumb:#3B3B3B; --p-low:#5C5C5C; --shadow-sm:0 1px 2px rgba(0,0,0,.35); --shadow:0 6px 22px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.4); } html[data-theme="dark"] ::-webkit-scrollbar{width:11px;height:11px} html[data-theme="dark"] ::-webkit-scrollbar-track{background:var(--bg)} html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:var(--scrollthumb);border-radius:8px} html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{color-scheme:dark} html[data-theme="dark"] .robanner{background:#252525;border-color:#323232;color:#E0B15E} html[data-theme="dark"] .gate{background:linear-gradient(160deg,#1B1B1B,#141414 60%)} html[data-theme="dark"] .lcell{border-bottom-color:#2B2B2B} html[data-theme="dark"] .tcell{border-bottom-color:#242424} html[data-theme="dark"] .node.proj .lcell,html[data-theme="dark"] .node.proj .tcell{border-bottom-color:#343434} html[data-theme="dark"] .fchip.on{background:var(--accent);border-color:var(--accent);color:#fff} html[data-theme="dark"] .seg button.on{background:var(--accent);color:#fff} html[data-theme="dark"] .bar.flat .blabel{text-shadow:0 1px 2px rgba(0,0,0,.45)} *{box-sizing:border-box} html,body{margin:0;height:100%} body{background:var(--bg);color:var(--ink);font-family:var(--ui);font-size:13.5px;line-height:1.45; -webkit-font-smoothing:antialiased;display:flex;flex-direction:column;overflow:hidden} button{font-family:inherit;cursor:pointer} ::selection{background:var(--accent);color:#fff} :focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:5px} /* ===== schelet: bară de navigație + coloana aplicației ===== */ body{flex-direction:row} .appcol{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden} .navrail{--nr-w:214px;width:var(--nr-w);flex:none;background:#1C1C1C;color:#E7E7E7;display:flex; flex-direction:column;overflow:hidden;z-index:30;transition:width .15s ease} body.railmin .navrail{--nr-w:56px} .nr-head{display:flex;align-items:center;gap:9px;padding:10px 11px;border-bottom:1px solid #333333;flex:none} .nr-mark{width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;flex:none;display:flex; align-items:center;justify-content:center;font-weight:800;font-size:11px;letter-spacing:.02em} .nr-brand{display:flex;flex-direction:column;min-width:0;line-height:1.2} .nr-brand b{font-size:12.5px;font-weight:650} .nr-brand small{font-size:9.5px;color:#909090} .nr-toggle{margin-left:auto;flex:none;width:23px;height:23px;border-radius:7px;background:#333333;border:0; color:#E7E7E7;font-size:12px;display:flex;align-items:center;justify-content:center;padding:0} .nr-toggle:hover{background:#3F3F3F} .nr-search{margin:9px;flex:none;position:relative} .nr-search .search{max-width:none;width:100%;flex:none} .nr-search .search input{background:#242424;border-color:#333333;color:#E7E7E7;font-size:12px;padding:7px 28px 7px 30px} .nr-search .search input::placeholder{color:#7D7D7D} .nr-search .search svg{color:#909090;left:9px;width:14px;height:14px} .nr-search .search .clr{color:#909090} body.railmin .nr-search{margin:9px 8px} body.railmin .nr-search .search input{padding:7px 0 7px 26px;width:40px;color:transparent} .nr-sync{display:flex;align-items:center;gap:7px;font-size:10.5px;color:#909090;padding:2px 3px} .nr-sync i{width:7px;height:7px;border-radius:50%;background:#16A34A;flex:none} .nr-acct{display:flex;align-items:center;gap:8px;min-width:0;padding:1px 3px} .nr-acct .nav2{width:22px;height:22px;border-radius:50%;background:#0E9F8E;color:#fff;flex:none;display:flex; align-items:center;justify-content:center;font-size:9px;font-weight:700} .nr-acct .em{font-size:10.5px;color:#909090;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0} .nr-acct button{border:0;background:#333333;color:#909090;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:600;flex:none} .nr-acct button:hover{background:#3F3F3F;color:#E7E7E7} body.railmin .nr-acct .em,body.railmin .nr-acct button,body.railmin .nr-sync span{display:none} .nr-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px} .nr-nav::-webkit-scrollbar{width:0} .nr-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border:0;background:transparent; color:#E7E7E7;border-radius:9px;font:inherit;font-size:12.5px;text-align:left;white-space:nowrap} .nr-item:hover{background:#272727} .nr-item.on{background:var(--accent);color:#fff} .nr-item svg{width:15px;height:15px;flex:none;opacity:.82} .nr-item.on svg{opacity:1} .nr-item .nr-cnt{margin-left:auto;font-family:var(--mono);font-size:9.5px;color:#909090} .nr-item.on .nr-cnt{color:#fff} .nr-sub{display:flex;flex-direction:column;gap:1px;margin:1px 0 4px 20px;padding-left:9px;border-left:1px solid #333333} .nr-sub button{display:flex;align-items:center;gap:7px;padding:5px 7px;border:0;background:transparent; color:#909090;border-radius:7px;font:inherit;font-size:11.5px;text-align:left;white-space:nowrap;width:100%} .nr-sub button:hover{background:#272727;color:#E7E7E7} .nr-sub button.on{background:#272727;color:#E7E7E7} .nr-sub button i{width:7px;height:7px;border-radius:2px;flex:none} .nr-sep{height:1px;background:#333333;margin:7px 4px 5px} .nr-lab{font-family:var(--mono);font-size:8.5px;letter-spacing:.13em;text-transform:uppercase;color:#909090;padding:5px 8px 2px} .nr-item.dash{border:1px dashed #3E3E3E;color:#909090} .nr-item.dash:hover{color:#E7E7E7;border-color:#565656} .nr-foot{flex:none;border-top:1px solid #333333;padding:7px 6px;display:flex;flex-direction:column;gap:6px} .nr-foot .btn{background:#242424;border-color:#333333;color:#E7E7E7} .nr-foot .btn:hover{background:#2E2E2E;color:#fff} body.railmin .nr-brand,body.railmin .nr-item span:not(.nr-dot), body.railmin .nr-sub,body.railmin .nr-lab,body.railmin .nr-item .nr-cnt,body.railmin .nr-foot .userchip b, body.railmin .nr-head{flex-direction:column;justify-content:center;gap:7px;padding:10px 6px} body.railmin .nr-toggle{margin-left:0} body.railmin .nr-item{justify-content:center;padding:8px 0} body.railmin .nr-foot{align-items:center} .railback{display:none} /* ===== bara de sus ===== */ .bar1{display:flex;align-items:center;gap:9px;padding:7px 14px;background:var(--surface); border-bottom:1px solid var(--line);flex:none} .projpick,.viewpick{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface); border-radius:9px;padding:5px 10px;font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap;font-family:inherit} .projpick i{width:9px;height:9px;border-radius:3px;flex:none;background:var(--accent)} .projpick:hover,.viewpick:hover{border-color:#D8D8D8} .projpick .car,.viewpick .car{color:var(--muted2);font-size:10px} .viewpick{font-weight:500;color:var(--muted)} .tabsrow{display:flex;gap:2px;padding:0 14px;background:var(--surface);border-bottom:1px solid var(--line);flex:none} .tabbtn{border:0;background:transparent;font:inherit;font-size:12.5px;font-weight:600;color:var(--muted2); padding:8px 12px 9px;border-bottom:2px solid transparent;white-space:nowrap} .tabbtn:hover{color:var(--ink)} .tabbtn.on{color:var(--accent);border-bottom-color:var(--accent)} .tabbtn .n{font-family:var(--mono);font-size:9.5px;margin-left:5px;color:var(--muted2)} .tabbtn.on .n{color:var(--accent)} .bar2{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--bg); border-bottom:1px solid var(--line);flex:none;overflow-x:auto} .bar2::-webkit-scrollbar{display:none} .bar2>*{flex:none} .menupop{position:fixed;z-index:70;background:var(--menu);border:1px solid var(--line);border-radius:12px; box-shadow:0 18px 46px rgba(25,25,25,.24);padding:6px;min-width:210px;max-height:76vh;overflow:auto; display:none;flex-direction:column;gap:2px} .menupop.show{display:flex} .menupop .mlab{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase; color:var(--muted2);padding:6px 9px 3px} .menupop button,.menupop label{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;border:0; background:transparent;border-radius:8px;font:inherit;font-size:12.5px;color:var(--ink);text-align:left;white-space:nowrap} .menupop button:hover,.menupop label:hover{background:var(--bg)} .menupop .msep{height:1px;background:var(--line2);margin:4px 2px} .menupop .mhint{display:block;padding:4px 9px 6px;font-size:10.5px;line-height:1.35;color:var(--muted2)} .menupop input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:var(--accent);flex:none} .menupop .mdel:hover{color:var(--p-urgent)} /* ===== pagini ===== */ .page{flex:1;overflow:auto;padding:16px 18px;display:none;flex-direction:column;gap:16px} .page.on{display:flex} .pgtitle{display:flex;align-items:baseline;gap:10px} .pgtitle h2{margin:0;font-size:17px;font-weight:700} .pgtitle span{font-size:12px;color:var(--muted2)} .pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px} .pcard{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:13px 15px; display:flex;flex-direction:column;gap:8px} .pcard h3{margin:0;font-size:13px;font-weight:650;display:flex;align-items:center;gap:7px} .ptable{width:100%;border-collapse:collapse;font-size:12.5px} .ptable th{text-align:left;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase; color:var(--muted2);padding:8px 10px;border-bottom:1px solid var(--line)} .ptable td{padding:8px 10px;border-bottom:1px solid var(--line2);color:var(--muted)} .ptable td b{color:var(--ink)} .ptable tr:last-child td{border-bottom:0} .soon{border:1px dashed var(--line2);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:7px; background:var(--surface);color:var(--muted)} .soon b{color:var(--ink)} /* ===== coloane noi în listă ===== */ .tipcell{flex:none;width:var(--cw-tip);font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.04em; text-transform:uppercase;color:var(--muted2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .tipcell.ms{color:#D98A0B} .datecell.wide{width:var(--cw-term)} .datecell.derived{color:var(--muted2)} .datecell{flex:none;width:var(--cw-term);font-family:var(--mono);font-size:10px;color:var(--muted);white-space:nowrap; display:flex;align-items:center;gap:4px;border:1px solid transparent;border-radius:7px;padding:2px 5px} .datecell:hover{border-color:var(--line);background:var(--surface)} .datecell s{text-decoration:none;color:var(--muted2)} .datecell.empty{color:var(--muted2);border:1px dashed var(--line);justify-content:center} .datepop{position:fixed;z-index:70;background:var(--menu);border:1px solid var(--line);border-radius:12px; box-shadow:0 18px 46px rgba(25,25,25,.24);padding:11px;display:none;flex-direction:column;gap:8px;width:216px} .datepop.show{display:flex} .datepop label{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted2)} .datepop input{font:inherit;font-size:12.5px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;width:100%} .datepop .dprow{display:flex;gap:6px} .datepop .dprow button{flex:1;border:1px solid var(--line);background:var(--surface);border-radius:8px; padding:5px 8px;font-size:11.5px;font-weight:600;color:var(--muted)} .datepop .dprow button:hover{color:var(--ink)} .msdia{width:9px;height:9px;background:#E8A33D;transform:rotate(45deg);border-radius:1px;flex:none} /* milestone pe Gantt */ .msmark{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;z-index:3} .msmark .di{width:13px;height:13px;background:#E8A33D;transform:rotate(45deg);border-radius:2px;flex:none; box-shadow:0 0 0 2px var(--surface);cursor:grab} .msmark.done .di{background:#16A34A} .msmark.late .di{background:var(--p-urgent)} .msmark b{font-size:9.5px;font-weight:750;color:#B8770A;white-space:nowrap} .msmark.done b{color:#128A3E}.msmark.late b{color:var(--p-urgent)} header{display:flex;align-items:center;gap:12px;padding:6px 16px;background:var(--surface); border-bottom:1px solid var(--line);flex-wrap:wrap} .logo{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#8F8F8F); display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;box-shadow:var(--shadow-sm)} .logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--accent),#8F8F8F); display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px;box-shadow:var(--shadow-sm)} .spacer{flex:1} .btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px; padding:7px 12px;font-size:12.5px;font-weight:560;display:inline-flex;align-items:center;gap:6px;transition:.12s;white-space:nowrap} .btn:hover{border-color:#D8D8D8;background:var(--hover)}.btn:active{transform:translateY(1px)} .btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{background:#626262} .btn svg{width:15px;height:15px} .btn.ghost{border-color:transparent;background:transparent;color:var(--muted)} .btn.ghost:hover{background:var(--line2);color:var(--ink)} .btn.ghost.on{background:var(--ink);color:#fff} .seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)} .seg button{border:0;background:transparent;padding:6px 12px;font-size:12px;font-weight:560;color:var(--muted)} .seg button.on{background:var(--accent);color:#fff}.seg button+button{border-left:1px solid var(--line)} .zoom{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px} .zoom button{width:25px;height:25px;border:1px solid var(--line);background:var(--surface);border-radius:6px; font-size:15px;color:var(--ink);display:grid;place-items:center} .search{position:relative;flex:1;min-width:180px;max-width:360px} .search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--muted2)} .search input{width:100%;padding:8px 30px 8px 32px;border:1px solid var(--line);border-radius:9px;font:inherit;font-size:13px;background:var(--bg)} .search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface)} .search .clr{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--muted2);font-size:16px;display:none} .search.has .clr{display:block} .filters{display:flex;gap:6px;flex-wrap:wrap} /* dashboard */ .focus{flex:2;min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:5px 9px;display:flex;flex-direction:column;gap:2px} .focus .ft{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);display:flex;align-items:center;gap:6px;margin-bottom:1px} .focus .ft svg{width:12px;height:12px;color:var(--p-high)} .fitem .rank{width:15px;height:15px;border-radius:5px;flex:none;display:grid;place-items:center;font-size:9px;font-weight:800;color:#fff} .fitem .fn{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:520} .fitem .fp{font-size:9.5px;color:var(--muted2);font-family:var(--mono)} .focus .none{font-size:11.5px;color:var(--muted);font-style:italic;padding:4px} /* badges */ .badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;white-space:nowrap;line-height:1.5} .badge.blocked{background:var(--s-bl-bg);color:var(--s-bl)} .badge.warn{background:#FEF3E2;color:#B45309} .stbadge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:650;padding:2px 8px;border-radius:20px} .stbadge .sd{width:6px;height:6px;border-radius:50%} .termb{font-size:11px;font-weight:650;font-family:var(--mono);padding:2px 7px;border-radius:6px} /* board */ /* ---- două panouri: lista fixă + calendarul derulabil ---- */ .stage{flex:1;display:flex;position:relative;min-height:0;overflow:hidden} body.listclosed .lpane{display:none} .lpane{width:var(--list-w);flex:none;display:flex;flex-direction:column;min-width:0;overflow:hidden; background:var(--surface);border-right:1px solid var(--line);position:relative;z-index:12} .lhead{height:var(--head-h);flex:none;position:relative} .lbody{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain} .lbody::-webkit-scrollbar{width:0;height:0} .rpane{flex:1;min-width:0;overflow:auto;position:relative;overscroll-behavior-x:contain} .board{position:relative} .hrow{display:flex;position:sticky;top:0;z-index:8;height:var(--head-h)} .chd{flex:none;font-family:var(--mono);font-size:8.5px;letter-spacing:.09em;text-transform:uppercase; color:var(--muted2);overflow:hidden;white-space:nowrap} .chd{position:relative;display:flex;align-items:center} .cgrip{position:absolute;left:-6px;top:-8px;bottom:-8px;width:11px;cursor:col-resize;touch-action:none; display:flex;align-items:center;justify-content:center;z-index:3} .cgrip::before{content:"";width:2px;height:15px;border-radius:2px;background:var(--line2);transition:.12s} .cgrip:hover::before,.cgrip:active::before{background:var(--accent);height:22px} .chn{flex:1;min-width:54px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .corner{position:relative;width:100%;height:100%;background:var(--surface); border-bottom:1px solid var(--line);display:flex;align-items:center; padding:0 8px 0 14px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;gap:6px} .colgrip{position:absolute;right:0;top:0;bottom:0;width:10px;cursor:col-resize;z-index:10;touch-action:none; display:flex;align-items:center;justify-content:center} .colgrip::before{content:"";width:3px;height:26px;border-radius:2px;background:#CACACA;transition:.12s} .colgrip:hover::before,.colgrip.on::before{background:var(--accent);height:36px} .axis{position:relative;background:var(--surface);border-bottom:1px solid var(--line)} .monthNow{position:absolute;left:calc(var(--list-w) + 1px);top:0;height:24px;z-index:9;display:flex;align-items:center;padding:0 10px; font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink); background:var(--surface);border-right:2px solid var(--line);pointer-events:none} .month-band{position:absolute;top:0;height:24px;display:flex;align-items:center;padding-left:9px; font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-right:1px solid var(--line2)} .day-band{position:absolute;top:24px;height:32px;display:flex;flex-direction:column;align-items:center; justify-content:center;border-right:1px solid var(--line2);gap:1px} .day-band.we{background:var(--wehead)} .day-band .dn{font-family:var(--mono);font-size:9.5px;font-weight:600;line-height:1;color:var(--muted2)} .day-band .dw{font-size:13.5px;text-transform:uppercase;color:var(--ink);font-weight:800;line-height:1.1} .day-band.we{background:var(--wehead)} .day-band.we .dn{color:var(--muted2)}.day-band.we .dw{color:var(--muted2);font-weight:700} .day-band.hol{background:var(--holbg)} .day-band.hol .dw{color:#E65100} .day-band.today{background:var(--todaycol)} .day-band.today .dw{color:#fff;background:var(--today);border-radius:5px;padding:1px 5px;min-width:20px;text-align:center;font-size:12.5px} .daycol.hol{background:rgba(255,152,0,.08)} .daycol.odd-week.hol{background:rgba(255,152,0,.1)} .day-band.weekstart{border-left:2px solid var(--line)} .month-band{position:absolute;top:0;height:24px;display:flex;align-items:center;padding-left:9px; font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);border-right:2px solid var(--line);background:var(--surface-1,var(--surface))} .daycol.we{background:var(--wehead)} .daycol.weekstart{border-left:2px solid var(--line)} .daycol.today-col{background:var(--todaycol)} .daycol.odd-week{background:var(--oddwk)} .daycol.odd-week.we{background:var(--wehead)} .daycol.odd-week.today-col{background:var(--todaycol)} .day-band.odd-week{background:var(--oddwk)} .day-band.odd-week.we{background:var(--wehead)} .day-band.odd-week.today{background:#FFF0F0} /* my tasks panel */ .mytasks .empty{color:var(--muted);font-size:12px;font-style:italic;padding:2px 6px} .mtcard{min-width:auto;max-width:none;flex:none;background:var(--surface);border:1px solid var(--line);border-radius:20px; padding:4px 11px;cursor:pointer;transition:.12s;display:flex;flex-direction:row;align-items:center;gap:8px} .mtcard.overdue{border-left:3px solid var(--p-urgent);background:#FFF8F7} .mtcard.soon{border-left:3px solid var(--p-normal);background:#FAFAFA} .bgLayer,.depLayer,.todayLine{position:absolute;pointer-events:none} .bgLayer{z-index:0}.depLayer{z-index:4}.todayLine{z-index:5;width:2px;background:var(--today)} .daycol{position:absolute;top:0;bottom:0;border-right:1px solid var(--line2)} .node{display:flex;position:relative} .lcell{width:100%;flex:1;min-width:0;background:var(--surface); border-bottom:1px solid var(--line2);display:flex;align-items:center; height:var(--row-h);gap:6px;padding-right:8px} .node:hover .lcell,.node.hov .lcell{background:var(--hover)} .node.hov .tcell{background:rgba(112,112,112,.035)} .node.proj .lcell{background:var(--projrow);border-bottom-color:var(--line)} .node.blk .lcell{box-shadow:inset 3px 0 0 var(--s-bl)} .node.dragging{opacity:.4} .lcell.drop-before::before,.lcell.drop-after::after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--accent);z-index:7} .lcell.drop-before::before{top:-1px}.lcell.drop-after::after{bottom:-1px} .lcell.drop-into{box-shadow:inset 0 0 0 2px var(--accent);border-radius:6px} .grip{width:14px;flex:none;display:flex;justify-content:center;color:var(--muted2);cursor:grab;opacity:0;transition:.12s} .node:hover .grip{opacity:1}.grip svg{width:11px;height:13px} .chev{width:15px;height:15px;flex:none;display:grid;place-items:center;border-radius:5px;color:var(--muted);cursor:pointer} .chev:hover{background:var(--line2)}.chev svg{width:11px;height:11px;transition:transform .14s} .chev.open svg{transform:rotate(90deg)}.chev.leaf{visibility:hidden} .check{width:18px;height:18px;flex:none;border:1.7px solid #D0D0D0;border-radius:6px;display:grid;place-items:center;cursor:pointer;transition:.12s;background:var(--surface)} .check:hover{border-color:var(--accent)}.check.on{background:#16A34A;border-color:#16A34A} .check svg{width:11px;height:11px;color:#fff;opacity:0}.check.on svg{opacity:1} .sdot{width:9px;height:9px;border-radius:50%;flex:none} .flag{width:12px;flex:none;display:flex;justify-content:center}.flag svg{width:12px;height:12px} .nm{flex:1;min-width:54px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:500;cursor:pointer;padding:3px 0} .node.proj .nm{font-weight:680;font-size:13.5px} .node.done .nm{text-decoration:line-through;color:var(--muted)} .nm input{font:inherit;font-weight:inherit;border:1px solid var(--accent);border-radius:6px;padding:3px 7px;width:100%;outline:none;box-shadow:0 0 0 3px var(--accent-soft)} .pdot{width:10px;height:10px;border-radius:3px;flex:none} .av{width:20px;height:20px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-size:8.5px;font-weight:700;box-shadow:var(--shadow-sm)} .av.empty{background:var(--surface);border:1.5px dashed #D0D0D0;color:var(--muted2)} .prog{flex:none;font-family:var(--mono);font-size:10.5px;font-weight:600;color:var(--muted);min-width:28px;text-align:right} .rowact{display:flex;align-items:center;justify-content:flex-end;gap:1px;flex:none;width:var(--cw-act);opacity:0;transition:.12s} .node:hover .rowact{opacity:1} .rowact button{width:23px;height:23px;border:0;background:transparent;border-radius:6px;color:var(--muted);display:grid;place-items:center} .rowact button:hover{background:var(--line2);color:var(--ink)}.rowact svg{width:14px;height:14px} .tcell{position:relative;border-bottom:1px solid var(--line2);height:var(--row-h)} .node.proj .tcell{border-bottom-color:var(--line)} .bar{position:absolute;height:16px;top:50%;transform:translateY(-50%);border-radius:5px; display:flex;align-items:center;min-width:14px;overflow:hidden;border:1px solid;user-select:none} .bar.drag{cursor:grab;touch-action:none}.bar.drag:active{cursor:grabbing} .bar.est{border-style:dashed} .bar .fill{position:absolute;left:0;top:0;bottom:0;border-radius:6px} .bar.flat{border-width:1px} .bar.flat .blabel{text-shadow:0 1px 1px rgba(0,0,0,.18)} .bar .blabel{position:relative;z-index:1;font-size:10.5px;font-weight:650;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .bar .estbadge{position:relative;z-index:1;font-size:8px;font-weight:800;text-transform:uppercase;opacity:.65;padding-right:7px} .bar .blk{position:relative;z-index:1;font-size:8px;font-weight:800;background:var(--s-bl);color:#fff;padding:1px 5px;border-radius:20px;margin:0 5px;letter-spacing:.03em} .barhandle{position:absolute;top:0;bottom:0;width:7px;cursor:ew-resize;z-index:2} .barhandle.l{left:0}.barhandle.r{right:0} .bardate{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:10.5px;font-weight:600;color:var(--muted);white-space:nowrap} .noschedule{position:absolute;top:50%;transform:translateY(-50%);font-size:11px;color:var(--muted2);border:1px dashed var(--line);border-radius:7px;padding:2px 9px;cursor:pointer;background:var(--surface)} .noschedule:hover{border-color:var(--accent);color:var(--accent)} .tip{position:absolute;left:0;top:-30px;white-space:nowrap;font-family:var(--mono);font-size:11px;font-weight:600;background:var(--ink);color:#fff;padding:3px 8px;border-radius:6px;opacity:0;transition:opacity .12s;pointer-events:none;z-index:9} .bar:hover .tip{opacity:1} .ganttfoot{display:flex;align-items:center;gap:7px;flex-wrap:nowrap;padding:4px 14px;flex:none; border-top:1px solid var(--line);background:var(--surface);height:34px;overflow-x:auto; box-shadow:0 -2px 8px rgba(25,25,25,.04)} .ganttfoot.hidden{display:none} .gf-btn{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:7px;padding:3px 10px; font-size:11.5px;font-weight:560;display:inline-flex;align-items:center;gap:5px;transition:.12s;white-space:nowrap} .gf-btn:hover{border-color:#D8D8D8;background:var(--hover);color:var(--ink)} .gf-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)} .gf-btn.primary:hover{background:#626262} .gf-btn svg{width:12px;height:12px} .gf-sep{width:1px;height:16px;background:var(--line);margin:0 3px} .gf-stat{font-size:11px;color:var(--muted2);font-weight:500;white-space:nowrap} /* șabloane */ .tplcard{display:flex;flex-direction:column;align-items:stretch;gap:9px;border:1px solid var(--line); border-radius:11px;padding:12px;background:var(--surface)} .tplcard:hover{border-color:#D8D8D8} .tplcard .ti{min-width:0} /* numele se vede întreg: se rupe pe maximum două rânduri, fără tăiere la jumătate */ .tplcard .tn{font-size:13.5px;font-weight:620;color:var(--ink);line-height:1.3; overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .tplcard .td{font-size:11.5px;color:var(--muted2);margin-top:3px;line-height:1.35; overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .tplcard .tacts{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto} .tplcard .tacts button{flex:1 1 auto;min-height:34px} .tplcard .tacts button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:7px; padding:4px 9px;font-size:11.5px;font-weight:560} .tplcard .tacts button:hover{color:var(--ink);border-color:#D8D8D8} .tplcard .tacts button.pri{background:var(--accent);border-color:var(--accent);color:#fff} .tplcard .tacts button.del{color:var(--p-urgent);flex:0 1 auto} .tplcard .tacts button.del:hover{border-color:var(--p-urgent);background:var(--s-bl-bg)} .tplhead,.tplrow{display:grid;grid-template-columns:22px 1fr 112px 94px 46px 32px 60px 74px;gap:6px;align-items:center} .depbtn{border:1px solid var(--line);background:var(--surface);color:var(--muted2);border-radius:7px; padding:4px 6px;font-size:11px;font-weight:600;width:100%;white-space:nowrap;overflow:hidden} .depbtn:hover{border-color:var(--accent);color:var(--accent)} .depbtn.on{background:var(--accent-soft,#EEEEEE);border-color:#C8C8C8;color:var(--accent)} .deppop{position:fixed;z-index:90;background:var(--menu);border:1px solid var(--line);border-radius:11px; box-shadow:0 16px 44px rgba(25,25,25,.22);padding:7px;width:290px;max-height:290px;overflow:auto; display:flex;flex-direction:column;gap:2px} .deppop .dp-h{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted2); font-weight:700;padding:3px 6px 5px} .deppop label{display:flex;align-items:center;gap:7px;font-size:12.5px;padding:4px 6px;border-radius:6px;cursor:pointer} .deppop label:hover{background:var(--bg)} .deppop label input{margin:0} .deppop .dp-none{font-size:12px;color:var(--muted2);font-style:italic;padding:5px 6px} .deppop .dp-clear{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:7px; padding:5px 8px;font-size:11.5px;font-weight:560;margin-top:4px} .deppop .dp-clear:hover{color:var(--p-urgent);border-color:var(--p-urgent)} .tplrow{background:var(--surface);border-radius:8px;transition:box-shadow .12s} .tplrow.tdragging{box-shadow:0 8px 22px rgba(25,25,25,.22);outline:1px solid var(--accent);opacity:.97;position:relative;z-index:3} .thandle{display:flex;align-items:center;justify-content:center;color:#C6C6C6;cursor:grab;touch-action:none;height:26px} .thandle:hover{color:var(--accent)} .thandle:active{cursor:grabbing} .thandle svg{width:15px;height:15px;pointer-events:none} .tplrow .rowbtns button svg{width:12px;height:12px;display:block;margin:auto} .tplhead{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted2);font-weight:700;padding:0 2px} .tplrow input,.tplrow select{font:inherit;font-size:12.5px;padding:5px 7px;border:1px solid var(--line);border-radius:7px;min-width:0;width:100%;background:var(--surface);color:var(--ink)} .tplrow .rowbtns{display:flex;gap:3px;justify-content:flex-end;align-items:center} .tplrow .depmark{margin-right:1px} .tplrow .rowbtns button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:6px;width:21px;height:24px;font-size:11px;padding:0} .tplrow .rowbtns button:hover{color:var(--ink)} .tplrow .rowbtns button.rm:hover{color:var(--p-urgent);border-color:var(--p-urgent)} .tplrow .ob{display:flex;justify-content:center} .tplrow.dep .depmark{font-size:10px;color:var(--muted2)} .tpluse-item{display:flex;align-items:center;gap:7px;font-size:12.5px;padding:3px 5px;border-radius:6px} .tpluse-item:hover{background:var(--bg)} .tpluse-item.req{color:var(--muted)} .tpluse-item input[type=checkbox]{margin:0;padding:0;width:16px;height:16px;flex:none;accent-color:var(--accent)} .tpluse-item .tin{flex:1;min-width:0} .calmark{font-size:9.5px;opacity:.75;margin-left:3px} /* selectorul de stare din listă */ .stsel{-webkit-appearance:none;appearance:none;flex:none;width:var(--cw-status);font:inherit;font-size:10.5px;font-weight:700; letter-spacing:.01em;padding:3px 7px;border-radius:20px;border:1px solid transparent;cursor:pointer; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background-image:none} .stsel:hover{box-shadow:inset 0 0 0 1px rgba(25,25,25,.10)} .stsel:focus{outline:2px solid var(--accent);outline-offset:1px} .stspacer{flex:none;width:var(--cw-status)} .progslot{flex:none;width:var(--cw-prog);display:flex;justify-content:flex-end} body.romode .stsel{pointer-events:none;opacity:.8} /* manager de stări */ .strow{display:grid;grid-template-columns:34px 1fr 104px 74px;gap:7px;align-items:center} .strow input[type=text]{font:inherit;font-size:13px;padding:6px 9px;border:1px solid var(--line);border-radius:8px;width:100%;min-width:0} .strow input[type=color]{width:34px;height:30px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer} .strow .stdone{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);white-space:nowrap} .strow .stbtns{display:flex;gap:3px;justify-content:flex-end} .strow .stbtns button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:6px;width:22px;height:25px;padding:0} .strow .stbtns button svg{width:12px;height:12px;display:block;margin:auto} .strow .stbtns button:hover{color:var(--ink)} .strow .stbtns button.rm:hover{color:var(--p-urgent);border-color:var(--p-urgent)} /* oameni */ .prow{display:grid;grid-template-columns:30px 1fr 176px 92px 52px;gap:8px;align-items:center} .prow input{font:inherit;font-size:12.5px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;width:100%;min-width:0} .prow .pav{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center; color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.02em} .prow .pcount{display:flex;gap:6px;align-items:baseline;justify-content:flex-start;font-size:11.5px;color:var(--muted);white-space:nowrap} .prow .pcount b{color:var(--ink);font-weight:650} .prow .plate{color:var(--p-urgent);font-weight:700} .prow .pbtns{display:flex;gap:3px;justify-content:flex-end} .prow .pbtns button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:6px;width:24px;height:26px;padding:0} .prow .pbtns button svg{width:12px;height:12px;display:block;margin:auto} .prow .pbtns button:hover{color:var(--ink)} .prow .pbtns button.rm:hover{color:var(--p-urgent);border-color:var(--p-urgent)} .phead{display:grid;grid-template-columns:30px 1fr 176px 92px 52px;gap:8px;font-size:10.5px;text-transform:uppercase; letter-spacing:.05em;color:var(--muted2);font-weight:700;padding:0 2px} /* buton listă task-uri (telefon) */ .tasksToggle{display:none;position:absolute;left:10px;bottom:10px;z-index:20;width:40px;height:40px; border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:17px; align-items:center;justify-content:center;box-shadow:0 5px 16px rgba(25,25,25,.2)} body.tasksopen .tasksToggle{left:auto;right:10px} /* cards view */ .cardsView{flex:1;overflow:auto;padding:16px 18px;display:none} .cardsView.on{display:block} .cgroup{margin-bottom:18px} .cghead{display:flex;align-items:center;gap:9px;margin-bottom:9px;font-weight:700;font-size:14px} .cghead .pdot{width:11px;height:11px;border-radius:3px} .cghead .cnt{font-size:11px;color:var(--muted);font-weight:500;background:var(--line2);border-radius:20px;padding:2px 9px} .clist{display:flex;flex-direction:column;gap:8px} .tcard{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 13px;box-shadow:var(--shadow-sm);cursor:pointer;transition:.12s} .tcard:hover{border-color:#D8D8D8;box-shadow:var(--shadow)} .tcard.sub{margin-left:20px}.tcard.sub2{margin-left:40px} .tcard.blk{box-shadow:inset 3px 0 0 var(--s-bl),var(--shadow-sm)} .tcard .top{display:flex;align-items:center;gap:9px} .tcard .cn{flex:1;font-weight:600;font-size:13.5px;min-width:0} .tcard.done .cn{text-decoration:line-through;color:var(--muted)} .tcard .meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center} .tcard .cnotes{margin-top:7px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .tcard a.clink{font-size:11.5px;color:var(--accent);font-weight:600;text-decoration:none} /* modal */ .overlay{position:fixed;inset:0;background:rgba(25,25,25,.32);backdrop-filter:blur(2px);display:none;align-items:center;justify-content:center;z-index:50;padding:20px} .overlay.show{display:flex} .modal{background:var(--surface);border-radius:16px;width:480px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 24px 70px rgba(0,0,0,.3);animation:pop .16s ease-out} @keyframes pop{from{transform:scale(.97) translateY(6px);opacity:0}to{transform:none;opacity:1}} .modal h3{margin:0;padding:16px 20px 13px;font-size:15px;border-bottom:1px solid var(--line2);display:flex;align-items:center;gap:9px;position:sticky;top:0;background:var(--surface);z-index:2} .modal h3 .md{width:11px;height:11px;border-radius:3px} .mbody{padding:16px 20px;display:flex;flex-direction:column;gap:12px} .field{display:flex;flex-direction:column;gap:5px} .field>label{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600} .field input,.field select,.field textarea{font:inherit;font-size:13.5px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);width:100%} .field textarea{resize:vertical;min-height:52px} .field input[type=date]{font-family:var(--mono);font-size:13px} .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)} .two{display:flex;gap:11px}.two .field{flex:1} .swatches{display:flex;gap:7px;flex-wrap:wrap} .swatches button{width:24px;height:24px;border-radius:7px;border:2px solid transparent} .swatches button.sel{border-color:var(--ink)} .prio-row{display:flex;gap:6px} .prio-row button{flex:1;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:7px 3px;font-size:11px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted)} .prio-row button.sel{border-color:currentColor}.prio-row svg{width:14px;height:14px} .deps{border:1px solid var(--line);border-radius:9px;max-height:110px;overflow:auto;padding:4px} .deps label{display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:6px;font-size:12.5px;color:var(--ink);cursor:pointer;font-weight:450} .deps label:hover{background:var(--line2)}.deps input{width:auto;margin:0;accent-color:var(--accent)} .deps .ddot{width:8px;height:8px;border-radius:2px;flex:none} .deps .none{color:var(--muted);font-style:italic;padding:6px 7px;font-size:12px} .togg{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500;cursor:pointer}.togg .check{width:18px;height:18px} .hint{font-size:11px;color:var(--muted);margin:-2px 0 0} .mfoot{padding:13px 20px;border-top:1px solid var(--line2);display:flex;gap:9px;align-items:center;position:sticky;bottom:0;background:var(--surface)} .mfoot .sub{margin-right:auto}.mfoot .del{color:var(--p-urgent);border-color:#F3CFCB}.mfoot .del:hover{background:#FDECEA} input[type=file]{display:none} /* responsabil picker popover */ .rpicker{position:fixed;z-index:60;background:var(--menu);border:1px solid var(--line);border-radius:12px; box-shadow:0 12px 40px rgba(25,25,25,.18);min-width:200px;max-width:260px;padding:6px;display:none;flex-direction:column;gap:2px} .rpicker.show{display:flex} .rpicker .rp-item{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:8px;cursor:pointer;font-size:13px;border:0;background:transparent;text-align:left;width:100%} .rpicker .rp-item:hover{background:var(--line2)} .rpicker .rp-item .av{width:22px;height:22px;font-size:9px} .rpicker .rp-item.sel{background:var(--accent-soft)} .rpicker .rp-sep{height:1px;background:var(--line2);margin:3px 0} .rpicker .rp-new{display:flex;gap:6px;padding:4px} .rpicker .rp-new input{flex:1;font:inherit;font-size:12.5px;padding:6px 9px;border:1px solid var(--line);border-radius:7px;min-width:0} .rpicker .rp-new button{border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:6px 10px;font-size:12px;font-weight:600} /* read-only mode */ body.romode .grip,body.romode .rowact,body.romode .addproj,body.romode #addBtn, body.romode .barhandle,body.romode #deleteBtn,body.romode #saveBtn,body.romode #subBtn, body.romode #cmAdd,body.romode #cmInput,body.romode .adminwrite, body.romode #undoBtn,body.romode #redoBtn{display:none!important} body.romode .bar.drag{cursor:default!important} body.romode .robanner{display:flex!important} .robanner{display:none;align-items:center;gap:8px;background:var(--holbg);border-bottom:1px solid var(--line); padding:7px 18px;font-size:12.5px;color:#8A5A00;font-weight:600} /* cloud */ .gate{position:fixed;inset:0;background:linear-gradient(160deg,#F4F4F4,#FAFAFA 60%);display:none;align-items:center;justify-content:center;z-index:80;padding:20px} .gate.show{display:flex} .gcard{background:var(--surface);border-radius:18px;box-shadow:0 24px 70px rgba(30,30,30,.18);width:400px;max-width:100%;padding:30px 28px 26px} .gcard .glogo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#8F8F8F);display:grid;place-items:center;color:#fff;font-weight:800;font-size:20px;margin-bottom:16px} .gcard h2{margin:0 0 3px;font-size:19px;font-weight:720;letter-spacing:-.01em} .gcard p.sub{margin:0 0 20px;color:var(--muted);font-size:13px} .gfield{display:flex;flex-direction:column;gap:5px;margin-bottom:13px} .gfield label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600} .gfield input{font:inherit;font-size:14px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--bg)} .gfield input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface)} .gmsg{font-size:12.5px;margin:2px 0 12px;min-height:16px} .gmsg.err{color:var(--p-urgent)}.gmsg.ok{color:#16A34A} .gbtn{width:100%;padding:12px;border:0;border-radius:11px;background:var(--accent);color:#fff;font-size:14px;font-weight:650;margin-bottom:9px} .gbtn:hover{background:#626262} .gbtn.alt{background:var(--surface);color:var(--accent);border:1px solid var(--accent)}.gbtn.alt:hover{background:var(--accent-soft)} .glink{display:flex;justify-content:space-between;margin-top:6px} .glink button{border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:560;text-decoration:underline;text-underline-offset:2px} .glink button:hover{color:var(--ink)} .setup{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-size:12px;color:var(--muted);margin-top:14px;line-height:1.5} .setup b{color:var(--ink)} .setup ol{margin:6px 0 0;padding-left:18px}.setup li{margin:3px 0} .setup code{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:1px 4px;font-family:var(--mono);font-size:11px} @media (max-width:820px){ :root{--list-w:170px;--row-h:38px} .navrail{position:fixed;left:0;top:0;bottom:0;transform:translateX(-101%);transition:transform .18s ease; box-shadow:12px 0 34px rgba(0,0,0,.3);--nr-w:250px} body.railopen .navrail{transform:none} body.railmin .navrail{--nr-w:250px} .railback{display:block;position:fixed;inset:0;background:rgba(18,18,18,.4);z-index:29;opacity:0;pointer-events:none;transition:opacity .18s} body.railopen .railback{opacity:1;pointer-events:auto} .bar1{padding:6px 10px} .tabsrow,.bar2{padding-left:10px;padding-right:10px} /* lista de task-uri devine sertar peste calendar; Gantt-ul ia toată lățimea */ .lpane{position:absolute;left:0;top:0;bottom:0;width:min(80vw,300px); transform:translateX(-100%);transition:transform .18s ease;box-shadow:10px 0 30px rgba(25,25,25,.22)} body.tasksopen .lpane{transform:none} .tasksToggle{display:flex} .monthNow{left:0} .colgrip{display:none} header{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch} header::-webkit-scrollbar{display:none} .rowact [data-indent],.rowact [data-outdent]{display:none} .stage.mscrim::after{content:"";position:absolute;inset:0;background:rgba(25,25,25,.28);z-index:11} header{padding:7px 10px;gap:8px} header .btn{padding:6px 9px;font-size:11.5px} .search{min-width:150px;max-width:190px;flex:none} .filters{flex-wrap:nowrap;flex:none} .dcard .val{font-size:17px}.dcard .lab{font-size:9.5px} .focus{display:none} .mypanel{padding:7px 10px} .mypanel .mphead{margin-bottom:7px} .mypanel .mphead h2{font-size:12.5px} .mypanel select{min-width:130px;font-size:12px;padding:5px 8px} .lcell{gap:4px;padding-right:5px} .grip{display:none} .rowact{opacity:1} .rowact button{width:26px;height:26px} .prog{display:none} .av{width:22px;height:22px} .nm{font-size:12px} .day-band .dw{font-size:12px} .cardsView{padding:10px} } /* ===================== BETA 2.0 — componente noi ===================== */ /* --- selector de limbă: exact două butoane --- */ .langsw{display:flex;gap:4px;align-items:stretch} .langsw.block{width:100%} .langbtn{flex:1;min-height:34px;min-width:44px;display:inline-flex;align-items:center;justify-content:center; gap:5px;padding:6px 10px;border:1px solid var(--line);background:var(--surface);color:var(--ink); border-radius:9px;font-size:12.5px;font-weight:620;line-height:1;transition:background .12s,border-color .12s,color .12s} .langbtn:hover{background:var(--surf2)} .langbtn.on{background:var(--accent);border-color:var(--accent);color:#fff} .langbtn.on::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;flex:none} .langbtn .lgshort{display:none;font-family:var(--mono);font-weight:800;letter-spacing:.02em} .langsw.compact .langbtn{padding:6px 8px;min-width:44px} .langsw.compact .langbtn .lgfull{display:none} .langsw.compact .langbtn .lgshort{display:inline} .langsw.compact .langbtn.on::before{display:none} .nr-foot .langsw .langbtn{background:#242424;border-color:#3A3A3A;color:#D7D7D7} .nr-foot .langsw .langbtn:hover{background:#2E2E2E;color:#fff} .nr-foot .langsw .langbtn.on{background:var(--accent);border-color:var(--accent);color:#fff} body.railmin .nr-foot .langsw{flex-direction:column} body.railmin .nr-foot .langsw .langbtn .lgfull{display:none} body.railmin .nr-foot .langsw .langbtn .lgshort{display:inline} body.railmin .nr-foot .langsw .langbtn.on::before{display:none} /* --- toast-uri --- */ .toastwrap{position:fixed;left:50%;transform:translateX(-50%);bottom:22px;z-index:320; display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:min(560px,94vw)} .toast{pointer-events:auto;display:flex;align-items:center;gap:12px;width:100%; background:#262626;color:#F2F2F2;border-radius:11px;padding:11px 12px 11px 15px; box-shadow:0 10px 30px rgba(12,12,12,.34);font-size:13px;font-weight:520; opacity:0;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease} .toast.in{opacity:1;transform:none} .toast.out{opacity:0;transform:translateY(6px)} .toast .tmsg{flex:1;min-width:0} .toast .tact{flex:none;background:transparent;border:1px solid rgba(255,255,255,.32);color:#fff; border-radius:8px;padding:5px 11px;font-size:12px;font-weight:700;min-height:32px} .toast .tact:hover{background:rgba(255,255,255,.14)} .toast .tx{flex:none;background:transparent;border:0;color:rgba(255,255,255,.62);font-size:17px; line-height:1;width:30px;height:30px;border-radius:8px} .toast .tx:hover{background:rgba(255,255,255,.12);color:#fff} .toast.ok{background:#14532D;color:#E6F6EC} .toast.err{background:#7F1D1D;color:#FDE9E9} .toast.warn{background:#7C4A03;color:#FDF1DF} /* --- dialoguri proprii --- */ .dlgback{position:fixed;inset:0;background:rgba(18,18,18,.5);z-index:210;display:flex; align-items:center;justify-content:center;padding:18px;opacity:0;transition:opacity .16s} .dlgback.show{opacity:1} .dlgcard{background:var(--surface);color:var(--ink);border-radius:15px;box-shadow:var(--shadow); width:min(430px,96vw);padding:20px 20px 16px;display:flex;flex-direction:column;gap:11px; transform:translateY(8px);transition:transform .16s} .dlgcard.wide{width:min(680px,96vw)} .dlgback.show .dlgcard{transform:none} .dlgcard h3{margin:0;font-size:15.5px;font-weight:700} .dlgcard .dmsg{margin:0;font-size:13px;color:var(--muted);line-height:1.55} .dlgcard .dhtml{font-size:12.5px;color:var(--ink);max-height:52vh;overflow:auto} .dlgcard .dhtml table{width:100%;border-collapse:collapse} .dlgcard .dhtml td{padding:5px 6px;border-bottom:1px solid var(--line);vertical-align:top} .dlgcard .dhtml td:first-child{color:var(--muted);white-space:nowrap;width:44%} .dlgcard .dfield{display:flex;flex-direction:column;gap:5px} .dlgcard .dfield label{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)} .dlgcard .dfield input{border:1px solid var(--line);background:var(--input);color:var(--ink); border-radius:9px;padding:9px 11px;font-size:13.5px;font-family:inherit;min-height:40px} .dlgcard .dfoot{display:flex;gap:8px;justify-content:flex-end;margin-top:3px;flex-wrap:wrap} .dlgcard .dbtn.extra{margin-right:auto;color:var(--p-urgent);border-color:var(--line)} .dlgcard .dbtn.extra:hover{border-color:var(--p-urgent);background:var(--s-bl-bg)} .dbtn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:9px; padding:8px 15px;font-size:13px;font-weight:620;min-height:40px} .dbtn:hover{background:var(--surf2)} .dbtn.pri{background:var(--accent);border-color:var(--accent);color:#fff} .dbtn.pri:hover{filter:brightness(1.07)} .dbtn.pri.danger{background:var(--p-urgent);border-color:var(--p-urgent)} /* --- indicator unic de salvare + sincronizare --- */ .syncind{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface); color:var(--ink);border-radius:9px;padding:6px 10px;font-size:11.5px;font-weight:600; min-height:34px;text-align:left;max-width:100%} .syncind i{width:8px;height:8px;border-radius:50%;background:#8A8A8A;flex:none} .syncind.ok i{background:#16A34A} .syncind.sync i{background:#D97706;animation:sblink 1s infinite} .syncind.err i{background:#B76046} .syncind span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @keyframes sblink{0%,100%{opacity:1}50%{opacity:.3}} .nr-foot .syncind{background:#242424;border-color:#3A3A3A;color:#C8C8C8;width:100%} .nr-foot .syncind:hover{background:#2E2E2E} body.railmin .nr-foot .syncind span{display:none} body.railmin .nr-foot .syncind{justify-content:center;padding:6px} /* --- undo / redo --- */ .urgroup{display:flex;gap:4px} .urbtn{min-width:34px;min-height:34px;display:inline-flex;align-items:center;justify-content:center; border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:9px;padding:0 9px;font-size:14px} .urbtn:hover:not(:disabled){background:var(--surf2)} .urbtn:disabled{opacity:.38;cursor:not-allowed} .urbtn svg{width:15px;height:15px} /* --- buton principal unic „Adaugă” + meniul lui --- */ .addmenu{position:fixed;z-index:120;background:var(--menu);border:1px solid var(--line);border-radius:12px; box-shadow:var(--shadow);padding:5px;min-width:210px;display:none;flex-direction:column;gap:1px} .addmenu.show{display:flex} .addmenu button{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--ink); text-align:left;padding:9px 11px;border-radius:8px;font-size:13px;font-weight:560;min-height:38px;width:100%} .addmenu button:hover{background:var(--surf2)} .addmenu button:disabled{opacity:.4;cursor:not-allowed} .addmenu .amlab{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted2); font-weight:700;padding:7px 11px 3px} /* --- etichete de filtre active --- */ .fchips{display:flex;flex-wrap:wrap;gap:6px;align-items:center} .fchips .fc{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--accent); border:1px solid transparent;border-radius:999px;padding:4px 6px 4px 11px;font-size:11.5px;font-weight:650} .fchips .fc button{border:0;background:transparent;color:inherit;font-size:14px;line-height:1; width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center} .fchips .fc button:hover{background:rgba(0,0,0,.09)} .fchips .fclear{border:1px solid var(--line);background:var(--surface);color:var(--muted); border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:620;min-height:28px} .fchips .fcount{font-size:11.5px;color:var(--muted2);font-family:var(--mono)} /* --- pagini: secțiuni de administrare --- */ .pcard .mbody{display:flex;flex-direction:column;gap:11px} .pcard .mbody .setup{font-size:12px} .adminnav button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px; padding:6px 13px;font-size:12.5px;font-weight:620;min-height:34px} .adminnav button.on{background:var(--accent);border-color:var(--accent);color:#fff} .prefrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .prefrow .plabel{font-size:12.5px;font-weight:650;min-width:110px} .themeseg{display:flex;gap:5px} .themeseg button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:9px; padding:7px 13px;font-size:12.5px;font-weight:600;min-height:34px} .themeseg button.on{background:var(--accent);border-color:var(--accent);color:#fff} .datagrid{display:flex;flex-wrap:wrap;gap:7px} /* --- centru de export PDF / Excel --- */ .expformat{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px} .expfmt{min-height:58px;border:1px solid var(--line);background:var(--surface);color:var(--ink); border-radius:11px;padding:9px 12px;display:flex;align-items:center;gap:10px;text-align:left;font:inherit} .expfmt:hover{border-color:var(--accent);background:var(--hover)} .expfmt.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)} .expfmt .expi{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none; font-size:18px;background:var(--surf2)} .expfmt.on .expi{background:var(--accent);color:#fff} .expfmt b{display:block;font-size:13.5px}.expfmt small{display:block;color:var(--muted);font-size:11px;margin-top:2px} .expblock{border:1px solid var(--line);border-radius:11px;padding:10px;background:var(--surf2);margin-bottom:10px} .expblock>h4{margin:0 0 8px;font-size:10.5px;text-transform:uppercase;letter-spacing:.065em;color:var(--muted)} .expoptions{display:grid;grid-template-columns:1fr 1fr;gap:7px} .expoptions .rptgl{margin:0;background:var(--surface)} .expoptions .rptgl.wide{grid-column:1/-1} .expoptions .rptgl:has(input:disabled){opacity:.48;cursor:not-allowed} .expinline{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:9px;align-items:end} .expinline.exp-pdf{grid-template-columns:minmax(0,1fr) 128px 150px} .expinline .field{margin:0} .exphint{font-size:11.5px;color:var(--muted);line-height:1.45;margin:4px 0 0} @media (max-width:560px){ .expoptions{grid-template-columns:1fr}.expoptions .rptgl.wide{grid-column:auto} .expinline{grid-template-columns:1fr}.expfmt{min-height:54px;padding:8px} } /* --- previzualizare PDF în aplicație: nu depinde de ferestre pop-up --- */ .pdfpreviewback{position:fixed;inset:0;z-index:260;background:rgba(32,32,32,.66); display:flex;align-items:center;justify-content:center;padding:14px;opacity:0;transition:opacity .16s ease;contain:layout paint} .pdfpreviewback.show{opacity:1} .pdfpreviewcard{width:min(1480px,98vw);height:min(960px,96vh);background:var(--surface);color:var(--ink); border:1px solid var(--line);border-radius:16px;box-shadow:0 28px 80px rgba(19,19,19,.38); overflow:hidden;display:flex;flex-direction:column;transform:translateY(8px);transition:transform .16s ease} .pdfpreviewback.show .pdfpreviewcard{transform:none} .pdfpreviewhead{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line); background:var(--surface);flex:none;min-height:56px} .pdfpreviewtitle{flex:1;min-width:0}.pdfpreviewtitle b{display:block;font-size:13.5px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis}.pdfpreviewtitle small{display:block;color:var(--muted);font-size:11px;margin-top:2px} .pdfpreviewacts{display:flex;align-items:center;gap:7px;flex:none}.pdfpreviewacts .btn{min-height:36px} .pdfpreviewframe{flex:1;min-height:0;width:100%;border:0;background:#fff;color-scheme:light} .pdfpreviewload{position:absolute;inset:57px 14px 14px;display:grid;place-items:center;color:var(--muted); pointer-events:none;font-size:12.5px} @media (max-width:720px){ .pdfpreviewback{padding:0}.pdfpreviewcard{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;border:0} .pdfpreviewhead{align-items:flex-start;flex-wrap:wrap}.pdfpreviewtitle{flex-basis:100%} .pdfpreviewacts{width:100%;overflow-x:auto}.pdfpreviewacts .btn{flex:1;justify-content:center} } /* Indicator separat de dialog: acesta se închide imediat, iar exportul continuă fără să pară că aplicația s-a blocat. */ .exportbusy{position:fixed;left:50%;bottom:24px;z-index:340;transform:translate(-50%,10px); display:flex;align-items:center;gap:10px;max-width:min(560px,92vw);padding:10px 14px;border-radius:12px; background:#303030;color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.28);font-size:12.5px;font-weight:650; opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease} .exportbusy.on{opacity:1;transform:translate(-50%,0)} .exportbusy i{width:16px;height:16px;flex:none;border:2px solid rgba(255,255,255,.34);border-top-color:#fff; border-radius:50%;animation:exportSpin .75s linear infinite} .exportbusy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @keyframes exportSpin{to{transform:rotate(360deg)}} /* --- pagina Echipă --- */ .teamgrid{display:flex;flex-direction:column;gap:8px} /* --- galeria de șabloane --- */ .tplgal{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;align-items:stretch} /* --- agendă (mobil) --- */ .agenda{display:flex;flex-direction:column;gap:15px} .agsec h4{margin:0 0 7px;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)} .agsec .aglist{display:flex;flex-direction:column;gap:6px} .agitem{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--surface); border-radius:10px;padding:10px 11px;min-height:48px;cursor:pointer} .agitem .agn{flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .agitem .agp{font-size:10.5px;color:var(--muted2);font-family:var(--mono)} .agempty{font-size:12.5px;color:var(--muted2);font-style:italic} /* --- navigare mobilă fixă + foaia „Mai multe” --- */ .mobnav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--surface); border-top:1px solid var(--line);padding:4px 4px calc(4px + env(safe-area-inset-bottom)); grid-template-columns:repeat(4,1fr);gap:2px} .mobnav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px; border:0;background:transparent;color:var(--muted);font-size:10.5px;font-weight:620; min-height:52px;border-radius:10px;padding:5px 2px} .mobnav button svg{width:20px;height:20px} .mobnav button.on{color:var(--accent);background:var(--accent-soft)} .sheetback{position:fixed;inset:0;background:rgba(18,18,18,.46);z-index:150;opacity:0; pointer-events:none;transition:opacity .18s} .sheetback.show{opacity:1;pointer-events:auto} .sheet{position:fixed;left:0;right:0;bottom:0;z-index:151;background:var(--surface); border-radius:18px 18px 0 0;box-shadow:0 -10px 34px rgba(12,12,12,.3); padding:8px 14px calc(18px + env(safe-area-inset-bottom));transform:translateY(102%); transition:transform .2s ease;max-height:86vh;overflow:auto} .sheet.show{transform:none} .sheet .shgrip{width:38px;height:4px;border-radius:3px;background:var(--line);margin:6px auto 12px} .sheet h4{margin:14px 0 7px;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted2)} .sheet .shrow{display:flex;flex-direction:column;gap:4px} .sheet .shrow button{display:flex;align-items:center;gap:10px;border:0;background:transparent; color:var(--ink);text-align:left;padding:11px 10px;border-radius:10px;font-size:14px; font-weight:560;min-height:48px;width:100%} .sheet .shrow button:hover,.sheet .shrow button.on{background:var(--surf2)} .sheet .shrow button svg{width:19px;height:19px;flex:none;color:var(--muted)} /* --- accesibilitate --- */ .sronly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden; clip:rect(0 0 0 0);white-space:nowrap;border:0} @media (max-width:820px){ .mobnav{display:grid} .appcol{padding-bottom:58px} .toastwrap{bottom:calc(66px + env(safe-area-inset-bottom))} .page{padding:14px 12px 20px} .tplgal{grid-template-columns:1fr} .ganttfoot{bottom:58px} .modal{max-height:calc(100dvh - 12px)} .overlay{padding:0} .overlay .modal{width:100vw!important;max-width:100vw;height:100dvh;max-height:100dvh; border-radius:0;display:flex;flex-direction:column} .overlay .modal .mbody{flex:1;overflow:auto} .overlay .modal .mfoot{position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--line)} .dlgcard{width:100%} } /* --- panou lateral de detalii (înlocuiește modalul mare) --- */ #overlay{align-items:stretch;justify-content:flex-end;padding:0;background:rgba(25,25,25,.22)} #overlay .modal{width:min(470px,100vw);max-width:100vw;height:100dvh;max-height:100dvh; border-radius:0;box-shadow:-16px 0 46px rgba(12,12,12,.24);display:flex;flex-direction:column; animation:slidein .18s ease-out} #overlay .modal>h3{flex:none} #overlay .modal .mbody{flex:1;overflow:auto} #overlay .modal .mfoot{flex:none;flex-wrap:wrap} @keyframes slidein{from{transform:translateX(24px);opacity:.4}to{transform:none;opacity:1}} .insec{border:1px solid var(--line);border-radius:11px;overflow:hidden} .insec>summary{cursor:pointer;list-style:none;padding:10px 12px;font-size:11.5px;font-weight:700; text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--surf2); display:flex;align-items:center;gap:7px;min-height:40px} .insec>summary::-webkit-details-marker{display:none} .insec>summary::after{content:"▾";margin-left:auto;font-size:11px;transition:transform .15s} .insec[open]>summary::after{transform:rotate(180deg)} .insec .insbody{padding:12px;display:flex;flex-direction:column;gap:12px} .dirtydot{width:7px;height:7px;border-radius:50%;background:var(--p-high);display:none;flex:none} body.dirtyform .dirtydot{display:block} /* --- ierarhie: transformare activitate în subactivitate --- */ #fParentField .hint{margin:0;line-height:1.45} #fParent{font-weight:620} #mIndent{max-width:220px} #mIndent:disabled{opacity:.42;cursor:not-allowed} .parentpick{display:flex;flex-direction:column;gap:7px} .parentpick label{font-size:10.5px;text-transform:uppercase;letter-spacing:.055em;color:var(--muted);font-weight:700} .parentpick select{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:9px; background:var(--input);color:var(--ink);font:inherit;font-size:13px;font-weight:620} .parentpick select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)} .parentpick p{margin:1px 0 0;color:var(--muted);font-size:11.5px;line-height:1.45} @media (max-width:820px){#mIndent{max-width:none}} html{height:100%} body{height:100dvh;min-height:100dvh} :root,html[data-theme="light"],html[data-theme="dark"]{ --bg:#F7F7F7;--surface:#FFFFFF;--ink:#282828;--muted:#707070;--muted2:#A1A1A1; --line:#E1E1E1;--line2:#EFEFEF;--weekend:#F9F9F9;--today:#D84F45; --accent:#6E6E6E;--accent-soft:#F0F0F0;--surf2:#FAFAFA;--hover:#F5F5F5; --projrow:#F2F2F2;--wehead:#EDEDED;--oddwk:#FBFBFB;--todaycol:#FFF0EF; --holbg:#FDF3E6;--barbg:#FFFFFF;--input:#FFFFFF;--menu:#FFFFFF;--scrollthumb:#CFCFCF; --p-urgent:#E4574E;--p-high:#F4A63A;--p-normal:#858585;--p-low:#BEBEBE; --s-ns:#939393;--s-ns-bg:#F2F2F2;--s-ip:#8F8F8F;--s-ip-bg:#F0F0F0; --s-wt:#E9A23B;--s-wt-bg:#FEF3DF;--s-bl:#E26158;--s-bl-bg:#FDEBE8;--s-dn:#4AA36A;--s-dn-bg:#E7F6EC; --shadow-sm:0 1px 2px rgba(23,23,23,.05);--shadow:0 14px 40px rgba(23,23,23,.08),0 2px 8px rgba(23,23,23,.06); --row-h:36px;--head-h:60px;--list-w:620px; --ui:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --display:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --rp-grid:#E0E0E0;--rp-grid-soft:#EDEDED;--rp-head:#F5F5F5;--rp-head-ink:#5F5F5F; --rp-alt:#FBFBFB;--rp-hover:#F4F4F4;--rp-field:#FCFCFC;--rp-field-border:#E0E0E0; --rp-phase:#343434;--rp-section:#F0F0F0;--rp-section-ink:#5D5D5D;--rp-empty:#B1B1B1; } html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{color-scheme:light!important} *{scrollbar-color:var(--scrollthumb) var(--bg)} ::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)} ::-webkit-scrollbar-thumb{background:var(--scrollthumb);border-radius:10px;border:2px solid var(--bg)} html,body{background:#F3F3F3;color:var(--ink)} body{font-family:var(--ui);font-size:13px;letter-spacing:-.006em} .appcol{background:var(--bg)} /* sidebar */ .navrail{background:linear-gradient(180deg,#353535,#292929 64%,#232323);color:#F0F0F0;border-right:1px solid #333333;box-shadow:none} .nr-head{min-height:64px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);gap:10px} .nr-mark{width:34px;height:34px;border-radius:50%;background:#6E6E6E;color:#fff;font-weight:800;font-size:10.5px;box-shadow:0 8px 18px rgba(110,110,110,.28)} .nr-brand b{font-size:13px;font-weight:750;color:#FBFBFB}.nr-brand small{font-size:9px;color:#AEAEAE;margin-top:2px} .nr-toggle{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#BEBEBE;box-shadow:none} .nr-toggle:hover{background:rgba(255,255,255,.10);color:#FFF} .nr-search{margin:12px 13px 10px}.nr-search .search input{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.10);color:#F3F3F3;border-radius:10px;padding-top:8px;padding-bottom:8px} .nr-search .search input::placeholder{color:#9E9E9E}.nr-search .search svg,.nr-search .search .clr{color:#9E9E9E} .nr-nav{padding:6px 9px 8px}.nr-item{color:#CFCFCF;border-radius:10px;padding:8px 10px;font-size:12.2px;font-weight:540} .nr-item:hover{background:rgba(255,255,255,.06);color:#FFF}.nr-item.on{background:#3E3E3E;color:#FFF;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)} .nr-item svg{color:#A2A2A2;opacity:1}.nr-item.on svg{color:#A2A2A2}.nr-item .nr-cnt{color:#AEAEAE}.nr-item.on .nr-cnt{color:#E2E2E2} .nr-sub{border-left-color:rgba(255,255,255,.10);margin-left:20px}.nr-sub button{color:#BEBEBE;border-radius:8px;padding:6px 8px} .nr-sub button:hover{background:rgba(255,255,255,.06);color:#FFF}.nr-sub button.on{background:rgba(255,255,255,.08);color:#FFF;font-weight:650} .nr-sub button i{border-radius:50%}.nr-sep{background:rgba(255,255,255,.08)}.nr-lab{color:#919191;font-size:8px;letter-spacing:.14em} .nr-item.dash{border-color:rgba(255,255,255,.12);color:#B6B6B6}.nr-item.dash:hover{border-color:rgba(255,255,255,.24);color:#FFF} .nr-foot{background:#262626;border-top-color:rgba(255,255,255,.08);padding:10px 11px;gap:8px} .nr-foot .langsw{gap:6px}.nr-foot .langbtn{min-height:34px;background:#2F2F2F!important;border-color:#404040!important;color:#D1D1D1!important;border-radius:9px!important;font-size:11px!important} .nr-foot .langbtn.on{background:#171717!important;border-color:#4A4A4A!important;color:#FFFFFF!important} .nr-foot .syncind{background:#2F2F2F!important;border-color:#404040!important;color:#CECECE!important;border-radius:9px;min-height:32px} .nr-foot .syncind.ok i{background:#4AA36A}.nr-foot .syncind.err i{background:#E4574E} .nr-acct{padding:2px 1px}.nr-acct .nav2{background:#0E9F8E;width:24px;height:24px}.nr-acct .em{color:#C3C3C3;font-size:10px;font-weight:600}.nr-acct button{background:#2F2F2F;color:#CECECE;border:1px solid #434343} .nr-foot>div[style*="gap: 5px"]{display:none!important} body.railmin .nr-head{padding:10px 6px}.railback{background:rgba(16,16,16,.42)} /* main header */ .bar1{min-height:56px;padding:8px 18px;background:#FFFFFF;border-bottom:1px solid #E7E7E7;gap:9px} .projpick,.viewpick{background:#FFFFFF;border-color:#E0E0E0;color:#282828;border-radius:18px;padding:7px 12px;font-size:12px;box-shadow:0 1px 2px rgba(23,23,23,.04)} .projpick:hover,.viewpick:hover{border-color:#C3C3C3;background:#FBFBFB}.projpick i{width:8px;height:8px;border-radius:50%} #projMeta{display:none!important}.v3-progress{display:flex;align-items:center;gap:8px;min-width:250px;color:#707070;font-size:10.5px;white-space:nowrap} .v3-progress-label{font-weight:500}.v3-progress-track{width:118px;height:4px;border-radius:9px;background:#E2E2E2;overflow:hidden;box-shadow:inset 0 1px 2px rgba(23,23,23,.05)} .v3-progress-track i{display:block;height:100%;width:0;background:#6E6E6E;border-radius:inherit;transition:width .22s ease}.v3-progress b{font-family:var(--mono);font-size:10px;color:#535353} .v3-version{display:inline-flex;align-items:center;min-height:24px;padding:5px 11px;border-radius:999px;background:#FFE8DC;color:#C15F3D;font-size:8.5px;font-weight:800;letter-spacing:.12em;white-space:nowrap} .urgroup{gap:6px}.urbtn,#bellBtn{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border:1px solid #E0E0E0!important;border-radius:50%!important;background:#FFFFFF!important;color:#707070!important;display:grid;place-items:center} .urbtn:hover:not(:disabled),#bellBtn:hover{background:#FBFBFB!important;color:#6E6E6E!important;border-color:#C4C4C4!important}.urbtn svg,#bellBtn svg{width:15px;height:15px} #exportBtn{display:none!important}#addBtn{background:#6E6E6E;border-color:#6E6E6E;border-radius:12px;padding:8px 15px;font-size:12px;font-weight:700;box-shadow:0 8px 18px rgba(110,110,110,.20)} #addBtn:hover{background:#5E5E5E;border-color:#5E5E5E} /* tabs and toolbars */ .tabsrow{min-height:46px;padding:0 18px;background:#FFFFFF;border-bottom:1px solid #ECECEC;gap:6px} .tabbtn{padding:13px 11px 11px;color:#868686;font-size:11.7px;font-weight:600;border-bottom-width:2px}.tabbtn:hover{color:#404040}.tabbtn.on{color:#282828;border-bottom-color:#6E6E6E} .tabbtn .n{color:#A1A1A1}.tabbtn.on .n{color:#6E6E6E} .bar2{min-height:50px;padding:8px 18px;background:#FDFDFD;border-bottom:1px solid #ECECEC;gap:7px} .bar2 .btn,.viewpick{min-height:32px;border:1px solid #E0E0E0!important;background:#FFFFFF!important;color:#5F5F5F!important;border-radius:17px!important;padding:6px 11px!important;font-size:11.2px!important;font-weight:600!important} .bar2 .btn:hover,.viewpick:hover{background:#FAFAFA!important;border-color:#C3C3C3!important;color:#282828!important}.bar2 .btn.on{background:#6E6E6E!important;color:#fff!important;border-color:#6E6E6E!important} .seg{border:0;border-radius:18px;background:#F2F2F2;padding:2px;overflow:visible}.seg button{border:0!important;border-radius:15px;padding:6px 12px;color:#707070;font-size:11px;font-weight:600}.seg button+button{border-left:0}.seg button.on{background:#6E6E6E;color:#fff;box-shadow:0 2px 5px rgba(110,110,110,.16)} .zoom{color:#A1A1A1;font-size:10.5px}.zoom button{width:28px;height:28px;border-color:#E0E0E0;background:#FFFFFF;border-radius:50%;color:#707070} #fchipsRow{min-height:42px!important;background:#F8F8F8!important;border-bottom-color:#EAEAEA!important;padding-top:7px;padding-bottom:7px} .fchips .fc{background:#F0F0F0;color:#656565;border:1px solid #E0E0E0;border-radius:999px;padding:5px 7px 5px 11px;font-size:10.7px}.fchips .fclear{background:#FFFFFF;border-color:#E0E0E0;color:#707070}.fchips .fcount{color:#A1A1A1} /* generic controls */ .btn{border-color:#E0E0E0;background:#FFFFFF;color:#282828;border-radius:17px;box-shadow:none}.btn:hover{background:#FAFAFA;border-color:#C3C3C3}.btn.primary{background:#6E6E6E;border-color:#6E6E6E;color:#fff}.btn.primary:hover{background:#5E5E5E} .menupop,.addmenu,.datepop,.rpicker{background:#FFFFFF;border-color:#E0E0E0;box-shadow:0 18px 46px rgba(23,23,23,.16)} .menupop button:hover,.menupop label:hover,.addmenu button:hover,.rpicker .rp-item:hover{background:#F8F8F8}.menupop .msep,.rpicker .rp-sep{background:#EDEDED} input,select,textarea{font-family:var(--ui)} input[type="checkbox"],input[type="radio"]{accent-color:#6E6E6E} .rpt .rpchk input,.rpt .rpcustomcheck,.rpcoltoggle input,.rpcustomrow>input[type="checkbox"]{accent-color:var(--s-dn)!important} .field input,.field select,.field textarea,.gfield input,.rpt input[type="date"],.rpt input[type="text"],.rpt .rpstsel{background:#FFFFFF;border-color:#E0E0E0;color:#282828} .field input:focus,.field select:focus,.field textarea:focus,.gfield input:focus{border-color:#6E6E6E;box-shadow:0 0 0 3px rgba(110,110,110,.12)} /* gantt */ .stage{background:#FFFFFF}.lpane{background:#FFFFFF;border-right-color:#E0E0E0}.corner,.axis,.month-band{background:#FFFFFF;border-color:#E7E7E7;color:#707070} .corner{font-size:9px;letter-spacing:.08em;padding-left:14px}.chd{color:#A1A1A1;font-size:8px} .lcell,.tcell{background:#FFFFFF;border-bottom-color:#EFEFEF}.node:hover .lcell,.node.hov .lcell{background:#F8F8F8}.node.hov .tcell{background:#FAFAFA} .node.proj .lcell,.node.proj .tcell{background:#F4F4F4;border-bottom-color:#E5E5E5}.node.proj .nm{font-weight:720;color:#282828} .nm{font-size:12px;color:#404040}.tipcell{color:#A1A1A1}.datecell{color:#707070;border-radius:10px}.datecell:hover{background:#FBFBFB;border-color:#DBDBDB} .check{width:17px;height:17px;border-radius:50%;border-color:#DBDBDB;background:#FFFFFF}.check:hover{border-color:#6E6E6E}.check.on{background:#4AA36A;border-color:#4AA36A} .stchip{border-radius:999px;padding:4px 9px;font-size:10px;font-weight:700}.stchip.done{background:#E7F6EC;color:#4AA36A}.stchip.prog{background:#F0F0F0;color:#8F8F8F}.stchip.wait{background:#FEF3DF;color:#E9A23B}.stchip.ns{background:#F2F2F2;color:#939393}.stchip.block{background:#FDEBE8;color:#E26158} .rowact button{color:#A2A2A2}.rowact button:hover{background:#F5F5F5} .day-band{border-right-color:#EDEDED}.day-band .dn{color:#A6A6A6}.day-band .dw{color:#737373} .day-band.we, .daycol.we{background:#FAFAFA}.day-band.odd-week,.daycol.odd-week{background:#FCFCFC}.day-band.odd-week.we,.daycol.odd-week.we{background:#F9F9F9} .day-band.today,.daycol.today-col,.day-band.odd-week.today,.daycol.odd-week.today-col{background:#FFF2F1}.day-band.today .dw{background:#D84F45;color:#fff} .daycol{border-right-color:#F2F2F2}.todayLine{background:#D84F45}.bar{box-shadow:inset 0 0 0 1px rgba(24,24,24,.05)} .bardate{color:#707070}.noschedule{background:#FFFFFF;border-color:#E0E0E0;color:#939393}.ganttfoot{background:#FFFFFF;border-top-color:#E7E7E7;box-shadow:0 -5px 16px rgba(23,23,23,.05)} .gf-btn{background:#FFFFFF;border-color:#E0E0E0;color:#707070} /* reporting */ .bar2.rpworkbar{background:#FDFDFD}.rp-titleblock h1{color:#282828;font-family:var(--display);font-size:22px;font-weight:750;letter-spacing:-.02em}.rp-titleblock small{color:#707070} .rp-actions .btn{background:#FFFFFF!important;border-color:#E0E0E0!important;color:#5F5F5F!important}.rp-actions .btn:hover{background:#FAFAFA!important;color:#282828!important} .rp-actions .rpnew{background:#6E6E6E!important;border-color:#6E6E6E!important;color:#FFFFFF!important} #reportView{background:#F7F7F7}.rpcard{border-color:#E2E2E2;background:#FFFFFF;box-shadow:0 10px 28px rgba(23,23,23,.06);border-radius:16px} .rpkpis{background:#EFEFEF;border-bottom-color:#E2E2E2}.rpkpi{background:#FFFFFF;border-color:#E2E2E2;box-shadow:none} .rpkpi .ki{background:#F8F8F8;border-color:#E0E0E0;color:#A2A2A2}.rpkpi .kn{color:#282828}.rpkpi .kl{color:#A1A1A1}.rpkpi .kline{background:#E0E0E0} .rpkpi[data-kpicard="pct"]{background:#313131;border-color:#313131}.rpkpi[data-kpicard="pct"] .kn,.rpkpi[data-kpicard="pct"] .kl{color:#fff}.rpkpi[data-kpicard="pct"] .kline{background:rgba(255,255,255,.18)} .rpscroll,.rpt{background:#FFFFFF}.rpt th{background:#F5F5F5;color:#5F5F5F;border-color:#E0E0E0;padding:9px 8px;font-size:8px;letter-spacing:.08em;box-shadow:none} .rpt td{background:#FFFFFF;border-color:#EDEDED;padding:6px 8px;color:#535353}.rpt tr[data-rprow].rpalt td{background:#FBFBFB}.rpt tr[data-rprow]:hover td{background:#F4F4F4} .rpt tr[data-rprow].rpalt td.rpnum,.rpt tr[data-rprow].rpalt td.rpnm{background:#FBFBFB}.rpt tr[data-rprow]:hover td.rpnum,.rpt tr[data-rprow]:hover td.rpnm{background:#F4F4F4} .rpt tr.rpfaza td{background:#343434;color:#FFFFFF;border-color:#414141;padding:7px 10px}.rpt tr.rpsect td{background:#F0F0F0;color:#5D5D5D;border-color:#E1E1E1;padding:7px 10px} .rpt input[type="date"],.rpt input[type="text"],.rpt .rpstsel{background:#FCFCFC;border-color:#E0E0E0;border-radius:9px;min-height:29px}.rpt input:focus,.rpt .rpstsel:focus{border-color:#6E6E6E;box-shadow:0 0 0 3px rgba(110,110,110,.12)} .rpt .rpact button{width:25px;height:25px;padding:0;border:1px solid #E0E0E0;background:#FFFFFF;border-radius:50%;color:#A1A1A1}.rpt .rpact button:hover{background:#F4F4F4;border-color:#C3C3C3;color:#6E6E6E}.rplink{color:#6E6E6E;border-bottom-color:#D0D0D0}.rpdot{border-radius:50%}.rpdrag{background:transparent}.rpboolread.yes{color:#4AA36A;background:#E7F6EC;border-color:#CDEDD7} .rphist-h{background:#FCFCFC}.rphist .hrow:hover{background:#F8F8F8} /* dialogs, cards, ancillary pages */ .page,.cardsView,.calView{background:#F7F7F7}.pcard,.tcard,.tplcard,.soon{background:#FFFFFF;border-color:#E2E2E2;box-shadow:0 4px 14px rgba(23,23,23,.045)} .pgtitle h2{font-family:var(--display);font-size:21px;font-weight:750}.modal,.dlgcard,.gcard,.sheet{background:#FFFFFF;color:#282828}.overlay,.dlgback{background:rgba(23,23,23,.30)} .modal h3,.modal .mfoot,.dlgcard .dfoot{background:#FFFFFF;border-color:#EDEDED}.insec{border-color:#E2E2E2}.insec>summary{background:#F7F7F7;color:#707070} .dbtn{border-color:#E0E0E0;background:#FFFFFF;color:#282828;border-radius:17px}.dbtn:hover{background:#F8F8F8}.dbtn.pri{background:#6E6E6E;border-color:#6E6E6E}.dlgcard .dbtn.extra{color:#282828;border-color:#E0E0E0;margin-right:auto}.dlgcard .dbtn.extra:hover{color:#282828;border-color:#C3C3C3;background:#F8F8F8} .toast{background:#313131}.toast.ok{background:#4AA36A}.toast.err{background:#D84F45}.toast.warn{background:#C68525} .gate{background:linear-gradient(155deg,#F3F3F3,#FBFBFB 62%)}.gcard .glogo{background:#6E6E6E;border-radius:50%}.gbtn{background:#6E6E6E}.gbtn:hover{background:#5E5E5E}.gbtn.alt{color:#6E6E6E;border-color:#6E6E6E}.gbtn.alt:hover{background:#F0F0F0} @media(max-width:1100px){.v3-progress{min-width:190px}.v3-progress-track{width:80px}.v3-version{display:none!important}.rp-titleblock h1{font-size:20px}.rpworkbar{flex-wrap:wrap!important}.rp-actions{justify-content:flex-start}} @media(max-width:820px){.navrail{background:#292929}.bar1{padding:7px 10px}.v3-progress{display:none!important}.tabsrow,.bar2{padding-left:10px;padding-right:10px}.bar2.rpworkbar{min-height:auto;padding-top:12px}.rp-titleblock{flex-basis:100%}.rp-titleblock h1{font-size:20px}#reportView{padding:0 10px 16px}.rpkpis{grid-template-columns:repeat(2,minmax(0,1fr))}.rpkpi[data-kpicard="pct"]{grid-column:span 2}.mobnav{background:#FFFFFF;border-top-color:#E2E2E2}.mobnav button.on{color:#6E6E6E;background:#F0F0F0}} /* Stări: culoare complet editabilă, cod HEX vizibil și previzualizare în timp real. */ .strow{grid-template-columns:minmax(158px,178px) minmax(260px,1fr) 118px 126px;gap:10px;align-items:center; padding:9px 10px;border:1px solid var(--line2);border-radius:12px;background:var(--surface);transition:border-color .12s,background .12s} .strow:hover:not(.sthead){border-color:var(--line);background:var(--hover)} .strow.sthead{padding:0 10px 2px;border:0;border-radius:0;background:transparent;box-shadow:none} .stcolorctl{display:grid;grid-template-columns:40px minmax(84px,1fr) 30px;gap:7px;align-items:center;min-width:0} .stcolorctl input[type="color"]{appearance:none;-webkit-appearance:none;width:40px;height:36px;padding:3px;border:1px solid var(--line); border-radius:10px;background:var(--surface);cursor:pointer;overflow:hidden} .stcolorctl input[type="color"]::-webkit-color-swatch-wrapper{padding:0} .stcolorctl input[type="color"]::-webkit-color-swatch{border:0;border-radius:7px} .stcolorctl input[type="color"]::-moz-color-swatch{border:0;border-radius:7px} .sthex{width:100%!important;min-width:0!important;height:36px!important;padding:7px 8px!important;border:1px solid var(--line)!important; border-radius:9px!important;background:var(--input)!important;color:var(--ink)!important;font:600 11.5px/1 var(--mono)!important; text-transform:uppercase;letter-spacing:.025em} .sthex:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)} .strow.badhex .sthex{border-color:var(--p-urgent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--p-urgent) 14%,transparent)} .streset{width:30px!important;height:30px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--surface)!important;color:var(--muted)!important;display:grid!important;place-items:center!important;padding:0!important} .streset:hover:not(:disabled){background:var(--surf2)!important;border-color:var(--accent)!important;color:var(--accent)!important}.streset:disabled{opacity:.35;cursor:not-allowed} .stnamectl{display:flex;align-items:center;gap:9px;min-width:0} .stnamectl>input{flex:1;min-width:120px;height:36px} .stnamectl>input[readonly]{background:var(--surf2);color:var(--ink);opacity:1!important;cursor:default} .stpreview{display:inline-flex;align-items:center;gap:6px;max-width:170px;min-width:84px;padding:5px 9px;border-radius:999px; font-size:10.5px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none;border:1px solid color-mix(in srgb,currentColor 18%,transparent)} .stpreview i{width:7px;height:7px;border-radius:50%;flex:none;background:currentColor} .strow .stdone{min-height:36px;padding:7px 8px;border:1px solid var(--line2);border-radius:9px;background:var(--surf2);color:var(--muted)} .strow .stdone input{width:16px;height:16px;accent-color:var(--s-dn)} .strow .stbtns{gap:5px} .strow .stbtns button{width:28px;height:30px;border-radius:8px;background:var(--surface);border-color:var(--line)} .strow .stbtns button:hover:not(:disabled){background:var(--surf2);border-color:var(--accent);color:var(--accent)} .strow .stbtns button.rm:hover:not(:disabled){color:var(--p-urgent);border-color:var(--p-urgent)} .stactionsbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:2px} .stactionsbar .btn{min-height:36px} @media(max-width:900px){ .strow{grid-template-columns:minmax(150px,190px) minmax(180px,1fr) 106px 98px} .stpreview{display:none} } @media(max-width:700px){ .strow{grid-template-columns:1fr 1fr;padding:10px} .strow.sthead{display:none} .stcolorctl,.stnamectl{grid-column:1/-1} .strow .stdone{grid-column:1/2} .strow .stbtns{grid-column:2/3;justify-content:flex-end} .stpreview{display:inline-flex;max-width:135px} } /* Varianta întunecată a identității Minimal Graphite. */ html[data-theme="dark"]{ --bg:#171717;--surface:#212121;--ink:#EDEDED;--muted:#B3B3B3;--muted2:#898989; --line:#414141;--line2:#323232;--weekend:#1E1E1E;--today:#8F8F8F; --accent:#8F8F8F;--accent-soft:#393939;--surf2:#2C2C2C;--hover:#313131; --projrow:#292929;--wehead:#1F1F1F;--oddwk:#1A1A1A;--todaycol:#292929; --holbg:#352A1C;--barbg:#212121;--input:#292929;--menu:#262626;--scrollthumb:#565656; --p-urgent:#F07167;--p-high:#E9A23B;--p-normal:#9C9C9C;--p-low:#686868; --s-ns:#B3B3B3;--s-ns-bg:rgba(171,171,171,.19);--s-ip:#9C9C9C;--s-ip-bg:rgba(156,156,156,.21); --s-wt:#E9A23B;--s-wt-bg:rgba(233,162,59,.21);--s-bl:#F07167;--s-bl-bg:rgba(240,113,103,.21); --s-dn:#6FB985;--s-dn-bg:rgba(111,185,133,.21); --shadow-sm:0 1px 2px rgba(0,0,0,.24);--shadow:0 16px 38px rgba(0,0,0,.34),0 2px 8px rgba(0,0,0,.22); --rp-grid:#414141;--rp-grid-soft:#323232;--rp-head:#2C2C2C;--rp-head-ink:#B4B4B4; --rp-alt:#252525;--rp-hover:#2E2E2E;--rp-field:#292929;--rp-field-border:#494949; --rp-phase:#121212;--rp-section:#393939;--rp-section-ink:#D4D4D4;--rp-empty:#777777; } html[data-theme="dark"],html[data-theme="dark"] body{background:#121212;color:var(--ink)} html[data-theme="dark"] .appcol{background:var(--bg)} html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{color-scheme:dark!important} html[data-theme="dark"] ::selection{background:#8F8F8F;color:#161616} /* navigație */ html[data-theme="dark"] .navrail{background:#1A1A1A;color:var(--ink);border-right-color:#383838} html[data-theme="dark"] .nr-head{border-bottom-color:#363636} html[data-theme="dark"] .nr-brand b{color:#EDEDED}html[data-theme="dark"] .nr-brand small{color:#949494} html[data-theme="dark"] .nr-toggle{background:#262626;border-color:#494949;color:#ABABAB} html[data-theme="dark"] .nr-toggle:hover{background:#2E2E2E;color:#EDEDED} html[data-theme="dark"] .nr-search .search input{background:#212121;border-color:#3C3C3C;color:#F0E6DC} html[data-theme="dark"] .nr-search .search input::placeholder,html[data-theme="dark"] .nr-search .search svg,html[data-theme="dark"] .nr-search .search .clr{color:#898989} html[data-theme="dark"] .nr-item{color:#C5C5C5}html[data-theme="dark"] .nr-item svg{color:#9E9E9E} html[data-theme="dark"] .nr-item:hover{background:#292929;color:#EDEDED} html[data-theme="dark"] .nr-item.on{background:#6E6E6E;color:#FFFFFF;box-shadow:0 6px 16px rgba(0,0,0,.23)} html[data-theme="dark"] .nr-item.on svg{color:#FAFAFA}html[data-theme="dark"] .nr-item.on .nr-cnt{color:#DFDFDF} html[data-theme="dark"] .nr-sub{border-left-color:#3C3C3C}html[data-theme="dark"] .nr-sub button{color:#9E9E9E} html[data-theme="dark"] .nr-sub button:hover,html[data-theme="dark"] .nr-sub button.on{background:#2C2C2C;color:#EDEDED} html[data-theme="dark"] .nr-sep{background:#383838}html[data-theme="dark"] .nr-lab{color:#757575} html[data-theme="dark"] .nr-item.dash{border-color:#494949;color:#898989}html[data-theme="dark"] .nr-item.dash:hover{border-color:#5D5D5D;color:#EDEDED} html[data-theme="dark"] .nr-foot{background:#1D1D1D;border-top-color:#383838} html[data-theme="dark"] .nr-foot .langbtn{background:#252525!important;border-color:#494949!important;color:#C5C5C5!important} html[data-theme="dark"] .nr-foot .langbtn:hover{background:#313131!important;color:#EDEDED!important} html[data-theme="dark"] .nr-foot .langbtn.on{background:#6E6E6E!important;border-color:#6E6E6E!important;color:#fff!important} html[data-theme="dark"] .nr-foot .syncind{background:#252525!important;border-color:#414141!important;color:#ADADAD!important} html[data-theme="dark"] .nr-acct .em{color:#ADADAD}html[data-theme="dark"] .nr-acct button{background:#252525;color:#ABABAB;border-color:#414141} /* antet, taburi, unelte */ html[data-theme="dark"] .bar1{background:#212121;border-bottom-color:#3C3C3C} html[data-theme="dark"] .projpick,html[data-theme="dark"] .viewpick{background:#262626;border-color:#494949;color:#F0E6DC;box-shadow:none} html[data-theme="dark"] .projpick:hover,html[data-theme="dark"] .viewpick:hover{background:#2E2E2E;border-color:#5C5C5C} html[data-theme="dark"] .v3-progress{color:#9E9E9E}html[data-theme="dark"] .v3-progress-track{background:#494949;box-shadow:inset 0 1px 2px rgba(0,0,0,.28)} html[data-theme="dark"] .v3-progress b{color:#BCBCBC}html[data-theme="dark"] .v3-version{background:#393939;color:#C7C7C7} html[data-theme="dark"] .urbtn,html[data-theme="dark"] #bellBtn{background:#262626!important;border-color:#494949!important;color:#ABABAB!important} html[data-theme="dark"] .urbtn:hover:not(:disabled),html[data-theme="dark"] #bellBtn:hover{background:#343434!important;border-color:#5C5C5C!important;color:#EDEDED!important} html[data-theme="dark"] .tabsrow{background:#1D1D1D;border-bottom-color:#383838} html[data-theme="dark"] .tabbtn{color:#8F8F8F}html[data-theme="dark"] .tabbtn:hover{color:#E1E1E1}html[data-theme="dark"] .tabbtn.on{color:#EDEDED;border-bottom-color:#8F8F8F} html[data-theme="dark"] .tabbtn .n{color:#737373}html[data-theme="dark"] .tabbtn.on .n{color:#D98A70} html[data-theme="dark"] .bar2{background:#212121;border-bottom-color:#3C3C3C} html[data-theme="dark"] .bar2 .btn,html[data-theme="dark"] .viewpick{background:#292929!important;border-color:#494949!important;color:#B3B3B3!important} html[data-theme="dark"] .bar2 .btn:hover,html[data-theme="dark"] .viewpick:hover{background:#343434!important;border-color:#5E5E5E!important;color:#EDEDED!important} html[data-theme="dark"] .bar2 .btn.on{background:#8F8F8F!important;border-color:#8F8F8F!important;color:#181818!important} html[data-theme="dark"] .seg{background:#313131}html[data-theme="dark"] .seg button{color:#ABABAB} html[data-theme="dark"] .seg button.on{background:#8F8F8F;color:#161616;box-shadow:none} html[data-theme="dark"] .zoom{color:#8F8F8F}html[data-theme="dark"] .zoom button{background:#292929;border-color:#494949;color:#B3B3B3} html[data-theme="dark"] #fchipsRow{background:#1D1D1D!important;border-bottom-color:#383838!important} html[data-theme="dark"] .fchips .fc{background:#323232;color:#BFBFBF;border-color:#474747} html[data-theme="dark"] .fchips .fclear{background:#292929;border-color:#494949;color:#B3B3B3} /* controale generale */ html[data-theme="dark"] .btn{background:#292929;border-color:#494949;color:#E8DDD3} html[data-theme="dark"] .btn:hover{background:#343434;border-color:#5C5C5C} html[data-theme="dark"] .btn.primary{background:#6E6E6E;border-color:#6E6E6E;color:#FFFFFF} html[data-theme="dark"] .btn.primary:hover{background:#D47759;border-color:#D47759} html[data-theme="dark"] .menupop,html[data-theme="dark"] .addmenu,html[data-theme="dark"] .datepop,html[data-theme="dark"] .rpicker{background:#262626;border-color:#494949;box-shadow:0 22px 58px rgba(0,0,0,.46)} html[data-theme="dark"] .menupop button:hover,html[data-theme="dark"] .menupop label:hover,html[data-theme="dark"] .addmenu button:hover,html[data-theme="dark"] .rpicker .rp-item:hover{background:#343434} html[data-theme="dark"] .menupop .msep,html[data-theme="dark"] .rpicker .rp-sep{background:#3C3C3C} html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .gfield input, html[data-theme="dark"] .rpt input[type="date"],html[data-theme="dark"] .rpt input[type="text"],html[data-theme="dark"] .rpt .rpstsel{background:#292929;border-color:#494949;color:#F1E7DD} html[data-theme="dark"] .field input:focus,html[data-theme="dark"] .field select:focus,html[data-theme="dark"] .field textarea:focus,html[data-theme="dark"] .gfield input:focus{border-color:#8F8F8F;box-shadow:0 0 0 3px rgba(143,143,143,.18)} /* Gantt */ html[data-theme="dark"] .stage,html[data-theme="dark"] .lpane,html[data-theme="dark"] .corner,html[data-theme="dark"] .axis,html[data-theme="dark"] .month-band{background:#212121} html[data-theme="dark"] .lpane{border-right-color:#3C3C3C}html[data-theme="dark"] .corner,html[data-theme="dark"] .axis,html[data-theme="dark"] .month-band{border-color:#3C3C3C;color:#B3B3B3} html[data-theme="dark"] .chd{color:#828282} html[data-theme="dark"] .lcell,html[data-theme="dark"] .tcell{background:#212121;border-bottom-color:#323232} html[data-theme="dark"] .node:hover .lcell,html[data-theme="dark"] .node.hov .lcell{background:#313131} html[data-theme="dark"] .node.hov .tcell{background:#2C2C2C} html[data-theme="dark"] .node.proj .lcell,html[data-theme="dark"] .node.proj .tcell{background:#292929;border-bottom-color:#414141} html[data-theme="dark"] .node.proj .nm,html[data-theme="dark"] .nm{color:#EAEAEA} html[data-theme="dark"] .tipcell,html[data-theme="dark"] .datecell{color:#ABABAB} html[data-theme="dark"] .datecell:hover{background:#343434;border-color:#4D4D4D} html[data-theme="dark"] .check{background:#292929;border-color:#4F4F4F} html[data-theme="dark"] .chev:hover,html[data-theme="dark"] .rowact button:hover{background:#363636} html[data-theme="dark"] .day-band{border-right-color:#323232}html[data-theme="dark"] .day-band .dn{color:#7D7D7D}html[data-theme="dark"] .day-band .dw{color:#C8C8C8} html[data-theme="dark"] .day-band.we,html[data-theme="dark"] .daycol.we{background:#1F1F1F} html[data-theme="dark"] .day-band.odd-week,html[data-theme="dark"] .daycol.odd-week{background:#1A1A1A} html[data-theme="dark"] .day-band.odd-week.we,html[data-theme="dark"] .daycol.odd-week.we{background:#1C1C1C} html[data-theme="dark"] .day-band.today,html[data-theme="dark"] .daycol.today-col,html[data-theme="dark"] .day-band.odd-week.today,html[data-theme="dark"] .daycol.odd-week.today-col{background:#292929} html[data-theme="dark"] .day-band.today .dw{background:#8F8F8F;color:#161616} html[data-theme="dark"] .daycol{border-right-color:#323232}html[data-theme="dark"] .todayLine{background:#8F8F8F} html[data-theme="dark"] .bar{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)} html[data-theme="dark"] .bardate{color:#8F8F8F}html[data-theme="dark"] .noschedule{background:#292929;border-color:#4D4D4D;color:#939393} html[data-theme="dark"] .ganttfoot{background:#212121;border-top-color:#3C3C3C;box-shadow:0 -5px 16px rgba(0,0,0,.20)} html[data-theme="dark"] .gf-btn{background:#292929;border-color:#494949;color:#AAAAAA} /* raportare */ html[data-theme="dark"] .bar2.rpworkbar{background:#171717} html[data-theme="dark"] .rp-titleblock h1{color:#EDEDED}html[data-theme="dark"] .rp-titleblock small{color:#8F8F8F} html[data-theme="dark"] .rp-actions .btn{background:#292929!important;border-color:#494949!important;color:#B3B3B3!important} html[data-theme="dark"] .rp-actions .btn:hover{background:#343434!important;color:#EDEDED!important} html[data-theme="dark"] .rp-actions .rpnew{background:#8F8F8F!important;border-color:#8F8F8F!important;color:#161616!important} html[data-theme="dark"] #reportView{background:#171717} html[data-theme="dark"] #reportView>.rpcard:first-of-type,html[data-theme="dark"] .rpcard{background:#212121;border-color:#414141;box-shadow:0 12px 28px rgba(0,0,0,.28)} html[data-theme="dark"] .rpkpis{background:#1D1D1D;border-bottom-color:#3C3C3C} html[data-theme="dark"] .rpkpi{background:#262626;border-color:#414141;box-shadow:none} html[data-theme="dark"] .rpkpi .ki{background:#2E2E2E;border-color:#494949;color:#959595} html[data-theme="dark"] .rpkpi .kn{color:#EDEDED}html[data-theme="dark"] .rpkpi .kl{color:#8F8F8F}html[data-theme="dark"] .rpkpi .kline{background:#494949} html[data-theme="dark"] .rpkpi[data-kpicard="pct"]{background:#121212;border-color:#414141} html[data-theme="dark"] .rpscroll,html[data-theme="dark"] .rpt{background:#212121} html[data-theme="dark"] .rpt th{background:#2C2C2C;color:#BABABA;border-color:#494949} html[data-theme="dark"] .rpt td{background:#212121;color:#DCDCDC;border-color:#323232} html[data-theme="dark"] .rpt tr[data-rprow].rpalt td,html[data-theme="dark"] .rpt tr[data-rprow].rpalt td.rpnum,html[data-theme="dark"] .rpt tr[data-rprow].rpalt td.rpnm{background:#252525} html[data-theme="dark"] .rpt tr[data-rprow]:hover td,html[data-theme="dark"] .rpt tr[data-rprow]:hover td.rpnum,html[data-theme="dark"] .rpt tr[data-rprow]:hover td.rpnm{background:#2E2E2E} html[data-theme="dark"] .rpt tr.rpfaza td{background:#121212;color:#EDEDED;border-color:#494949} html[data-theme="dark"] .rpt tr.rpsect td{background:#393939;color:#D4D4D4;border-color:#555555} html[data-theme="dark"] .rpt .rpact button{background:#292929;border-color:#494949;color:#959595} html[data-theme="dark"] .rpt .rpact button:hover{background:#393939;border-color:#6A6A6A;color:#A6A6A6} html[data-theme="dark"] .rplink{color:#A5A5A5;border-bottom-color:#5A5A5A} html[data-theme="dark"] .rphist-h{background:#262626}html[data-theme="dark"] .rphist .hrow:hover{background:#313131} /* pagini, administrare, dialoguri */ html[data-theme="dark"] .page,html[data-theme="dark"] .cardsView,html[data-theme="dark"] .calView{background:#171717} html[data-theme="dark"] .pcard,html[data-theme="dark"] .tcard,html[data-theme="dark"] .tplcard,html[data-theme="dark"] .soon{background:#212121;border-color:#414141;box-shadow:0 7px 22px rgba(0,0,0,.18)} html[data-theme="dark"] .ptable th{border-bottom-color:#414141;color:#8F8F8F}html[data-theme="dark"] .ptable td{border-bottom-color:#323232;color:#B3B3B3}html[data-theme="dark"] .ptable td b{color:#EDEDED} html[data-theme="dark"] .modal,html[data-theme="dark"] .dlgcard,html[data-theme="dark"] .gcard,html[data-theme="dark"] .sheet{background:#212121;color:#EDEDED} html[data-theme="dark"] .overlay,html[data-theme="dark"] .dlgback{background:rgba(10,10,10,.62)} html[data-theme="dark"] .modal h3,html[data-theme="dark"] .modal .mfoot,html[data-theme="dark"] .dlgcard .dfoot{background:#212121;border-color:#3C3C3C} html[data-theme="dark"] .insec{border-color:#414141}html[data-theme="dark"] .insec>summary{background:#2C2C2C;color:#B3B3B3} html[data-theme="dark"] .dbtn{background:#292929;border-color:#494949;color:#F0E6DC} html[data-theme="dark"] .dbtn:hover{background:#343434}html[data-theme="dark"] .dbtn.pri{background:#6E6E6E;border-color:#6E6E6E;color:#FFFFFF} html[data-theme="dark"] .dlgcard .dbtn.extra{background:#292929;color:#F0E6DC;border-color:#494949} html[data-theme="dark"] .gcard{box-shadow:0 28px 80px rgba(0,0,0,.46)}html[data-theme="dark"] .gate{background:linear-gradient(155deg,#141414,#1C1C1C 62%)} html[data-theme="dark"] .gbtn{background:#6E6E6E}html[data-theme="dark"] .gbtn:hover{background:#8F8F8F}html[data-theme="dark"] .gbtn.alt{background:#292929;color:#A6A6A6;border-color:#6E6E6E} html[data-theme="dark"] .themeseg button,html[data-theme="dark"] .adminnav button{background:#292929;border-color:#494949;color:#D1D1D1} html[data-theme="dark"] .themeseg button.on,html[data-theme="dark"] .adminnav button.on{background:#8F8F8F;border-color:#8F8F8F;color:#161616} html[data-theme="dark"] .setup{background:#1D1D1D;border-color:#3C3C3C;color:#ABABAB}html[data-theme="dark"] .setup b{color:#EDEDED}html[data-theme="dark"] .setup code{background:#292929;border-color:#494949} html[data-theme="dark"] .strow{background:#212121;border-color:#343434}html[data-theme="dark"] .strow:hover:not(.sthead){background:#2C2C2C;border-color:#505050} html[data-theme="dark"] .stcolorctl input[type="color"],html[data-theme="dark"] .strow .stbtns button,html[data-theme="dark"] .streset{background:#292929!important;border-color:#494949!important;color:#ABABAB!important} html[data-theme="dark"] .stnamectl>input[readonly],html[data-theme="dark"] .strow .stdone{background:#2C2C2C;border-color:#3C3C3C} html[data-theme="dark"] .mobnav{background:#212121;border-top-color:#3C3C3C}html[data-theme="dark"] .mobnav button.on{background:#393939;color:#A7A7A7} @media(max-width:820px){html[data-theme="dark"] .navrail{background:#1A1A1A}} /* Export PDF / Excel — fix în capătul din dreapta al rândului de taburi. */ .tabsbar{display:flex;align-items:stretch;flex:none;min-width:0;background:#FFFFFF;border-bottom:1px solid #ECECEC} .tabsbar>.tabsrow{flex:1;min-width:0;border-bottom:0!important;background:transparent!important} .tabs-export-slot{flex:none;display:flex;align-items:center;justify-content:flex-end;padding:0 17px 0 10px;background:#FFFFFF} #exportBtn.v3-export-top{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-width:132px;height:32px; padding:0 11px!important;border:1px solid #E0E0E0!important;border-radius:17px!important;background:#FFFFFF!important; color:#535353!important;box-shadow:0 1px 3px rgba(23,23,23,.05)!important;font-size:10.8px!important;font-weight:700!important; letter-spacing:.005em;white-space:nowrap} #exportBtn.v3-export-top:hover{background:#F8F8F8!important;border-color:#C3C3C3!important;color:#282828!important;box-shadow:0 3px 9px rgba(23,23,23,.08)!important} #exportBtn.v3-export-top:active{transform:translateY(1px)} #exportBtn.v3-export-top svg{width:14px;height:14px;flex:none;color:#6E6E6E} #exportBtn.v3-export-top small{font-size:8.3px;line-height:1;font-weight:800;letter-spacing:.055em;color:#6E6E6E} html[data-theme="dark"] .tabsbar,html[data-theme="dark"] .tabs-export-slot{background:#212121;border-bottom-color:#3C3C3C} html[data-theme="dark"] #exportBtn.v3-export-top{background:#292929!important;border-color:#494949!important;color:#E1E1E1!important;box-shadow:none!important} html[data-theme="dark"] #exportBtn.v3-export-top:hover{background:#343434!important;border-color:#636363!important;color:#FFFFFF!important} html[data-theme="dark"] #exportBtn.v3-export-top svg,html[data-theme="dark"] #exportBtn.v3-export-top small{color:#A7A7A7} @media(max-width:820px){ .tabsbar{min-height:46px}.tabsbar>.tabsrow{overflow-x:auto;scrollbar-width:none;padding-right:4px!important} .tabsbar>.tabsrow::-webkit-scrollbar{display:none}.tabs-export-slot{padding:0 8px 0 4px} #exportBtn.v3-export-top{min-width:38px;width:38px;height:32px;padding:0!important} #exportBtn.v3-export-top>span,#exportBtn.v3-export-top>small{display:none} } /* Final polish — Minimal Graphite. */ .v3-version{background:#F0F0F0!important;color:#616161!important} .rpcode{background:linear-gradient(135deg,#6E6E6E,#5C5C5C)!important;box-shadow:0 5px 14px rgba(110,110,110,.18)!important} .rpedtag{background:#F0F0F0!important;color:#616161!important} .rptop.on,.rptgl.on,.rpsnapbar{background:#F0F0F0!important;border-color:#D8D8D8!important} .rptop.on .rptoptx b,.rpsnapbar{color:#616161!important} .rpchip.on,.themeseg button.on,.adminnav button.on{background:#6E6E6E!important;border-color:#6E6E6E!important;color:#fff!important} .rpseg:hover,.rpchip:hover,.rpcfgadd:hover,.rpscadd:hover{border-color:#6E6E6E!important;color:#6E6E6E!important} .rplink{color:#6E6E6E!important;border-bottom-color:#D0D0D0!important} .rpt .rpact button:hover,.rphist .hacts button:hover,.rpcfgrow button:hover:not(:disabled),.rpphrow button:hover:not(:disabled),.rpscrow button:hover:not(:disabled){color:#6E6E6E!important;border-color:#C8C8C8!important} .rpt tr.rpfaza td{background:#343434!important;border-color:#444444!important}.rpt tr.rpsect td{background:#F0F0F0!important;color:#5D5D5D!important;border-color:#E1E1E1!important} html[data-theme="dark"] .v3-version{background:#393939!important;color:#C7C7C7!important} html[data-theme="dark"] .rpcode{background:linear-gradient(135deg,#6E6E6E,#5E5E5E)!important} html[data-theme="dark"] .rpedtag,html[data-theme="dark"] .rptop.on,html[data-theme="dark"] .rptgl.on,html[data-theme="dark"] .rpsnapbar{background:#393939!important;color:#D5D5D5!important;border-color:#5A5A5A!important} html[data-theme="dark"] .rpt tr.rpfaza td{background:#121212!important;border-color:#444444!important} html[data-theme="dark"] .rpt tr.rpsect td{background:#393939!important;color:#D9D9D9!important;border-color:#5A5A5A!important} /* Ședințe: alegere explicită și acces direct la minută. */ .meeting-picker{margin-bottom:16px;max-width:640px} .meeting-picker select{min-height:44px;font-size:16px} .meeting-table{table-layout:fixed} .meeting-table th{white-space:normal;overflow-wrap:anywhere} .meeting-table th:first-child{width:28%} .meeting-table td{overflow-wrap:anywhere;vertical-align:middle} .meeting-table tr.selected td{background:var(--accent-soft)} .meeting-open{display:block;width:100%;border:0;background:transparent;color:var(--ink); padding:8px 0;text-align:left;font:inherit;font-size:14px;font-weight:650;min-height:44px} .meeting-minutes-btn{white-space:normal;min-height:44px;font-size:14px} .meeting-minute-state{display:block;font-size:12px;color:var(--muted);margin-bottom:5px} #fMeetingMinutesField[hidden]{display:none} #fMeetingMinutesSummary{margin:0;font-size:13px;color:var(--muted)} #fOpenMeetingMinutes{align-self:flex-start;min-height:44px;white-space:normal} #fMeetingMinutesHint{margin:0;line-height:1.45} /* Panourile stau deasupra navigării, iar corpul se derulează separat. */ .overlay{z-index:180} .rpicker{z-index:190} #overlay .modal{overflow:hidden} .overlay .modal .mbody{min-height:0;min-width:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch} .overlay .modal .mbody>*{flex-shrink:0} .field,.two,.two .field{min-width:0} #overlay .modal .mfoot{position:relative;overflow:visible;flex-wrap:nowrap;gap:8px} .inspector-actions{position:relative;flex:none} .inspector-actions>summary{list-style:none;border:1px solid var(--line);border-radius:9px; background:var(--surface);color:var(--ink);font-size:14px;padding:10px 12px;min-height:44px;cursor:pointer} .inspector-actions>summary::-webkit-details-marker{display:none} .inspector-action-list{position:absolute;left:0;bottom:calc(100% + 8px);z-index:3; width:min(320px,calc(100vw - 32px));max-height:min(320px,calc(var(--dialog-height,100dvh) - 110px));overflow:auto; border:1px solid var(--line);border-radius:12px;padding:8px;background:var(--surface);box-shadow:var(--shadow)} .inspector-action-list .btn{display:flex;width:100%;min-height:44px;margin:0!important; max-width:none!important;white-space:normal;text-align:left;justify-content:flex-start} .inspector-primary{display:flex;justify-content:flex-end;gap:8px;flex:1;min-width:0} .inspector-primary .btn{min-height:44px;font-size:14px;min-width:0;white-space:normal;overflow-wrap:anywhere} @media(max-width:820px){ html,body{height:100vh;height:100dvh} .appcol{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))} .bar1{padding-top:max(7px,env(safe-area-inset-top,0px))} .overlay{top:var(--dialog-top,0px);bottom:auto;height:100vh;height:var(--dialog-height,100dvh)} .overlay .modal,#overlay .modal{height:100%;max-height:100%;min-height:0;overflow:hidden} .overlay .modal>h3{flex:none;padding:12px 14px;padding-top:max(12px,env(safe-area-inset-top,0px))} #modalTitle{min-width:0;overflow-wrap:anywhere} #inspClose{min-width:44px;min-height:44px;flex:none} .overlay .modal .mbody{padding:14px; padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px))} .overlay .modal .mfoot{flex:none;padding:10px 12px; padding-bottom:max(10px,env(safe-area-inset-bottom,0px))} .overlay .field input,.overlay .field select,.overlay .field textarea, .page .field input,.page .field select,.page .field textarea, .dlgcard .dfield input,.dlgcard .dfield select,.dlgcard .dfield textarea{font-size:16px;min-height:44px;max-width:100%;min-width:0} .overlay .field>label{font-size:12px} .overlay .two{flex-direction:column} .overlay .prio-row button{min-height:44px} .overlay .modal .mfoot>.btn{min-height:44px} .inspector-primary .btn{flex:1;justify-content:center;padding:10px} .inspector-actions>summary{padding:10px} .dlgback{top:var(--dialog-top,0px);bottom:auto;height:100vh;height:var(--dialog-height,100dvh);padding:12px} .dlgcard{max-height:100%;min-height:0;padding:16px} .dlgcard .dhtml{min-height:0;overscroll-behavior:contain} #pgMeetings .pcard{padding:12px;min-width:0} .meeting-table,.meeting-table tbody{display:block;width:100%} .meeting-table thead{display:none} .meeting-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px;padding:14px 0;border-bottom:1px solid var(--line)} .meeting-table td{display:block;border:0;padding:0!important;font-size:14px;min-width:0} .meeting-table td::before{content:attr(data-label);display:block;font-size:12px;color:var(--muted);margin-bottom:3px} .meeting-table td:first-child,.meeting-table td:last-child{grid-column:1/-1} .meeting-table td:first-child::before,.meeting-table td:last-child::before{display:none} .meeting-table tr.selected{background:var(--accent-soft);border-radius:9px;padding:14px 10px} .meeting-open{font-size:16px;padding:0} .meeting-minutes-btn{width:100%;justify-content:center} } @media(max-width:560px){ .page .two{flex-direction:column;align-items:stretch!important} } /* Un singur set de câmpuri: tabel pe calculator, fișe pe ecrane mici. */ #meetingMinutesOverlay{z-index:185;padding:20px} #meetingMinutesOverlay .modal{width:min(1180px,100%);height:min(900px,calc(100dvh - 40px)); max-height:calc(100dvh - 40px);display:flex;flex-direction:column;overflow:hidden;margin:0} #meetingMinutesOverlay .modal>h3{flex:none;position:relative;font-size:20px;padding:16px 20px} #meetingMinutesOverlay .mbody{flex:1;overflow:auto;gap:18px;scroll-padding:18px} #meetingMinutesOverlay .mfoot{flex:none;position:relative;justify-content:flex-end} #meetingMinutesOverlay .mfoot .btn{min-height:44px;font-size:14px;white-space:normal} #mmClose{margin-left:auto;min-width:44px;min-height:44px;flex:none;font-size:20px} #meetingMinutesTitle{min-width:0;overflow-wrap:anywhere} .mm-dirty{display:none;width:8px;height:8px;border-radius:50%;background:var(--p-high);flex:none} #meetingMinutesOverlay.is-dirty .mm-dirty{display:inline-block} .mm-meta{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px} .mm-meta .mm-participants{grid-column:1/-1} .mm-meta .field>label{font-size:14px;text-transform:none;letter-spacing:0} .mm-meta .field input{min-height:44px;font-size:16px;min-width:0} .mm-section{min-width:0} .mm-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px} .mm-section-head h4{margin:0;font-size:18px} .mm-section-head .btn{min-height:44px;font-size:14px} .mm-point-table{border:1px solid var(--line);border-spacing:0;border-radius:10px;width:100%;table-layout:fixed;overflow:hidden} .mm-point-table th{text-align:left;padding:12px 8px;background:var(--surf2);font-size:13px;font-weight:650;overflow-wrap:anywhere} .mm-point-table td{padding:10px 6px;border-top:1px solid var(--line);vertical-align:top;min-width:0} .mm-point-table .mm-number{font:14px var(--mono);text-align:center;padding-top:22px} .mm-point-table input,.mm-point-table select,.mm-point-table textarea{display:block;width:100%;min-width:0;max-width:100%; min-height:44px;padding:9px 8px;border:1px solid var(--line);border-radius:8px;background:var(--input);color:var(--ink);font:14px var(--ui)} .mm-point-table input[type="date"]{font-size:13px;padding:9px 4px;min-width:0} .mm-point-table textarea{min-height:94px;resize:vertical;font-size:15px;line-height:1.5} .mm-point-table :is(input,select,textarea):focus{outline:2px solid var(--accent);outline-offset:1px} .mm-point-table [aria-invalid="true"]{border-color:var(--p-urgent)} .mm-point-table select[data-stage="in_progress"]{background:var(--s-wt-bg);color:var(--s-wt)} .mm-point-table select[data-stage="waiting"]{background:var(--holbg);color:var(--s-wt)} .mm-point-table select[data-stage="done"]{background:var(--s-dn-bg);color:var(--s-dn)} .mm-point-table .mm-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .mm-point-name{display:none} .mm-remove{min-width:36px;min-height:44px;border:0;background:transparent;color:var(--muted);border-radius:7px;font-size:20px;padding:0} .mm-remove:hover{background:var(--s-bl-bg);color:var(--s-bl)} .mm-help,.mm-empty,.mm-legacy{font-size:13px;line-height:1.5;color:var(--muted);margin:10px 0 0} .mm-empty{padding:22px;border:1px dashed var(--line);border-radius:10px;text-align:center;font-size:15px} .mm-legacy{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surf2);margin:0} .mm-error{padding:10px 12px;border:1px solid var(--s-bl);border-radius:9px;color:var(--s-bl);background:var(--s-bl-bg);font-size:14px} #mmError[hidden],#mmLegacyHint[hidden],#mmEmpty[hidden],#mmPointsTable[hidden],#mmSave[hidden],#mmAddPoint[hidden]{display:none} @media(max-width:1000px){ .mm-point-table,.mm-point-table tbody{display:block;width:100%;border:0;border-radius:0;overflow:visible} .mm-point-table colgroup{display:none} .mm-point-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .mm-point-table tr{display:block;position:relative;padding:14px;border:1px solid var(--line);border-radius:11px;margin-bottom:14px;background:var(--surface)} .mm-point-table td{display:block;padding:0;margin:0 0 12px;border:0} .mm-point-table .mm-number{font:650 16px var(--ui);text-align:left;padding:6px 52px 4px 0;min-height:36px} .mm-point-name{display:inline} .mm-desktop-number{display:none} .mm-point-table .mm-label{position:static;display:block;width:auto;height:auto;clip:auto;overflow:visible; white-space:normal;font-size:14px;font-weight:600;margin-bottom:6px} .mm-point-table input,.mm-point-table input[type="date"],.mm-point-table select,.mm-point-table textarea{font-size:16px;padding:10px;min-height:44px} .mm-point-table textarea{min-height:100px} .mm-point-table .mm-actions{position:absolute;top:12px;right:12px;margin:0} .mm-remove{min-width:44px} } @media(max-width:820px){ #meetingMinutesOverlay{padding:0} #meetingMinutesOverlay .modal{width:100%;height:100%;max-height:100%;border-radius:0} #meetingMinutesOverlay .modal>h3{padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top,0px));font-size:20px} .mm-meta{grid-template-columns:minmax(0,1fr)} #meetingMinutesOverlay .mfoot .btn{flex:1;min-width:0;justify-content:center} .mm-section-head h4{font-size:17px} }