/* MyCT: solo ciò che manca al CSS di My Talent Garden (mtg.css). */
.login{min-height:100vh;display:grid;place-items:center;padding:16px}
.login-card{max-width:380px;width:100%;display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:32px}
.login-card .btn{margin-top:12px}
.err{color:var(--bad);font-size:12px;margin:0}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.stage{display:inline-block;padding:3px 9px;border-radius:var(--pill);background:var(--surface-2);border:1px solid var(--line-2);font-size:11.5px;font-weight:500;white-space:nowrap}
.stage.open{background:var(--warn-lt);border-color:transparent;color:var(--warn)}
.stage.signed{background:var(--good-lt);border-color:transparent;color:var(--good)}
.stage.closed{color:var(--ink-3)}
table.t tr[data-href]{cursor:pointer}
.conn{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.conn .card{display:flex;flex-direction:column;gap:6px}
.conn .st{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.conn .st.ok{color:var(--good)} .conn .st.ko{color:var(--bad)} .conn .st.na{color:var(--warn)}
.search{all:unset;border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:7px 12px;background:var(--surface);min-width:220px}
.search:focus{border-color:var(--coral)}
@media (max-width:700px){
  .shell{grid-template-columns:1fr}
  .rail{display:none}
  .page{padding:16px 16px 40px}
  .topbar{padding:10px 16px}
  #whoami{display:none}
}
.eyebrow a{color:inherit}
details.call{border-top:1px solid var(--line);padding:10px 0}
details.call summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline}
details.call p{margin:8px 0;color:var(--ink-2);white-space:normal}
pre.actions{font-family:inherit;white-space:pre-wrap;margin:4px 0 8px;color:var(--ink-2)}
form.match{display:flex;gap:6px;align-items:center}
form.match .search{min-width:240px}
.filters .tab .count{margin-left:4px}
.page a:not(.btn):not(.tab){color:var(--coral-dk)}
@media (max-width:760px){.topbar .tabs{display:flex}}
code{font-size:11.5px;background:var(--surface-2);padding:1px 5px;border-radius:4px;white-space:nowrap}
td code{white-space:normal;word-break:break-word}
.rate-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.rate-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-2)}.rate-form .search{min-width:140px}.rate-form select{border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:7px 10px;background:var(--surface)}
.bars{display:inline-flex;align-items:flex-end;gap:3px;height:26px}.bars i{display:block;width:8px;background:var(--coral);border-radius:2px}
.num-in{width:90px;text-align:right;min-width:0!important}.num-in.saved{border-color:var(--good)}
.subtabs{margin-top:-4px}
.btn.sm{padding:3px 10px;font-size:12px;margin-left:8px;border-width:1px}
.pl-grid select,.pl-grid .search{padding:5px 8px;font-size:12px}
.pl-grid select{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--surface);max-width:220px}
.pl-grid td{padding:6px 6px;vertical-align:middle}
.pl-grid td .search{min-width:140px}
.pl-grid td.c{text-align:center}
button.icon{all:unset;cursor:pointer;color:var(--ink-3);display:grid;place-items:center}
button.icon:hover{color:var(--bad)}
.session-form label{min-width:120px}.quality-links{white-space:nowrap}.quality-links a{font-weight:500}details.card>summary{cursor:pointer}
.ts-grid select{display:block;margin:2px 0;max-width:260px;border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--surface);padding:4px 6px;font-size:12px}.ts-grid .h{width:58px}.ts-grid tr.locked td{color:var(--ink-2)}
.share.wide{width:100%;height:10px;border-radius:5px}
.share i.bad{background:var(--bad)}.share i.good{background:var(--good)}
.burn{display:grid;gap:14px}
.alert-box{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--bad-lt);color:var(--bad);font-weight:600}
.warn{color:var(--warn)}
.inbox{display:flex;flex-direction:column;gap:2px;padding:8px}
.inbox-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-sm);color:var(--ink)!important;text-decoration:none}
.inbox-item:hover{background:var(--surface-2)}
.inbox-item small{display:block;color:var(--ink-3);font-size:12px}
.inbox-item>span:nth-child(2){flex:1}
.inbox-item.action>.ms:first-child{color:var(--coral)}.inbox-item.warning>.ms:first-child{color:var(--bad)}.inbox-item.info>.ms:first-child{color:var(--ink-3)}
.inbox-item .go{color:var(--ink-4)}
.cap-grid td.cap{text-align:center;font-size:12px;font-weight:600;min-width:56px}
.cap small{display:block;font-weight:400;font-size:10px;color:var(--ink-3)}
.cap-zero{background:transparent}.cap-low{background:var(--good-lt)}.cap-mid{background:var(--warn-lt)}.cap-high{background:var(--coral-md)}.cap-full{background:var(--bad);color:#fff}
.legend .cap{padding:4px 10px;border-radius:6px;font-size:12px}

/* Login docenti (link via email) */
.link-form { display: grid; gap: 8px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line, #e5e5e5); text-align: left; }
.link-form .search { width: 100%; }

/* Contratti docenti */
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:end}
.form-grid label{display:grid;gap:4px;font-size:13px;color:var(--ink-3)}
.form-grid .wide{grid-column:1/-1}
.form-grid input,.form-grid select,.form-grid textarea,.clause textarea,.clause-ro textarea,#tplf input[name=title]{width:100%;font:inherit;padding:8px 10px;border:1px solid var(--line,#ddd);border-radius:8px;background:var(--surface,#fff);color:var(--ink)}
fieldset.clause{border:1px solid var(--line,#ddd);border-radius:10px;padding:10px 12px;margin:10px 0}
fieldset.clause legend{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
fieldset.clause legend input[type=text],fieldset.clause legend input:not([type]){min-width:240px}
.inline{font-size:12px;color:var(--ink-3)}
.contract-preview{width:100%;height:70vh;border:1px solid var(--line,#ddd);border-radius:10px;background:#fff}
.clause-ro{border-bottom:1px solid var(--line,#eee);padding:6px 0}.clause-ro h3{font-size:14px;margin:8px 0 2px}
.clause-ro details{margin:6px 0}.clause-ro textarea{margin:6px 0}
.section-title{font-size:18px;margin:8px 0}
.actions{display:flex;gap:8px;margin-top:12px}

/* Docenti: bot e profilo */
.bot .bot-form{display:flex;gap:8px;margin:4px 0 10px}.bot .bot-form .search{flex:1}
.bot h2 .ms{vertical-align:-4px;color:var(--coral)}
.pblock{margin:10px 0}.pblock p{margin:4px 0;white-space:pre-line}

/* Opportunità: pipeline personale + azioni suggerite dall'agente call */
.opp-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;align-items:start}
.opp-grid>section>h2{margin:0 0 10px}
.opp{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin-bottom:10px}
.opp-h{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.opp-m,.opp-s,.opp-l{font-size:12.5px;color:var(--ink-2);margin-top:4px}
.opp-s{display:flex;gap:6px;align-items:center}.opp-s .ms{font-size:16px}
.opp-steps{margin:6px 0 0 18px;padding:0;font-size:13px}
.fu{margin-bottom:12px}.fu>summary{display:flex;flex-direction:column;gap:3px;list-style:none}
.fu>summary::-webkit-details-marker{display:none}.fu-b{font-size:12.5px;color:var(--ink-2)}
.fu-brief{margin:12px 0}.fu-brief ul{list-style:none;padding:0;margin:8px 0;display:grid;gap:6px}.fu-brief small{display:block;color:var(--ink-3);margin-left:4px}
.fu-s{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.fu-s h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:15px}
.fu-a{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-top:10px}.fu-foot{border-top:1px solid var(--line);padding-top:12px}
.fu-msg{margin-right:auto}.warn-note{background:var(--warn-lt);color:var(--warn);padding:8px 10px;border-radius:var(--radius-sm)}
@media (max-width:900px){.opp-grid{grid-template-columns:1fr}}

/* Navigazione: vedi web/assets/shell.css (guscio come My Talent Garden) */
@media (min-width:701px){ .tabs .tab.other-area{display:none} }

/* Idea / Segnala (web/feedback.js), come il pulsante di My Talent Garden */
.fb-fab{position:fixed;right:20px;bottom:20px;z-index:8;display:inline-flex;align-items:center;gap:6px;padding:10px 16px 10px 12px;border:0;border-radius:999px;background:var(--coral);color:#1E1E1E;font:600 14px/1 inherit;font-family:inherit;box-shadow:0 8px 24px rgba(0,0,0,.18);cursor:pointer;transition:transform .15s,box-shadow .15s}
.fb-fab:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.22)}
.fb-fab:focus-visible{outline:3px solid var(--coral-dk);outline-offset:2px}
.fb-fab .ms{font-size:20px}
.login:not([hidden]) ~ .fb-fab{display:none}
.fb-bg{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.35);display:grid;place-items:start center;padding:12vh 16px 16px}
.fb-bg[hidden]{display:none}
.fb-modal{width:min(520px,100%);padding:0;margin:0}
.fb-form{position:relative;display:grid;gap:12px;padding:18px 20px}
.fb-form h2{margin:0;display:flex;align-items:center;gap:6px}
.fb-form p{margin:0}
.fb-form textarea{padding:10px 12px;border:1px solid var(--line-2);border-radius:8px;font:inherit;background:var(--surface);color:inherit;resize:vertical}
.fb-x{position:absolute;top:12px;right:12px;border:0;background:none;color:inherit;cursor:pointer;padding:4px;border-radius:6px}
.fb-seg{display:flex;gap:6px}
.fb-seg button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--line-2);border-radius:999px;background:var(--surface);color:inherit;font:inherit;cursor:pointer}
.fb-seg button[aria-pressed="true"]{background:var(--coral-lt);border-color:var(--coral);color:var(--coral-dk);font-weight:600}
.fb-seg .ms{font-size:18px}
@media (max-width:760px){.fb-fab{right:14px;bottom:14px;padding:12px}.fb-fab span:not(.ms){display:none}}
@media print{.fb-fab{display:none}}

/* Registro delle modifiche (come MyAdmin → Registro di My Talent Garden) */
.rg-list{display:grid;gap:6px}.rg>summary{display:flex;gap:12px;cursor:pointer;list-style:none;padding:6px 0}.rg>summary::-webkit-details-marker{display:none}
.rg-t{color:var(--ink-3);min-width:44px}.rg-m{display:flex;flex-direction:column;gap:3px;min-width:0}.rg-m small{color:var(--ink-2)}.rg-f{display:flex;flex-wrap:wrap;gap:4px}
.rg-b{margin:6px 0 10px 56px}.rg-c{border-left:2px solid var(--line);padding:4px 10px;margin:6px 0}.rg-c p{margin:4px 0;color:var(--ink-2);font-size:13px}.rg-c small{color:var(--ink-3);word-break:break-all}
.rg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin:16px 0}
.rg-bar{display:flex;height:10px;border-radius:5px;overflow:hidden;margin:14px 0 8px;background:var(--surface-2)}.rg-bar i{display:block}
.rg-leg{display:grid;gap:4px;font-size:13px}.rg-leg>div{display:grid;grid-template-columns:1fr auto auto;gap:10px}.rg-leg i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px}
.rg-sess{display:grid;gap:4px;margin:12px 0;font-size:13px}.rg-sess .ms{font-size:16px;vertical-align:-3px;margin-right:4px;color:var(--ink-3)}
.rg-rank{display:grid;gap:8px}.rg-rank>div{display:grid;grid-template-columns:1fr auto;gap:2px 10px;font-size:13px}.rg-rank .b{grid-column:1/-1;height:6px;background:var(--surface-2);border-radius:3px}.rg-rank .b i{display:block;height:100%;background:var(--coral);border-radius:3px}
.rg-asks td{vertical-align:top}.rg-asks small{color:var(--ink-3)}
/* Portafoglio: gruppi per tempo (in corso, in partenza, da chiudere…) e periodo trascorso */
#projects .pf-g th{background:var(--surface-2);text-align:left;text-transform:none;letter-spacing:0;font-size:13px;color:var(--ink);padding:12px 10px 10px}
#projects .pf-g small{display:block;font-weight:400;font-size:11.5px;color:var(--ink-3);margin-top:2px;white-space:normal}
#projects td.when small{display:block;color:var(--ink-3);font-size:11.5px}
#projects td.when small.warn{color:var(--warn)} #projects td.when small.neg{color:var(--bad)}
.pf-bar{display:block;height:4px;max-width:150px;border-radius:2px;background:var(--line-2);margin:5px 0 3px;overflow:hidden}
.pf-bar i{display:block;height:100%;background:var(--good)}

/* MyAdmin di MyCT → Utenti e ruoli (web/views/admin.js) */
.adm-lv ul{margin:4px 0 0;padding-left:18px;font-size:13px;line-height:1.7}
.adm-links{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.adm-edit{display:grid;gap:12px;padding:12px 4px}
.adm-chks{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px}
.adm-chk{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}
.adm-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.adm-row td{background:var(--surface-2)}
.adm-new{padding:12px 14px;margin-bottom:12px;border:1px solid var(--coral-md);border-radius:var(--radius);background:var(--coral-lt)}
.topbar .tabs .tab{white-space:nowrap}   /* "Utenti e ruoli", "MyAdmin di Gruppo ↗": una riga sola anche a finestra stretta */