/* as-documents.css — Google Docs panel styles (v0.1.39) */
#as-app .as-docs-panel{padding:0}
#as-app .as-docs-add{display:flex;gap:4px;margin-bottom:10px}
#as-app .as-docs-list{display:flex;flex-direction:column;gap:1px}
#as-app .as-doc-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--sa)}
#as-app .as-doc-row:last-child{border-bottom:none}
#as-app .as-doc-icon{flex-shrink:0;color:var(--t3)}
#as-app .as-doc-icon svg{display:block}
#as-app .as-doc-info{flex:1;min-width:0}
#as-app .as-doc-title{font-size:13px;font-weight:500}
#as-app .as-doc-title a{color:var(--t1);text-decoration:none}
#as-app .as-doc-title a:hover{color:var(--ac);text-decoration:underline}
#as-app .as-doc-meta{font-size:11px;color:var(--t3);margin-top:2px}
#as-app .as-doc-actions{display:flex;gap:4px;flex-shrink:0}

/* Inline search (replaces modal) */
#as-app .as-doc-search-inline{margin-bottom:12px;padding:10px;background:var(--sa)}
#as-app .as-doc-search-input{width:100%;margin-bottom:8px;font-size:12px;padding:6px 10px}
#as-app .as-doc-search-results{max-height:200px;overflow-y:auto}
#as-app .as-doc-search-row{display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:pointer;border-bottom:1px solid var(--b)}
#as-app .as-doc-search-row:hover{background:var(--bg)}
#as-app .as-doc-search-row:last-child{border-bottom:none}

/* Preview overlay (kept for doc preview — not search) */
.as-doc-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9999;display:flex;align-items:center;justify-content:center}
.as-doc-modal{background:var(--bg);width:90vw;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 30px rgba(0,0,0,.2)}
.as-doc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--b)}
.as-doc-iframe{flex:1;border:none;min-height:500px}

/* v0.1.67: Slide-out doc viewer panel */
#as-app .as-doc-panel-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:9998;opacity:0;pointer-events:none;transition:opacity .25s ease}
#as-app .as-doc-panel-overlay.as-dp-open{opacity:1;pointer-events:auto}
#as-app .as-doc-panel{position:fixed;top:0;right:0;bottom:0;width:72vw;max-width:1400px;min-width:360px;background:var(--bg);z-index:9999;display:flex;flex-direction:column;box-shadow:-4px 0 24px rgba(0,0,0,.18);transform:translateX(100%);transition:transform .3s ease}
#as-app .as-doc-panel.as-dp-open{transform:translateX(0)}
#as-app .as-doc-panel.as-dp-resizing{transition:none}
#as-app .as-doc-panel-resize{position:absolute;left:-3px;top:0;bottom:0;width:6px;cursor:col-resize;z-index:10}
#as-app .as-doc-panel-resize:hover,#as-app .as-doc-panel-resize.as-dragging{background:var(--ac);opacity:.6}
#as-app .as-doc-panel-header{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:2px solid var(--b);background:var(--s);flex-shrink:0}
#as-app .as-doc-panel-titlewrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
#as-app .as-doc-panel-title{min-width:0;font-size:14px;font-weight:600;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
#as-app .as-doc-panel-acct{font-size:11px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
#as-app .as-doc-panel-acct:empty{display:none}
#as-app .as-doc-panel-actions{display:flex;gap:6px;flex-shrink:0;align-items:center}
#as-app .as-doc-panel-btn{width:32px;height:32px;border:1px solid var(--b);background:var(--s);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--t3);transition:all .12s;padding:0}
#as-app .as-doc-panel-btn:hover{border-color:var(--ac);color:var(--t1);background:var(--sa)}
#as-app .as-doc-panel-iframe{flex:1;border:none;width:100%;min-height:0}
@media(max-width:768px){
    #as-app .as-doc-panel{width:100vw;min-width:0;max-width:none}
    #as-app .as-doc-panel-resize{display:none}
}
