/* Seleção com fotografias: leitura, decisão e consulta no mesmo cartão. */
html,body{height:auto;min-height:100%}
body{overflow-x:clip}
#panteaoSelecao{margin:20px 0;--sel-border:#354c40;--sel-top:62px;--sel-dock-height:84px;--sel-paper:#e8ece4;--sel-soft:#afbeb3}
#panteaoSelecao [hidden],#propostas[hidden]{display:none!important}
#panteaoSelecao :is(button,input,select){font:inherit}
#panteaoSelecao button{cursor:pointer;touch-action:manipulation}
#panteaoSelecao button:disabled{opacity:.45;cursor:default}
#panteaoSelecao :is(button,input,select,summary):focus-visible{outline:3px solid #83eab0;outline-offset:3px}
#panteaoSelecao summary{cursor:pointer;list-style:none}
#panteaoSelecao summary::-webkit-details-marker{display:none}
#panteaoSelecao summary::after{content:'+';font:20px/1 var(--sans);margin-left:auto;color:#b4c6ba}
#panteaoSelecao details[open]>summary::after{content:'−'}
.sel-tabs{display:flex;gap:20px;border-bottom:1px solid var(--sel-border);margin-bottom:16px}
.sel-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--sel-soft);padding:12px 0;min-height:48px;font-size:14px!important}
.sel-tabs button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--grass)}
.sel-modes{display:flex;gap:4px;background:#15231b;border:1px solid #354c40;border-radius:10px;padding:4px;margin-bottom:18px;max-width:500px}
.sel-modes button{flex:1;background:none;border:1px solid transparent;border-radius:6px;color:var(--sel-soft);min-height:44px;padding:8px 12px;font-size:13px!important;line-height:1.4}
.sel-modes button[aria-pressed=true]{background:#dce5d9;color:#14231a;border-color:#dce5d9;font-weight:600}
.sel-dock{position:sticky;top:var(--sel-top);z-index:45;background:#14251b;border:1px solid #45614e;box-shadow:0 5px 0 #070b09;margin-bottom:18px;padding:12px 16px 8px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 12px}
.sel-counter{display:flex;align-items:center;gap:12px}
.sel-counter strong{font:32px/1 var(--disp);font-variant-numeric:tabular-nums;white-space:nowrap;color:#f2f4eb}
.sel-counter strong span{font:17px/1 var(--sans);color:#b1c4b7}
.sel-counter p{font-size:11px;color:#d2dfd5;line-height:1.5;margin:0}
.sel-counter small{display:block;font-size:11px;color:#85eab1}
.sel-context{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.sel-dock-actions{display:flex;gap:7px}
#selOnly,#selCompare{min-height:44px;border:1px solid #536c5b;background:#213629;color:#e3eee5;border-radius:7px;padding:9px 12px;font-size:12px!important;line-height:1.3}
#selOnly[aria-pressed=true]{border-color:#80e7a7;color:#b3f5c9}
#selCompare{background:#382e1a;border-color:#887647;color:#f3d68d}
.sel-meter{grid-column:1/-1;height:3px;background:#354b3a;overflow:hidden}
.sel-meter i{display:block;height:100%;background:#85eab1;width:0;transition:width .15s}
#selStatus{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);border:1px solid #698574;background:#203b2b;box-shadow:0 6px 24px #0008;color:#e2f5e7;border-radius:10px;padding:12px 16px;font-size:13px;line-height:1.5;pointer-events:none;z-index:80}
#selStatus[data-error=true]{border-color:#ceae69;background:#3f321d;color:#ffe1a5}
.sel-tati{margin:0 0 16px;border-bottom:1px solid #3a4132}
.sel-tati>summary{display:flex;align-items:center;gap:12px;min-height:48px;color:#dcd4b8;font-size:13px}
.sel-tati-caption{font-size:11px;color:#afaa91;margin-left:auto;text-align:right}
.sel-tati>summary::after{margin-left:0!important}
.sel-tati-body{padding:0 0 14px;font-size:13px;color:#b8c5bd;line-height:1.65}
.sel-tati-body p{margin:7px 0}
.sel-tati-body button{min-height:44px;padding:9px 14px;border:1px solid #8e7844;border-radius:7px;background:#322c1b;color:#f1d894;margin:5px 0}
#selTatiGroups summary{display:flex;align-items:center;gap:12px;min-height:44px;color:#e2d4ad}
#selTatiGroups ul{padding:0 0 0 18px}
.sel-controls{display:flex;gap:10px;align-items:start;flex-wrap:wrap;margin:18px 0 0}
.sel-search{flex:1;min-width:190px;position:relative}
.sel-search>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.sel-search input{display:block;width:100%;min-height:48px;padding:12px 14px;border:1px solid #506457;border-radius:8px;background:#14221a;color:#eff4ef;font-size:16px!important;line-height:1.35}
.sel-search input::placeholder{color:#aabbad;opacity:1}
.sel-filter-panel{flex:0 0 155px;position:relative}
.sel-filter-panel>summary{display:flex;gap:8px;align-items:center;min-height:48px;font-size:13px;border:1px solid #506457;border-radius:8px;padding:10px 12px;color:#d4e0d7;background:#14221a}
#selFilterCount:not(:empty){display:grid;place-items:center;min-width:20px;height:20px;font:11px var(--mono);background:#d7e1d7;color:#17271b;border-radius:50%}
.sel-filter-panel[open]{flex-basis:100%}
.sel-filter-panel[open]>summary{background:#23372a}
.sel-filter-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px 0}
.sel-filter-fields label{display:flex;flex-direction:column;gap:7px;min-width:0;color:#b5c5b9;font-size:12px}
.sel-filter-fields select{width:100%;max-width:100%;min-height:48px;padding:9px 10px;border:1px solid #526957;border-radius:7px;background:#17291d;color:#e6eee7;font-size:16px!important}
.sel-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:8px 0 16px;min-height:44px}
#selListCount{font:12px/1.5 var(--mono);color:#acbeb1;margin-right:auto}
.sel-toolbar button,.sel-options>summary{border:0;background:none;color:#bfcec2;font-size:12px!important;padding:8px 0;min-height:44px}
.sel-options>summary{display:flex;gap:12px;align-items:center;min-width:66px}
.sel-options[open]{flex-basis:100%;border-block:1px solid #354c40}
.sel-options[open]>summary{justify-content:space-between}
.sel-options>div{display:flex;gap:20px;flex-wrap:wrap;padding-bottom:8px}
.sel-options button{text-decoration:underline;text-underline-offset:4px}
#selPermission{font-size:13px;line-height:1.6;color:#edce89;padding:12px 0}
#selReadError{border:1px solid #b79158;border-radius:8px;padding:14px;color:#ffe0a1;font-size:14px;line-height:1.6;margin:16px 0}
#selReadError button{display:block;min-height:44px;padding:9px 16px;border:1px solid #ccb575;background:#463d22;color:#ffe7b5;border-radius:6px;margin-top:10px}
#selList{display:grid;gap:18px}
.sel-row{min-width:0;display:grid;grid-template-columns:250px minmax(0,1fr);grid-template-areas:'media heading' 'media story' 'media decision' 'info info';gap:0 24px;border:1px solid #354e40;border-radius:14px;background:#111e17;padding:20px;scroll-margin-top:calc(var(--sel-top) + var(--sel-dock-height) + 14px);overflow:hidden}
.sel-row.sel-chosen{border-color:#729278;box-shadow:inset 0 3px #85eab1}
.sel-card-heading{grid-area:heading;min-width:0;position:relative;padding-right:118px}
.sel-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 7px;color:#a9bdaf}
.sel-number{font:11px/1.5 var(--mono);font-variant-numeric:tabular-nums;border-right:1px solid #496352;padding-right:9px}
.sel-kind{font-size:11px;line-height:1.4;letter-spacing:.025em}
.sel-card-heading h3{font:600 clamp(23px,2.8vw,30px)/1.13 var(--sans);letter-spacing:-.035em;color:#f0f2e9;margin:0 0 12px;overflow-wrap:anywhere}
.sel-state{position:absolute;right:0;top:0;font-size:11px;color:#b1c1b4;line-height:1.5;padding:5px 8px;border:1px solid #405545;border-radius:5px}
.sel-chosen .sel-state{color:#adeec3;background:#183a24;border-color:#4f7b59}
.sel-media{grid-area:media;min-width:0;align-self:start}
.sel-row:has(.sel-media[hidden]){grid-template-columns:minmax(0,1fr);grid-template-areas:'heading' 'story' 'decision' 'info'}
.sel-story{grid-area:story;min-width:0}
.sel-members{font-size:13px;line-height:1.55;color:#a6e9b9;margin:0 0 8px}
.sel-evidence{font-size:14px;line-height:1.6;color:#c7d3ca;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.sel-tati-mark{font-size:11px;color:#d5c395;line-height:1.5;margin:9px 0 0}
.sel-decision{grid-area:decision;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:7px 10px;padding-top:16px;min-width:0}
.sel-select,.sel-doubt{min-height:50px;width:100%;border:1px solid #587b60;border-radius:8px;padding:10px 12px;color:#e2f1e6;background:#254332;font-size:14px!important;line-height:1.35;font-weight:600!important;transition:background .12s,border-color .12s}
.sel-select[aria-pressed=true]{background:#c8e2cb;color:#142b1b;border-color:#c8e2cb}
.sel-doubt{background:#332d1e;border-color:#9b8350;color:#f4dea9}
.sel-doubt[aria-pressed=true]{background:#e4ce91;border-color:#e4ce91;color:#312918}
.sel-doubt span{white-space:nowrap}
.sel-doubt small,.sel-select small{display:block;font-size:11px;font-weight:400}
.sel-author,.sel-row-message{grid-column:1/-1;font-size:11px;line-height:1.5;color:#a8bcad}
.sel-author:empty,.sel-row-message:empty{display:none}
.sel-row-message{color:#a8e4bd}
.sel-information{grid-area:info;display:flex;gap:0 20px;align-items:start;flex-wrap:wrap;border-top:1px solid #344b3c;margin-top:18px;padding-top:3px}
.sel-information>details{min-width:0;flex:1 0 130px;font-size:13px;color:#c6d4ca;line-height:1.65}
.sel-information>details[open]{flex-basis:100%}
.sel-information summary{display:flex;align-items:center;gap:10px;min-height:46px;color:#b8c8bc;font-size:12px}
.sel-comments summary{color:#9ecae0}
.sel-comments[data-empty=true] summary{color:#b0c1b5}
.sel-support>div{padding:3px 0 12px;overflow-wrap:anywhere}
.sel-comments-body{padding:6px 0 14px;overflow-wrap:anywhere}
.sel-comment-person+.sel-comment-person{border-top:1px solid #344b3e;margin-top:12px;padding-top:12px}
.sel-comment-person h4{color:#a4cee2;font-weight:500;font-size:13px;margin:0 0 5px}
.sel-comment+.sel-comment{margin-top:10px}
.sel-comment p,.sel-comments-body>p{white-space:pre-wrap;margin:0;font-size:14px;line-height:1.65}
.sel-comment-target{display:block;color:#acbfb2;font-size:12px;margin-bottom:3px}
.sel-detail{display:flex;align-items:center;justify-content:space-between;gap:16px;background:none;border:0;color:#c2d1c5;font-size:12px!important;min-height:46px;padding:10px 0;text-align:left;margin-left:auto}
.sel-detail span{font-size:17px}
.sel-empty{font-size:15px;color:#b8c8bc;line-height:1.7;padding:32px 0}
#panteaoHeader{background:#09130d;background-image:none;opacity:1;backdrop-filter:none;border-bottom:1px solid #35503d;box-shadow:none;pointer-events:auto;isolation:isolate;min-height:60px;gap:14px}
#panteaoHeader .nav{background:#09130d;background-image:none}
#panteaoHeader .brand{white-space:nowrap}
#panteaoMenu{display:none;font:13px var(--sans);border:1px solid #526756;border-radius:7px;padding:10px 16px;min-height:44px;color:var(--ink);background:#14251a;cursor:pointer}
#panteaoHeader .back{min-height:44px;display:flex;align-items:center}
@media(hover:hover){.sel-select:not(:disabled):hover{background:#365f44}.sel-select[aria-pressed=true]:hover{background:#b1d7b6}.sel-doubt:not(:disabled):hover{border-color:#ead39d;background:#51432a}.sel-doubt[aria-pressed=true]:hover{background:#d6bb77;color:#302714}.sel-information summary:hover,.sel-detail:hover{color:#f0f4ed}}
@media(max-width:900px){
 #panteaoHeader{height:58px;padding:7px 16px;flex-wrap:nowrap;gap:12px}
 #panteaoHeader .brand{font-size:13px;letter-spacing:.08em}
 #panteaoHeader .back{font-size:11px}
 #panteaoHeader[data-ready=true] #panteaoMenu{display:block;margin-left:auto}
 #panteaoHeader[data-ready=true] .nav{display:none}
 #panteaoHeader[data-ready=true][data-open=true] .nav{display:grid}
 #panteaoHeader .nav{position:absolute;top:100%;left:0;right:0;width:auto;margin:0;padding:12px 16px 16px;grid-template-columns:1fr 1fr;gap:6px;max-height:calc(100dvh - 58px);overflow-y:auto;border-bottom:1px solid #526756;box-shadow:0 12px 20px #0008}
 #panteaoHeader .nav :is(a,button){min-height:46px;border-radius:8px;font-size:12px;display:flex;align-items:center;padding:10px 14px;white-space:normal}
 #panteaoHeader .nav .sep{display:none}
 #panteaoHeader .nav a.on{background:#e4c270;color:#142016}
 #panteaoHeader .nav button{justify-content:center}
 .sel-row{grid-template-columns:200px minmax(0,1fr);gap:0 20px}
 .sel-card-heading{padding-right:0}.sel-state{position:static;display:inline-block;margin:0 0 10px}
}
@media(max-width:620px){
 .wrap{padding-left:16px!important;padding-right:16px!important;padding-top:76px!important}
 .wrap .head h1{font-size:34px;line-height:1.04;max-width:340px}
 .wrap .head p{font-size:13px;line-height:1.55}
 .simas-entrada{font-size:12px}
 .wrap .switch{gap:6px;flex-wrap:nowrap;margin-top:18px}
 .wrap .switch .sw{flex:1;min-height:46px;padding:9px 12px;font:500 13px/1.4 var(--sans);border-radius:7px}
 #panteaoSelecao{margin-top:12px}
 .sel-tabs{gap:24px;margin-bottom:12px}.sel-tabs button{font-size:13px!important}
 .sel-modes{margin-bottom:16px}.sel-modes button{padding:8px 6px;font-size:12px!important}
 .sel-dock{margin-inline:-16px;padding:10px 16px 7px;border-left:0;border-right:0;gap:8px;min-height:77px}
 .sel-counter{gap:0;display:block}.sel-counter strong{font-size:28px}.sel-counter strong span{font-size:16px}
 .sel-counter p{font-size:0;line-height:1}.sel-counter small{font-size:11px;margin-top:5px;line-height:1.2}
 .sel-dock-actions{gap:6px}#selOnly,#selCompare{font-size:12px!important;padding:9px 10px;max-width:110px;white-space:normal}
 .sel-tati>summary{font-size:12px;gap:8px}.sel-tati-caption{font-size:10px}
 .sel-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:14px}
 .sel-search{min-width:0}.sel-search input{font-size:16px!important;padding:11px 12px}
 .sel-filter-panel{position:static}.sel-filter-panel>summary{font-size:12px;gap:6px;padding:10px 13px;min-width:48px}
 .sel-filter-panel>summary::after{font-size:16px}
 .sel-filter-panel[open]{grid-column:1/-1}.sel-filter-panel[open]>summary{font-size:13px}.sel-filter-panel[open]>summary::before{display:none}
 .sel-filter-fields{grid-template-columns:1fr 1fr;gap:12px 10px}.sel-filter-fields label:last-child{grid-column:1/-1}
 .sel-toolbar{gap:6px 12px;margin:6px 0 12px}#selListCount{font-size:11px}.sel-toolbar button{font-size:11px!important}
 #selList{gap:20px}
 .sel-row{grid-template-columns:minmax(0,1fr);grid-template-areas:'heading' 'media' 'story' 'decision' 'info';gap:0;padding:16px;border-radius:12px}
 .sel-card-heading{padding-right:0;display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;padding-bottom:12px}
 .sel-eyebrow{flex:1 0 50%;margin-bottom:7px}.sel-number{font-size:10px}.sel-kind{font-size:10px}
 .sel-card-heading h3{order:2;flex:1 0 100%;font-size:26px;line-height:1.14;letter-spacing:-.035em;margin:0}
 .sel-state{position:static;font-size:10px;padding:3px 6px;display:block;margin:0 0 7px;max-width:120px}
 .sel-media{margin:0 -16px 13px}
 .sel-evidence{font-size:13px;line-height:1.55;-webkit-line-clamp:3}
 .sel-members{font-size:12px;line-height:1.55}
 .sel-decision{padding-top:14px;gap:6px 8px}
 .sel-select,.sel-doubt{min-height:52px;padding:9px 8px;font-size:13px!important;line-height:1.3}
 .sel-doubt span{display:block}.sel-doubt small{font-size:10px}
 .sel-tati-mark{font-size:11px;margin-top:8px}
 .sel-information{margin-top:14px;gap:0 14px}
 .sel-information>details{flex-basis:calc(50% - 7px)}
 .sel-information summary{font-size:12px;min-height:46px;gap:6px}
 .sel-detail{flex-basis:100%;border-top:1px solid #2e4435;margin-left:0;min-height:44px}
}
@media(max-width:359px){
 .sel-dock-actions{gap:5px}#selOnly,#selCompare{padding:8px;font-size:11px!important;max-width:88px}
 .sel-counter strong{font-size:27px}.sel-state{font-size:9px;padding:3px 5px}
 .sel-card-heading h3{font-size:24px}.sel-kind{font-size:9px}
 .sel-tati-caption{max-width:80px;line-height:1.4}
}
@media(prefers-reduced-motion:reduce){.sel-meter i,.sel-select,.sel-doubt{transition:none}}